すいません、後ろの方に入っていただいちゃって申し訳ないんでこれが45分なんですけど感受悪な感じで力を抜いてですね全部はかか楽しく本当の話をしてみてます今日話すことはですねウェブホントの話それから去年リニューアル3回目でワールプレイするを使ってリニューアルした時の話あと何だっけ?本当って楽しいよっていうお話をしてみてます実はね8年前に初めて大阪でウェブホントの話をしたんですね何回に出してもらいましたかねその時ウェブホントを使ったことある人って100人ぐらいいて中で2人しかいなかったんですねウェブホントを使ったことある人でもくらいいます言ってあげるでしょ9割、8割、9割とねグーブホンジとかアドルフォンジとかねそういうのもあるしタイプシフェアとかホントクラフトとかあるんですけど短になったねっていうことで今日はですね複習の部分もありますけれどもちょっとスライドが140ページあるのですっごいストップでやってると思いますよろしくお願いします15日以上です本当おじさんです2年前からですね本当おじさんって頭がつけられて気づいたらですね今本当おじさんって読まなかね200人くらいですがいるらしいんです石口知られたほんとおじさん知られてなかったねだけど2年前に本当おじさん検査すると僕の記事はなかった今はトップ30日、28日が僕の記事になってます自分が書いてる記事も何個かあるんですけどほとんどがコリス面白いってことでいろいろブログで書いてもらってる記事がどんどん出てくるとそんな感じです実は天宅おじさんがやってて別東京のベランダから取った同性と目線です島がちゃんと映るんですよ東京のとないからね宇宙の話したいけど今日は本当の話です基礎講座これもわかってきますどういうことかっていうとコンビューターの中にはね同住校とかなんで文字がこうなっていくわけですだけど見る側のデバイスにほんとがねまちまちなんですねですからホントファミリーの指定でサンセリフっていう指定してるとあれデバイスとかっていうのがご宿題の出方違うじゃんそういうことが起きたいんですもうこの辺もしてると思うんですけどジャパンスクリプトが勝手にHTML CSSを解析してこのほんとちょうだいねって言って戻ってくるやり方これの主流です気割りぐらいあとはあなたの中央級だからちゃんとオッケーなやつを4000グリフとかフルとか必要なグリフだけを僕にしてウェフサーバーに入ってそれで画像をダウンロードするかのように本当をダウンロードしてみるということでどんなデバイスから見ても何だろうかっこかっこってかわいいらしい愛になってこれスランプってしかないですねこれがどんなデバイスから見ても出るようになるということですねよいしょ誰でもわかる本当の仕組みでもうそれをしてくるので例えば一番上のタイムセールっていうのがここでねこの社長にみんな知ってるよねグーラムパンチって社長ですねキュウラキュウルされてますよねであそこの部分もですねちょっとこれこれどうなったのあ、えーとですねしまったブラウザーに進むか劇場こっちが変なモデルになっちゃってるんでよいしょあ、戻しちゃったえーとあれ?画像が出てたんだはい諦めますあれどうしちゃったのえーとですねちょっとブラウザー立ち上がってねあ、よかったえーとここにタイムセールってほらウェブホントが集めるよね出てない今度は出てない問題すごいな40ページ上がるからよいしょ出て?出ない出ないときはこれぞこれぞあらめ出てないそんなことあるの?ちょっとこういうとき出せちゃうのです環境セプティヤーリングだった私帰っておかしくなったんだ出てあったディスプレーになっちゃってる帰るときはどうするのですか来ていたら来ると嬉しいのですかわかんないディスプレーになっちゃったら出てると増えて入れても長いんですよおかしいね出来たねよいしょよかったねはいえーとあきらめましたえーとごめんなさいえーとコインタインでえーとなっちゃってCMSが高いたんですよえーと要はこれ8年前にこんなデモを作ったんですねホントファミリーの時期数をしてコインタインを入れて帰ると帰ると習慣的にその部分が変わるわけですよよくあがラーディオペースってさデザイナーに頼もうと思ってもだいたいデザイナーが掴まんなかったりして6時半の体の制度ができなかったりするんですけどこのデモを作ったときにこれをヘッドにしてえーとあれですランディングページの会社さんとかまあペライスさんも今作業してますしデジタルステージっていうところのファインドっていうところで要はランディングページを簡単に誰でも写真をアップロードしたら他は全部ウェブホントで作れるっていうまあそんなヒントになったゲームをやりたかったんですけどねはいという事ですえーとはい順調です5時間になってませんえーとねこれ今までなんで払わなかったような話なんですけどえー20年前にさかがぼれますねヤフジャパンが1996年4月1日に行われたんですね私たち上げた1人だったんですデータベースを手で50万件入れました僕がじゃなくって学生を集めてでそれが今サーチエンジンが今さらしに行ってるんですけど当時はメタ情報を1個1個さえとんって200文字だったので10話出たんですよねなんか人間がサーファーっていうその役職を叶えてですねその時アドバイトの人にヤフジャパンのTシャツを着たんですよTシャツ大好きなんですけどお前ペータベースに2ヶ月で50,000件入れるんだぞおーってTシャツ着てやったんですね本当にできちゃったんですやっぱり情熱情熱があったんですねもう設計書もなかった中でヤフジャパンを2ヶ月で買い訳していらっしゃるその時のトップページなんです何にたかったんだって思ってしまったそうです当時はですねこんな感じのコンページをやってましたよねたぶんカウンター回している人がアーナーフェンターの辺にCGR回してましたよね若い人は知らないなんで植えるかんまいコンページだったんですかねディスタイトのジャパリーズオンリーってあれダメなんですよね外人たちに禁止になるのであれは日本ジャパリーズランゲージオンリーじゃなくてダメで本当にジャパリーズオンリーだっていうふうに増持帰っていっぱいいてそれまずかったんですねそんな話もありました実はですねウェブの世界で約20年間本当がお期待にされたと思うんです事実がありますつまり当時のウェブサイトでグローバルナリエーションにもそうだしみなしもなんかさ可愛らしい奴でこのサイドを使いたいんだよねって言うと画像にして覚えてたんですよみなし画像フォーマンみたいな人がいっぱいいたんですよ僕もやったことは大好きな一日やな大好きなんですけどちょっと大変ですよねでもそれしかなかったんですMSP Gothicを使うか大阪を使うかっていうラマットだとそういう時代だったので初代が自由に使えなかった時代が8年ぐらい前まで移っていたんですねですのでこういうバナーを作ってねっていうと明らかにイラストレーターで作って文字をパパパッと置いてオート属性に全部書かなくちゃらないんですよね石口先生まで書くらしいですね僕よくこれソースページに言うとですね僕画像とか書いてあるだけなんですよねそういうことをやっちゃったりすることがあるのでテキスト表現しているとはモルトの書き合わせでとかリグレーとかっていうのがないここ画面で見ても分かるようにリーガーはやっぱり拡大した時にガピガピしてないんですよねアウトラインなのでリテンナーテストプレイにとバキバキにキレイすぎちゃって気持ち悪いとかっていうのもあるんですけど左側で改造度の低い文字をTLGとかでやるとどうしてもあれ読みづらいみたいな感じで読みづらいだけだったらいいんだけどうちの神様からよくでどこに行ってんのってよくやるんですよねいろんな所で飛びまって出張さっき出張はいってるって言ってるんですけどどこ止まってんの?ってホテルをコピろうとしてもコピれないんですよね画像なんですよでも本当にそれってアクセシフルであるべきウェブがそういう所でストレスが溜まるっていうことはやっぱりUI、UXをやってみるんじゃないかな僕は思っていますこういうことですねつまめますさっきのやり方実は画面出せないつまめますね結構これ大事だと思うんですスマホでもタシャってやっておければいいんだけどコピーみたいな時期あるもんねということです10年前にウェブフォントが使えるよとブラウザーメーカーさんにEOPとかホマットがあるんですねアウトラインフォントを返還してブラウザーに出してねっていうことをW3Cの方で定義したのでマイクロソフトさんを始めようとしてる皆さんそのデータが来たらとにかくアウトラインのデータを記念出すってねそんな時代が約10年前に来たわけですねおさらいです実はウェブフォントっていうのは初めて今日もうちょっと詳しくしていただいて人にとってはもうテキストデータ考えてください難しいこと考えなくていいです画像の文字じゃなくてあとはテキストのデータあるそれがローカルにあればシステムホントが出てるしなければ初代のやつってどっかに取りに行ってどっかっていただけるんですねクラウドホントサーバーに取りに行って見る人に出してあげるそれだけの違いなのでテキストデータです考えるとわかりますこれは飛ばしますパソコンの中に入ってるホントってWindowsだとこんな感じ最近優保しく有名字を使わせてるんですよねおまく逃げやかこんなに入ってるぜみたいな本当に入ってるんですねポッパン同級の中に最近入ってるんですねあと嬉しかったのはそうだねSKUSHI A05 B05だ使えるようになったのがマックの中に入ってるそうだよねとしたらウンウンってやってくださいね反応してSKUSHIマルゴいいよねウンウン2万円くらいするわけではないなので実はシステムホントでポントファミリーに指定しないとIOSは何か認証体が出てきちゃったよねするよねびっくりしたことが僕があるんですけどだからセビフットがサンセビフットって統一するところがあるんですけど初対がバラバラにならないようにウェブホントでこんな感じでどのブラウザーから見ても同じ可愛らしい文字が出るような設定になっても簡単にできるということです実装方法ですねもう皆さん知ってると思うんですけど左を右にする場合そうね夏明宗席だからちょっとこう主営証拠とか使って僕の大好きなラブランパンチをH2使ってるみたいなねいうときにはホントプラスの場合だったらV、カインがあってJAPAスクリップが発行されるんですけどこれユーザーコットにパラメータが変わってるので薄まれてるPVが消化されないようになってますどこも大体そうかなで春応み出し中年証拠H2出しラブランパンチ本分RV応うと大好きなんですよねRV応うって言うといいじゃないですかで勝手に取りに行ってさっきのやつがノコウガーが出ましたで昔はねなんか遅かった時代がありますけどね今シュート出るんではい大丈夫です何か大丈夫大丈夫ですさっきは汗がいちゃったのでこれ緊張じゃないですかはい10年の編成をちょっとやりますねだいたいやっちゃったかなそうだでね僕ね10年前にウェフホントの企画賞ですねノミアで技術フォーマット変換オタクがいるんですよtrueタイプオープンタイプをEOTに変えるPDUに変えるWOFに変える困難簡単ですみたいなマニアックなやつがいたのでそうした企画賞が入っちゃったんです取っちゃったんですねソフトバンクはですね企画賞は取るのはいいんですけど2年間3年間でクロジンしないとですねポコポコにされてですね大変なことになるんですね取っちゃったので心差しようですね企画賞でどうしたかというと日本のフォントメーカートップ点をくどくと心に決めてつてはないのにすごいですよモリサーさんホントワークさん岩田さんぼくりゃさん白修さん大日本印刷さんトッパイ印刷さんキムッターデザインさんとかとかで基本としてはですね世界ナンバー1のフォントメーカーモノタイプというエルベチカフーツラーとか作ってることそこもくどいって実は13月って言ったんですけどこの間また韓国のホントリックスをくどいてベライギッツですねもう書いちゃったフラインとしてね昭和書体のところもくどい15社くどいって今3,500書体使えて月成員で全部使えるんだよね形まで納届きましたただね最初の頃はですねえっとウィンドウゼックスピーが元気であったんですよでアイエー8え?アイエー6も元気だったアイエー6とウィンドウゼックスピーの環境でね ウェブ作るとどうなるか知ってる人はいますよね古くからやってる人つまりですねアウトライフホントが綺麗に出ないんですよだからドットホントの方が綺麗に出るぐらいの時代からも実は船をこき出しちゃったんですねで船をこき出すと何が起こるかっていうと綺麗じゃないじゃん早くないじゃん重いじゃんって言われるわけですって言われるのは覚悟だったでどんどんどんどん言われてチューニングしてえっとターニングポイントは3カ所あってまずはですね遅いっていうのはですね配信する側が遅かったんですよジャパスクリプトが解析してちょうだいねーって戻ってくるのになんかね数秒かかったそれをねコンマー3秒ぐらいまで頑張ったとなしくしちゃったんですねそれが2013年2014年にオインドーズXPがお亡くなりになる2015年にIE8がサポート終了になりはいまあこれはねその時代では別に悪者ではなくてただアウトラインポイントが綺麗に別来環境がやっぱりあったっていうところでみんな苦労してやってましたってことですねだから配信する側も使う側の環境もきたっともうそろそろ使っていいんじゃねーっていうのが実は3年前だったんですということで今はですねうちのサービスだけでもこれ合表しちゃいますねオインドーズ40,000サイトぐらいも使っていますなぜかっていうと一奸役で一戦車使ってるところもあるんですうちは一来戦ですよねユーザー登録を先行してそこに使うっていう製薬会社なのとかプラットフォーマーはそういう使い方してるんでそれを語るとそのくらい行ってしまいますまあペライチさんそれからウィックスさんも今使ってますしラインブログも使ってますし要はCSSとHTMIを書かずにコントロールパネルコントロールパネルのところにもう決め打ちでコントを指定されてて誰でも使えるっていうプラットフォームが今どんどん増えてて皆さん方は自分で実装してやってる形かと思うんですけどそうではないサイトも今どんどん増えてると思いますはいえーっとですねはいこれがですね2011年に立ち上げた時のホントプラットだったんですこれ覚えてる人がいないですよね覚えてる人あ、すごい2人もいるこの時はですねホントのデパー100点つまりそうこの時ねもう一言と言うとですね要はモリサーさんとウェブホント契約するホントワークさんとウェブホント契約する岩津さんと契約するみたいな時代になりそうだったんですパソコンはそうじゃないですかウェブホントはさうちと契約したら前後使えるよっていうプラットフォームは僕はウェブのユーザーでも作りなかったですよねまさかねなんかあんまり良くない同士がこう一緒にいるような舞台ちょっと横にいろんなご事情などの中で皆さんがですねウェブホントの変換プラットフォームに乗っかっていただいたっていうのはこれビジネスモデルのなんだろう自分っていうような経緯ですね成功だと思ってたそんな思いでやってましたでもちょっとやっぱりね幼い感じの弱いんですよねでこれがですね2013年にですねなんかね九州の綺麗な景色の中に日本語の文字がポンッポンッポンって入ってなんか日本語って素敵よねっていうコンセプトで立ち上げてこういうトランディションで動くっていうね僕はねこの第二世代が結構好きだと思って僕は実際はなんだろうディレクターじゃなくてオブダーバーみたいな感じで入ったんですけどこれは2代目ですこの時はですねスクラッチ第1世代第2世代はスクラッチでしたねで第3世代これがですねなんでこんなになっちゃったかこんなになっちゃったかって言うんですけどなんか本当の百貨店っぽくないよねこの時はですねうちの傾走とかやや買ってくれるのは予算持ってるところ企業だから企業が納得する説明書きがあるサイトにしようぜってことで企業のデザイナーとっていうかね虫子化製作会社のみたいな感じでこれなんか見ると人材派遣会社みたいだよねということでですね自分のサイトですってどうすんないんですけどやはりこれだとプロフェッショナル使いの本当の高級作家店じゃないんだよっていうのが僕これが出た時にそう自分がそう思っちゃってですねこの時代はですねなんかあんまりこの自分のサイトのことで自分がほとんど死なかった時代どんどんぐらいありましたうん結構そのファーストビューのところってすごく大事だなっていうのは自分がなんか好きじゃないとなんか前の目に前にいつもおっとくない前の目なんだけどこのページあんまり見せなかったんですねこのページ覚えてる人はよかったよかったじゃないよそれでどうしたかっていうとですねじゃあここでなんで去年コントプラスはワードプレスを使って生まれ変わったかということなんですけども実は最初ね組織論とか技術論とかどんな開発工程かっていうのを買えたんですけど実はねそれがやりたかったことじゃないってことでちょっと内容昨日の用意を変えましたどういうかかっていうと2年前の秋にさっきの公務店みたいな人材揚げに会社みたいなサイトこれはブランディング上本当僕がやりたいものじゃないというところがあってチーム全員を集めて生まれ変わろうそれからブランディングをもう一回ねもうクロジカしたしさっきと言う3年経ってクロジカしてるやつと来た目なんですね私も会社をやってるようになったんですだからもう一度初対応短にしたいそれからこの次のページに今しかないねっていうことであれ?そうなの?生まれ変えたいそうブランディングをもう一回し直す短になってきたんで今やんなかったらもうお騒いっていうことですねまた開発後期短かったんだけど3か月でやったんですねでその時ですねこういうコミュニティでいろんなその出会いがあってその時にUI-UX-Dブランディングっていうところで頭に浮かんだのがこのところだったんですね東京のワールキャンプでデザインの話を2年前にやってすごくいい話もしていましたし今日本デザインセンターっていうことで以前はコンセントセキグッジ板川さんと一緒ですねでちょっと読んだんです僕ウェブの世界でパイポグラフィーの革命を起こしたいもっともっとフォントってお宅じゃないよデザイナルもんじゃないよCSSでもっとエンジニアも短い感じで短いしたいっていうことですねあそこ語ったらですねそうです生き統合してですねやろうってことになって今日のキューワード無理やりですねウィーズダブルセキグッジでウィーズ生き統合でねこのプロジェクトでね解説説とか色々考えたんだけどそうじゃなくてですねこれ厚くなったんですよそしたらですねそのセキグッジ豊田さんがじゃあこのシーンをビルリングするやったってすっごいその今コアナル世の中にいるコアナル人だいたい忙しいじゃないですか無理やりきっぽかしてそのフロントエンドとデザインとそれからライティングセキュリティングに対してのプロフェッショナルと思える人を書きあれやっと書きやすみなのガンナル揃っちゃったそうなのです時間がないのでですねぜひですねこれデザイニングっていうところでそうなんです後ほど全部ハイパーリンクが貼ったKDFがダウンロッドできるので中心デザインセキュリティング中心に本当にですねドリームシーンができちゃったんですねで実は皆さんベルソナとかプロトタイピングをしてそのアプリケーションをユーザーテストしてそれフィードバックするっていうのをですね頭で分かってるけど地道にやったんですね地道にやりました結構ねこれ何がいいことが大きかったのっていうと実はそれまでっていうのホントクラスの授業ってもう行っちゃってもいいや奥と記述とサポート3人にしかやっていなかったんですねそれをやっぱりそれだと個人事業の死になっちゃうから3人だと言え3人のうち誰か倒れたらダメなんで部門を補がして何だと10人ぐらいのチームに編成者に教えたんですねでその時に何だとチームが真剣になって考えたんですよで紙に書いて貼るっていう作業を普通にやれってやられてやらないしでも無理やりやってもダメなんですっけん面白いぜーって感じでやったんですねそしたらやはりちゃんとしたアウトプッドまででしてさっき入るのなんですかワンチームですか何でしたってダメに言ってワンチームねあのねワンチームになったんですでなんでワールプレスを採用したかとこれつながらかっていうとで実はですね僕はなんでもよかったんですはっきり言ってその前使ってたしメーサービスのことだったしただしやっぱりエンタープライズとして使うにあたってはそのやっぱり担当が変わった時にまあデジュンションを見ればわかるっていうのはしでもソースまで見た時でもやっぱりこうわかる?たぶんワールプレス以外だと結構しんどくなってきて人も探せなくなってくるんでもう自然とワールプレスになっちゃったんですねただしワールプレスを使おうが他のCMSを使おうがここまでに杖を持ってですね真剣にそのドア通りブランディングするかっていうところを考えたっていうのはですね僕っていうよりもチームがなんかあのなんて言わないと自分ごとに捕らえるようになるこう大丈夫かちょっとケーブル来るっていうかもしれないああ良かったありがとうございますえーとあそこで忘れちゃったねはいえーとねこれこういう一連の作業を経験したことある人はどのくらいいます?新しいサービスをするとかもしくはプライアントが新しいサービスがいるのでウェルソナはちゃんと設定してでトロップカイピングでテストしてるんだやったことある人は一人に設定させてくらいですこれね希望かかわらずこれやるといいなと思いました越し上げるの結構大変ですディーダーみんな忙しいから嫌がるんですねで無理やりだいたいやるといい結果が出ないんだけど真剣にやると結構面白くなってくるんですねはいで結果としてアウトプリットになってきたものっていうのはあこれはえーとものですねうーんと説明書きのとこですねえーとマニファイストみたいものが来ましたタピュルってようにタイポグラフィーの革命を起こすこれはスタンダルになるんだっていう形の言葉に最終的にはお伝えありましたけどここにマニファイストに書いてありますえーちょっと今日はありっすね入るでえー今まではですね本棟を探してそれを比較するそれから組んでみるそれが何位だったんですねじゃあ会員になればいいじゃん会員になる前に調べたいんですよだから会員になる前にをえーと本棟を探してこういう派国民にしてえー比べるスライダーで本棟の大きさを変えるライン配度を変えるとかっていう自由にできるようにしましたえーで今のトップサイトはですねパソコンで見るとこんな感じで出てきますでいろんなパターンが出てきますこれファえっとメインピジュラーからですねこれ当てるとですねワックボードみたいになったこれ全部ウェブホントになってるんで押してこっち側にパネルが出てきて書体を変えたりとか色を変えたりとかまあ要はうーんで自分でその箱を置いてえーなんだろう俺こんなに作っちゃったぜみたいなえーこともできるしそれをしえーとログイーするとシェアしてソースもえーそのまんまえーとチームでシェアできるような仕組みまでしましたえーまだまだその使い方とかっていうのがうまく伝わってないのであ綺麗について離脱しちゃう人が多いんですけど実はそこまでいろいろ作ったんですねえーまだまだあの面白さってない伝わってないってことがあるんですけどもそういうのがアウトクッドみたいなあそれなんかそうですねえーとある人がえーこのつくしの丸ごう使ってなんかこんな感じにしてえーとなんだろうあほんとボードみたいな感じでこれを人が作ったやつを真似してえー文字を入れ書いたやつ自由に書いたやつですねえーこんなこともより本当にできたやつを書いたやつですねはいえーとはいどんどん言っちゃうんですで役割をちょっと話をすると実はねウェブホントの実装の仕方とかえー僕のキーではもう細く載ってるんで今日はそういう話もしませんえーそれからですね事例も事例集を行うと50個くらい入ってるんでそれを今日説明しませんえーダウンロードして1個1個クリップしてみてくださいえー皆さんですねえーといろんなまあ要は僕は絵の具だと思ってんですね2500個の色絵の具というか絵の具をどう動かすかはJSとCSSとHっていうルールでえーこういうカスターえーといろんなサイトタケルの有効にとかのサイトが出てきますえーただえー初対どれを選ぶのっていうのは結構大事でじゃあ初対はどういう役割をしているのかっていうところだっていうと見やすさ読みやすさえー分かりやすさパーッと言ってんーって感じですけどこういうことですえー例えばですねえーこれ世界的にヘルベチカとクリティがえーどっちがいい悪いの話ではありませんえーこれ遠くから見た時に霧がかかるとですねサンドハチとゼロがですねシートを一緒になったりするんですけどえー初対によってはですねうわりと判明性がしやすかったりするまでえーもう1回行きますけどえーと上のヘルベチカがダメでっていうわけではなくてえー空港なんかではですね下のフルティ側だとサンドハチがあそかえーそうので特にシートをとか植えて見分けがつかないのかえー初対でもこういうその太ころが広い狭いっていうのは日本日本でもありますよねえーそういう違いが出てきたりするっていうのがえー一つの考察をしてありますえーえーとこうCの開いてるのをえーとサインシステムがよく使うっていうのは実は日本でも起きてるんですえー3がこう開いてるんですねそうやって考察してるとあの初対ってあっそういう違いがあるんだとかっていう気付きが出てるんですえーあとですねご宿体えーと街の看板が民調体ってことあんまりないんです看板っていうかあのサインシステムようですねご宿体はですねのみ感想なのでこっち側っていうこっち側っていうんですけどねで民調体はですね色がついてるからですねこっちいよーんってなっちゃうんですねだから読ませるためにはえーと君のお話しとかっていうポスターなんかでよく民調が使われるっていうのは振り向いてねいうような使い方をするっていう意味でこれはもう昔からそういうことがエトリアルでもあったりするのでえーそういうのもウェブのあの初対戦ってのヒントになったりはしますえーあとよくあるのはねこんな感じでペロップが流れても地震大きくなさそうまあこういう風にやっぱりウェイトで重み付けをするこれはウェブでもそうですあの見出しと本文のそのなんていうのは大被で同じポイントでもウェイトをうまく利用すると上に上がってそういうところのヒントになりますあと感情を持っているかもしれんですねえーこの考え一丁目公演のですねおそば屋さんこれ入りたくはありませんえーねこれうんえーなんでコインタインにしちゃったのかって僕コインタインは実は大好きです使い方を間違ってるだけですえー人間にねコインタイン結構使われてるんですよこれ怖くないじゃんみたいな話ですですのでこれ言うすごくいい例でコンテキストまあ要は背景とかに合わせた初対を置くと初対が存在かに消えるんですこっちだと存在かに消えないんですもう初対が消えちゃって気になってしょうがないえーそういうウェブサイトは作るのは狙いでやっている時はありますけども普段はしない方がいいですねこれね2番目のあの病院だと痛そうだからやだとかあるわけですね一番上はちょっと多分やばいですこれだけ見ても初対ってこんなに違いがあるんですえー僕のうちの周りのお医者さんはですね病院と病院の中の看板を見たのでですね9割もあるほしくらいしてるかわいい優しいということですだけどふんわりって言葉を使ってるポスターなんだはこれご宿題だとねなんかコスターンないんだけどやっぱりこれだとねふんわりしてる感じでしょということでふんわり系の看板さんが人々が結構ありましたちょっと昔もちょっと紹介してくださって楽しみですね9割が民調大でしたふんわりをねでここに事例がありますがここはちょっと今日発表すると言うまと言うクリームではえーとね実はね日本でもココレートホンコンっていうのが増えてきましたこの間メルカリさんが自分の徳島所在すっごくかわいだしいやつで2階立てのAと1階立てのAって話ってるでこうなってるAとこれだけのね実はメルカリってスペイルを入れるとちょっときだけAが2段上に屋根がないAが出てきたいとか今スケーラブルホントAじゃなくてバリアブルホントっていうのがあってえーと要は大きさ変えるとえーと招待の太さが変わったりあとそういう事件が変化したりとかっていうのができるようになってきたんですね多分ですね3Dで文字が出るときには多分そういう規律とか自然に使えるようになってきましたもう実験始めてますえー今はFの世界でもこういうその改造度が高いときには上等逆に補足したリード文とかを使うケースから入れていきたいとかこんな感じで招待は何よーっていうのとかちなみさんもこうそういうふうに使ってるんだけどですねこんな感じであと縦書き横書き横本材にして今はライティングモードっていうのを指定すると縦書きを自動的にこういくんですねで昔はディブディックとかスパムで切ってなんかこう揃えたいとかえーあとレタースペーシングをなんか綺麗にしたいかなっていうことでディブディブしたこういうなんかこうありますよねディブディブしちゃうと読み上げてくれないですからねえーということもあったりしますけどそれが縦書き横書きももうアクセシビリティを工事をしたサイトができますねすごいみなさん感動これなんかもスコックス時ですよねやっぱりちょっと趣味にちょうどどうかなっていいですねという話にしたいんですけどえーこれをじっくり見てください新西旅館では保存検証となっているのはこんな雰囲気が出てくるんですね新聞民調を使っていると困りますとかこれもココレートフォントを使っていますねこれはいつも説明しているドナワーシーのまあ要は私も全部画像をやめたので本役タイロができるっていうすごく綺麗ですこれ6年前にも作用していただいています当時はGoogle本役使っていたんだけども人の名前が変に変換されちゃったりとかすることがあるらしくて今は多少お金を払ってやわっぽくないで言ってましたねムカルキさんがクレスルトムーンっていうのがやんないのちゃったりとかGoogleさんがそうなっちゃいましたねはい今まで言ってきたことをちょっとまとめるとやっぱりですねマシンリーダブルとかアクセスビリティっていうのはすごく言われてるんですけど実は初対応持ってるもののその要は情感とか僕をそっちをですねヒューマンリーダブリティとかね心を訴える危険性に訴えるみたいなその力を持ってるのでウェブフォントとレフというアクセシブルでリーダブルその要は検索性があってっていうところの組み合わせでうまくバランスを取る時代が今ではないかなこれいくつかあげますね思いをねっていうのはですね海外では100文字ですんですけど日本語はだいたい2万文字くらいあるんですよねだからしおけだかおけのやつをオフにしてツラホンとかなんかのとりあえずって皆さんどうぞサンウェイとあるとですね注目がになっちゃうんですねだから必要な文字だけを取りに行ったりとかするっていうのがやはり日本語の場合はどうしても必要だってことで海外だとフルセット海外はもう一時期調査したんですけど一個一個見たんですけど95%で日本語使ってるんです海外では審査っていうそうだ人長体だとね一緒体で10目の一応検査があっていますこれもおけですねだからさっき言ったジャバスクリップで取りに行くのが今9割だよって言ったのはこんなけの文字があったとしても瞬間的に迷わせされるので実際は400文字になっちゃうよねひらがな方が勝負してますということで取りに行って戻ってきて表示するときには50キロバイトで今は順次に取りに行けるような時代になってというところで遅くないですねでマニアックな傾けにちょっと言うとですねブラウザってテキストジャバスクリップと画像が処理されてドームザかとえばそのページで200個走ってたらウェブフォントの表示は実は一番最後なんですオンロードする瞬間なんですだからシテモフォントが出て最後にギャッと切り替わって出るっていうのはページが7秒かかってたらですね実は7秒たたないとウェブフォントが出てこない状況が出てくるのでほらほら入れたから遅くなったつってウェブフォントを外しても7秒かかるサイズは7秒かかるんですということは頭に入れておくと実はですねこのページすいませんちょっとなんか喜んどするとブラウザ出てこらくなっちゃうのでこれ実はですねこの3番を実はダウンロードして押してください実はCSSの中にそうだ最後に処理されるんだから実は性的ページだったらもう文字が当たってるじゃんだからそれをオフに変換してバイナリーで連絡用に不合化してCSSの中に入れてcss.cssの中にバイナリーで打ち込むとですねえ 鳥に行ったのってぐらい早く鳥に行ったのって言うかというのはそうかウェブフォントサーバー鳥に行ったのお客さんのサーバーに置いてあるcssの中にあるので一番最初にウェブフォントが出てきちゃうっていうやり方のテストをしていますそれを今度サービスができるようにいろいろ加わしてるんですけどAPIとかでのかできるといいなとかって考えてるんですけど遅いっていうよりはページが遅いときが本当に遅いウェブフォントサービスを使ってるかもしくはフルセットを使ってるかどれかなと思いますということでもしウェブフォントを実装とかしてあとクライアントに転用してる中で何か遅いなとか細かくなっていうことがあれば本当に遅さに切り下さいホントプラスのことでなくてもいいですグーグルホントのことでもいいです一応全部いろいろニュートラルに検証してるのでその中でこのサービスのときにはこういう使い方がいいんじゃないのっていうのを慣れちにちょっと今してるところなので心広いので私はタイプスケア使ってますと私はアドビフォンス使ってますという方でも結構ですね私に相談していただければ答えもしますし一瞬リスクラッションしてそんな形で進めていきたいなと思っていますそろそろそのままどこがいいの?こんなだけあります全部いいです聞きたい方はこれになる自分とこのサービスのだけの話はしません大丈夫ですあと文字詰めもねなんかカッコがピョーンって中頃がピョーンってなんか嫌だよねっていう人はちょっと待ちないするとこんな感じでちゃんと詰めるでも本文詰まっちゃうと本文うるさいんですよそんなことも1分あればできちゃいますあとこれよくねいっぱいあるんだけどランキング出してますランキング出さないでって本本メーカーさんみんなが言うんですようちのが上になかったら嫌だなって言うんですけど出しちゃいましたということでトップ100見るとこんな感じなのねっていうのが毎月1日にランキングを更新してますCS先生の技術開始数を全部ビッグデーカーで抽出して出してるのでそう少しが強いあとオーブンもランキングを見てると世の中のやっぱり世界の初対の人気のものがやっぱり上に行ったりするけど小川しなきなさんのビトウィンとかあっこが上の方にいるのが嬉しいとかね反応した人が本当のマニアですよそれ以外上にとっても最近きれいです高いんじゃないの?っていうところがうちのユーザーの99%95%が月1000円でにやってます高いんでしょういっぱい使うといっぱい選挙くるよねうちね7万PVぐらいあるんですよっていうから1000円です破散しちゃいます1000円で破散しないでくださいということで最後のくどり方ですブランディングわかる人には毎回僕セミナーで最後にこれ言ってますブランディングわかる人はどんどんしましょうアクセジビリティの話がわかる月10万円かかるすっても安いじゃんっていうところが出てきてます10万円ってことは月に1000万PV年間で1億PVのところは年間100万円をウェブホントに払っても決して高いというわけませんこれがわかってるからですブランディングという人はこれが言葉が2回できませんなのでウェブホントつかないの?キョウホンさん使ってるじゃんアステキス的アクセジビリティの方がいいです説明してもおかしくなっちゃうんですよ分かるところにはきちんとディスカッションにしてくださいブランディングをすごく重視しているところはブランディングの話を最初に結構するといい結果があってます今なんかあったら終わりの時間も髪も同じじゃないということですつまりこれですやっぱり文字の時代に行きなさいブランディングは今年のキーワードです来年もそうなると思いますということで最初クラブがあってちょっと時間になりましたホントは情報を正確に伝えるためのインターフェースがあって僕は言ってますホントをめでて素敵なサイトを皆さんと一緒に作っていきたいと思いますありがとうございました