タイトルは英語を見るだけでプラプラしていた私が多言語サイトデザイナーになってしまった話ということで神のサイトにお話をいただきますよろしくお願いします大丈夫ですか英語を見るだけでプラプラしていた私が多言語サイトデザイナーになってしまった話ということでお話させていただきます私はどういうことを表現させていただきますね神の手を考えているプルネームの神の春などと申します普段ですね当初はムズクロモーションとか製作をやっているとしてウェブデザインとして基本的にはデザインしたりホーディングしたりあとワードプレスカーしたりとかそこにタイトルもありますけど神のサイトの製作の中を普段やっていきますでですねワードキャンプ関係2016っていうか今日と同じキャンプ統計なんですけど2年前になりまして私はこのキャンプに2016年初めて参加して今日にいただくという感じでその時にですねライトニックトークっていう企画がありましてこれ今日もあるってもし時間あるかぜひ楽しんでいただきたいんですけど5分くらいで何か発表するっていうちょっとした枠がありまして初3番のLTにこうしてまさかまさかも統戦をしてしまいましてその年に発表したっていう経緯がありますその時に発表したLTがこんな感じでしたタイトルだけしかも出さないんですけどワードプレス初めたばかりだけど楽しいよっていうお話を2年前LTでしていましたこれ今日もしたいのですけどLTの時にした質問なんですけど今日改めて皆さんにぜひいただきたいと思います皆さんワードプレス歴何年くらいですか4択で行こうと思います別に当てたりしないので皆さん日が何か上げてください1番の3年以上だってことはちょっと単純していただけます2番の2から3年だって言う方3番の1から2年くらいだって言う方4番1年未満だって言う方1年未満の方が結構好きです嬉しいです1年未満って今4番に言ってやりてくださった方ちょうど2年前私が2016のキャンプでLTした時大体同じくらいです2016のキャンプの頃私はワードプレスまともに初めて半年くらいでした必要にバラれて始めたわけなんですけどなんて使い始めたかって言うと単純にこの年にワードプレスをよく扱う会社に転職したという経緯があります2016年の私は大体こんな感じでしたタゲンゴサイトデザイン開いてきらがらに書いてあるんですけどこんな風にタゲンゴサイトデザインと言われても何していいかとBHPは本当にちょっと分かりましたちょっと分かる方が書いてある人は知ってますか本当にちょっと分かるって書いてるんですけど分かる人がちょっと分かるっていうTシャツを着てるっていうネタがあるんですけど俺は本当にちょっと分かる意味のちょっと分かるんですタゲンゴサイトって言うけども正直英語も怪しい今年2018年にですねタゲンゴの時に気をつけることはある程度分かってきたBHPにも怪しかったんですけど今ではテーマ作成やってサイトの公開までお一人で作業することに伝えられました今はセッションここにですね漢字の英語なんですけどタゲンゴサイト作れるようになって英語ぺらぺらになりましたっていう趣旨なこといたかったんですけどすいません嘘です本当はこう言いたかったのでちょっとアンプに討論することになってから練習しようかなと思ったんですけど好き相手はちょっとまだにクッグル先生の力をかかりにいるただですね2年次日が経ちまして行っちゃわない私京都に住んでいるとよく外国の人に一時聞かれるんですけどあんまり英語の知識がないので聞かれてもゴーストレートとかフォロービンとか言って人を連れて歩くくらいしか英語につけるのですけどそういう人間でもタゲンゴサイトポイントを抑えることで作れるようですもちろん初めてのことなんで素晴らしいわけをたくさんあったので今日はそのあたりの話を皆さんと共有できるということで今日お話しすることなんですけどざっとこんな感じで行きたいです政策の法定流れですかゴーとか実製策実製策で考えていることをつけていることあと私自身がタゲンゴサイトを作るようになったことというのを最後にお話しできればまずタゲンゴサイト一応聞きたいと思います例えばこのサイトなんですけどこのサイトはタゲンゴ言っても日本語と英語という感じですねこっちが日本語のことですこれが英語版に比べてもらおうと違いがちょっと出てくるじゃないかなと思うんですけど特徴としたことなんですけど左上のボールちょっと難いですけどナビデーションとかここが言語に応じて変更されてたりですとかさっき日本語の時だとGの部分がハイライトを聴いてたのがうちのインフレッシュの方がいいなというあとは真ん中のメインの部分キャッチコフィーに合わせてちょっと日本語の時と比べて伸びましたからね日本語ですねちょっとアドバイスっていうふうに日本語のアオリグついてるんですけどそれも英語版の方でちょっと長くなって余計に見つらくなってるんですけど今日バナンのタゲンゴサイト作ってるんですけどタゲンゴサイトはもう日本語するに2種類あるってビディアにも書いていてですね人にある翻訳と機械ソフトによる機械翻訳私は全然人による翻訳というのをおすすめ書いています人による翻訳ですと文書のバックグラウンを含めて微妙な日本の数の訳してくれるというのがすごくいいことだなと思っています日本語をストレートに訳すんではなくて英語で雰囲気を出す他の言葉を使ってくれたりだとかそういうことを翻訳者の人がやってくれたりしますバックサイトというかタゲンゴサイトを作ってくるんですけど政策の流れとしてはこんな感じで普通のサイトと違うの翻訳というのが入っているデザインと交流の間に翻訳というのが入っているんですけど何故こうかというとデザインフィックスが翻訳を翻訳会社にやりすぎようとしていますこれはやっぱりワイヤーの段階とかで出してしまうとですねデザインの段階でやっぱりどんどん入れておいたほうがいいということを発生したりするんですねそういうことがあるのでデザインフィックスきましたねお客さんにちゃんと確認を取ってから翻訳データに残して翻訳会社さんに意外するで、実に翻訳してもらってる間にいつも性的コーディングを進めています性的コーディングを終わってワールドプレス化するくらいにこうやって帰ってきたやつをBHPとかカニガミを流し込んでいくという検討を流し込むんですけど流し込むとですねこれ後で詳しく話すんですけど思ってたよりデザインフィックス長くなく崩れているとかそういうこともあったりするとコーディングからカリアクな期間というのがあるということなんですけどこれは通常にちょっと長めに個人的には結構なんかこういうふうにちょっとしたことを気にしないといけないというのがあるので今度はそういう実性で作で特に気をつけていること今のようなことを詳しくお話ししていけば良いと思います近くなんですけどターゲットのサイドというくらいの努力にターゲットにするかを作るということ調査するなんかで基本的にどの国にターゲットにするかというのを聞いていますなぜ国なのかというと中国語だと簡単字簡単字という言語に種類があったり英語だったりすると使われている国によって結構様々な種類があったりするんですねなので中国語英語ってひらたく言っても5名だけでは翻訳の際になので具体的には国ですとか地域どこをターゲットにしますかというのを作るようと聞いています英語を先ほども結構種類が多くないんですねウィキーで調べてみたら2004年の時点で英語公用語として使っているのが58の国と21の地域があるらしくてそれだけ数もあるので英語って言われても多分翻訳する人はどの英語だよって思う訳ですよなので国でしてしておくとアメリカ英語ですねとか人質英語ですねとか具体的に翻訳提出できたりしますあとですね翻訳を今理由に上げたんですけど例えば中国特別な対応が必要になるケースとかも発生します制作していてよくあるのはグーグルマップがそのままだと使えない場合があるのでバイルマップっていうのに変更したりとかがありますあとはSNS、Facebookとかツイッターとかですねあゆらも入っていると使えないことがあるのでそういうのも必要な場合は全部取り取ったやつをアップするの処理も必要になったりしますこんな感じでちょっと特殊な対応するケースもあるのでもさら国とか地域に仕事した形でこれがいいんじゃないかなと思います次ですね国とターゲットにとはとるい合意その対応を考えるということですけどターゲットサイトでですね、留学生向けのサイトっていうのをやってきたんですけどこれアクセス解析にかけてみるとですね、東南アジアからのコンモシャンまたすごいアンドロイド4.4以下ちょっと個性がありますよねアンドロイド4.4以下を結構使っていたので数的に無視できなくてその時はアンドロイド4.4の対応をしましたこれ推奨かなんですけど留学生ということはおそらく学生でそういう理由があって中古品のアンドロイドを買ってあったんじゃないかなと個人的には国内の場合でも一緒なんですけどもターゲットサイトの場合であってもサイトの一覧社に合わせてそういう古いブラウドとかオーケースの対応をしないといけないこともあるっていうのを最初にしておくといいなと思いましたあとから対応説明ですすごく大変なことですよねですね、理系の話ですね具体的な実装の話に入ってくるんですけど実装方法は本当に皆さん慎重に選んでくださいターゲン語化する方法結構いろいろあるんですけど自慢で作る例かあと便利なプラグイーいくつか出ているのでそれを入れるとできるんですねあとはもうサイト自体をでずめたってしまうとか本当に方法自体はいろいろあるんですけどターゲン語サイトってターゲン語化の実装が本当にメインなんですけどねなので当たり前のことなんですけどメンベナンスしっかりしたり講習性を考えないと後々プラグインメンテされなくなんか偶使用とかそういうことが出てくるかもしれないのでなにこういう大事なことを実装するときはちょっと慎重に考えた方がいいわとあと管理画面の話ですね管理画面なんですけどこれが実装方法によって大きく変わるんですよなのでまあどういうふうな管理画面ですよっていうのをあらかにお客さんとイメージを共用しちゃうってことをしておくとお互いにそうお腹を進めていけるんじゃないかなと次デザインの話ですねほうがない場合のサイトでも必ず日本語から作成するようにしています私が日本語が母国語だからなんですけどもえっと内容が頭に入ってこないんですよね例えば英語の言語を語ろうと普通だったらこういうふうにこう手を踏んでいくんですけどまず言語をもらって共挙したい箇所とか表定の制御をパーツをお届けになってデザインに反映っていうことをすごくカードモードになりますちょっと体験してほしいなと思って試しに今日のキャンプのアクセスの部分英語側の方をちょっと取ってきたんですけどどうですかねこれを現行で渡されてデザインを起こしてくれって言われたとするちょっと考えますよね英語側もちょっと考えればまとなくわかってきそうな感じをしますたぶんあそこのレッツチェックザーイレクションバイフォントがタイトルであとスリーポイントって書いてるから多分下のやつはリストだろうなそんなふうにあければいいんだろうなっていうことはなんとなく英語の場合わかるんですよ英語教育ってすごいですよねこれがですねこれ対応対応ですあれはフェアかもしれませんがどうですかこれその支給されてタイトルつけてリストがしてって言われてわかりますかみなさん本当にいつとどこでくりったらいいんだろうから始まったりすると思うんですけどそんなふうにタゲン語のファイルであらかじめに貰ってしまうと何をどうしていけばわからなくなるっていうことが今キャンプに上がっている全部そんなんなんですけど安心しますねここね読めますね読めるとどこを協調してどこを話して写真が必要だって言ってるから両方の回に載せとくかいろいろ思いつくということですね内容は日本語でまず固めましょうっていうのが覚えたことです本当に他に確認する人たちも日本人なことを多いので英語で先にデザイン作ってしまったりするとメインテーブじゃないのでこの流れで正しくみんなどうに入ってベジコンバージョン上がるのがそういうことを理解しづらいんですよねそういう意味にもあらかじめ最初は日本語でっていう心を受けていますでもとはいえ言語の言語あるでこれ流し込みでとか言われることもまもあるのでそういうときはあらかじめ心の内容はどういうこと言ってるんですかっていうことを言ってまた分解していくっていう作業をしています次ですね長文単文に頼られるデザインという話なんですけど文章短くなる言語と長くなる言語があるんですねで単純に文字が長くなる場合以外に日本独自の文に対して文字が入ったりすることもありますそれらを基本的に同じレイアウトで使えませんようにCSでということを踏まえているデザインをいつもしていますこれ単純に文字量に差があるケースなんですけど短期大学大学についてっていうのは英語になるとめちゃくちゃ長い文章になってこれ自詰めもしたんですけど入り入りですね韓国語になるとちょっとすごい縮まったりの証拠ですね歩いてみるとこんな感じでした文博コミックですけど日本語が15文に対して英語はなんと2倍以上の48文に韓国語はこれ全額の語ると多額の語るが違いなんでちょっと日本語で言ってなんで言っているんですけど14文言ってしまうでもなんとかボタンの中にうまいことを収めるということが必要になったりするのでそういう意味でもコーディング語の確認期間がちょっと長く少しいところですあとこれは注射区が入る部分ですねこういう一文があるとしますお正月なので鏡町を用意しました日本語になれば鏡町お正月すぐに伝わるわけなんですけどこれを例えば鏡町っていうのを知らない人に説明文が入ったりすると要する一気に増えたりするんですよねちなみに鏡町はミラーライスケークウィッキーがそのまま書いてたんですけどミラーライスケークって言われてもそれは食べ物がいろいろ疑問が出てくるわけですね単純にスタイルあるそういう意味でもちょっと長くになってしまい勝ちっていうのはあるような風に短かったり長かったりしてもタイプできるデザインっていうのはちょっと食べ物が必要かなとすぐに翻訳ですね翻訳はこんな感じのことを思って提出するときなんですけど気をつけていきますパーツごとに分けてエクセル形式にして提出を依頼するっていう感じなんですけどこれはですねタイプのボタンなどに分けて依頼していますパーツごとに分らしておくことで提出する参考を後からだいぶ見つけやすくなります例えばよくあるのはですねここにやっぱり人工を追加してほしいって言われてですねよくあるのっと読むとか文言を重ねていけなくなったけど婚約ファイルで言うとどの辺にあったっけなっていうとめちゃくちゃ探したりしてたんですけどこういうふうにパーツごとに分かれておくことで後から必要になったときにすぐにつけられるということがありますこんな感じにちょっとスムーズになるので手間なんですけど婚約依頼する時点でパーツごとに分けておくといいんじゃないかなエクセルの項目での依頼が個人的におすすめですワードプレスPSVインポータとかありますよねうまい具合にやるとですね婚約ファイルに貰ったやつをそのままスプレッドシートなど関数つけて医療して一個のやつに入れ込むってことができたりするわけなんですよあとはそういうインポートにつかわいがいにもPSPで言語切り替えの医療がっていうのを入れないといけないんですけどそういうのを全部英語、日本語のシートくっつけて拭いをして書き出すみたいな、それをちょっと関数でスプレッドシート側で用意してあげるとそれをコップするだけで下げるとテキストが反映できるということができたりするのでそういう意味でもエクセルでのフォーマットでの依頼っていうのがすごくおすすめかなとあと、協調箇所と文中リンゴは判別なつく形で翻訳依頼ということなんですけどどういうことかというとですねお医学を入らないで協調取れてしまうとガイドのテキストなのか全然わからなく例えばこの文みたいに写真っていうところにリンクつけたいですっていう風になるじゃないですか日本語なら言えばそういう話ですよね日本語、写真ね確認してコーディングでリンクつけたりできるんですけどこれも同じなんですけど増えましたねではベトナム語ですね3番目がタイ語2番目が英語英語はやっぱり英語教育のすごいところでホトっていうところに行くつければいいだろうっていうのがすぐわかるわけですけどやっぱりタイ語とかそもそもくぎりないしあとベトナム語なんかホトっぽいもこないですよねはいこんな感じでちょっとハイライトとか外れるとどこにリンク飛ばしたらいいんだかやっぱりわからん読めない言語だと読めずできなくなるので色つけたり太い字にしてもらおうお役以来すると間違いない読めない言語来るとねちょっと頑張ってですねググる本屋かけてここが写真だなとかやらないといけなくなったりするのでそういう意味でもちょっとこれもテモなんですけどふと字にとかに必要ですねお役以来する際にここの部分のハイライトとかふと字とかにしたいのでここの部分にちょっとふと字にひといて返してもらっていますかよくと間違いがないコーニングの話ですね長文端部に耐えられるコーニングということで一緒なんですけどデザインにちょっと連動しててさっき申し上げたように長文端部に耐えられるデザインをするとやっぱりその後コーニング側ももっと柔軟にコーニングをしていかないといけないということになってきますよねさっきのはそんなに短いボタンというか言語がなかったんですけどたまにですねちゃくちゃ短いボタンで終わったり荷物で終わったり他の言語めちゃくちゃ長いことがあってですねそういう場合のためにちょっと最小幅入れたりということもしていたりします最大幅以外にも最小幅入れないといけないときもあるよというか一本やく流し込みになっていうくらいで二本目と整理するだけで先ほど言ったように結構流し込みの作業を大きく感じていきますPSP側で出力する敵とあればキテキストであればスピードとシート側で作業を行ったこともあとは簡単にエクアサックにSVEポーターを使わないというふうですねいろいろとタゲモサイト政策の気をつけていることをお話ししたんですけどちょっとまとめに入ろうと思いました他にもいろいろと細かいことがあるんですけど食ってると思うとサイリーが無くなっているので今日はここで気をつけていること今日は今日のまとめですけど私英語大変苦手で今も結構しっぽけで苦手ですかPSPも最初はよくわからなかったけど二年経ってタゲモサイト政策できるようになりましたというのも痛いんですけど二年ですね午前的に一番大切だったかなという学びがいろんな人の力を借りるということだったんじゃないかな個人的に振り返っていくというものもサイト公開そのままにこのサイマイトいけないこと結構多いですよね特にタゲモサイトとなると今夜という作業が入ってきたりだと最近あと結構フルスタックディジニアとかデザイナーでやってるのが力十分に全部でもできることやっぱりいきなりは増えないわけですよねスーパーモンでもないし機械でもないのでこのふうに二年というスパンでしたけどちょっとずつできることをやっていくというのがやっていくのが大切だったできれないできれないことじゃなくてできることやできそうなことからステータを振っていくというのがやっぱりいいんじゃないかなとデザインのコーディングもHPの英語も覚えなきゃって二年前思ってたんですよ思ってたんですけどやっぱり実際にやってみると自分にどうしてもできないことあったら無理として誰か頼っていいし覚えたいけどわからないことあればちょっと教えてもらえるわけですね特に今日こんなにいろんなコミュニティの人が結構優しいで聞いたら結構教えてくれたりします私も大変そういう環境にお世話になったのでそういう誰かに分からないことあったら聞いてみる 頼ってみるというのがすごく個人的な学びだったなと思いましたというわけで今度こそまとめなんですけども誰かに話を聞くチャンスですいろんなセッションはありますよね交診会とか交診会が本番っていろんな人が出て話聞きやすいので是非誰かに声をかけてみてくださいいろいろと発見できると思います私は交診会まで会場ちょっとウロウロしてると思う交診会でないだという方で気軽に書いてもらえると嬉しいですはいちょっと早いんですけど以上ありがとございましたということで何かご質問がある方がいらっしゃればやってあげてお願いしますお話いただきましてありがとうございますデザイナーの新知と申します交診の方を聞かせていただいてありがとにかかったんですけれどもちょっと個人的に聞きたかったのが交診に関してなんですが最後にとにかくしていることはないと思うですけれども出来上がっているとき例えばもたんなんかに聞き出した場合などがたぶん前によってアクライアントさんからこの知らしのイガレデータから聞くとかいわゆることがあると思うんですけども最終的に出来上がったサイトの構成をするときにサイトもんやく会社みんなとの交診をしてもらうと交診を動けないといけないのかそれともすまれはもうたぶん自分では気づかないと思うのでそれを社内チェックでオーライとするのかその辺りに興味があったのでそれを聞かせていただければと思いますあってるあっていないのすごいさらないようにしてくれているですけれども分からないけど本役会社にいらした人で本役の会社の人が2、3人で複数人チェックというのをやってくれていて基本的にはそれがせいだろうということでサイトの方に乗っていって乗っていったときににけがあるかないかというのを本役会社にいらっしゃって確認するということをしているとあと英語の場合うちネイテルのスピンガの方がいらっしゃってその人が結構よく確認してくれているタイ語とかベトナム語とかスライダーにいっぱい出たんですけどそういうリンゴは本当に間違ってでは抜けてたりする気付かないんですよなので留学生のサイトというのを今まで例に出てきたんですけど留学生の方に人の間のチェックを入れするとかそういうふうな場合で誰かにありがとうございます私は実際にハゲン語のリンバウンド系のサイトをちょっと構成してやっているんですけども一番ちょっと引っかかっているところがグーグルのサーチコンソールで登録していけば正しい言語のトップページが出てくるかというのがちょっと今悩みところでしてただカゴ語でグーグルでカゴ語に設定して検索してもトップではなくてアバウトのページがやってきてしまったけどディートしないグーグル側にどこがフォームとして認識されているのかというのはちょっとコントロールができない状態になっていますあと台湾語のページがあるんですけど言語の設定を本本にも対応させたいんですけどもそれができなかったというのがありましてその辺はどうされているかもし教えていただければココワードプレスのアバウトしボゴって言うのが使うんですけど同じですか認識しているのかなディレクターの方でもしかすると何かがんばっているのかもしよければディレクターとかにまた聞いてTwitterとかに長い人が今の件今日スピーカーでグーグルの朝屋さんという方が怒られていますのでこの進化でもおそらく来ていただけると思うのでもしよければ教えていただければグーグルの会見と聞いていただければありがとうございます他にご質問ある方いらっしゃいますか少し早いんですけどもこれセッション終了と休憩に入ります比較のランチ情報とか