デザインのお話し@ta2kickさんのデザインの心構えとかのお話し。デザインとは!という深い話し。これはすごく考えさせられた。これだけは絶対忘れないでおこ!と思ったのが、アートとデザインの違いという話し。「デザインは問題解決」これ!かっこいい!名言や!となるとその問題解決をするために初回の打合せというかヒアリングがすごい大事なわけで。そこでこれ重宝しまっせと出たのが@mune_noriさんが所属しているアスパラガスさんのヒアリングシート!これ実は僕もこっちに引っ越してくる前から知ってて本当おすすめ。いうのも僕はWEB制作の請負はじめるときにどうやって仕事すすめればいいかもわからず、とりあえずヒアリング項目を決めようということで検索して見つけたのがこのシートなのです。以来このヒアリングシートの内容をパク...いや参考にさせてもらっていて、なぜか今回のサイトリニューアルでもアスパラガスさんのデザインをパク...いやちょっぴり参考にさせてもらっています。ちなみにこのヒアリングシートはダウンロードできるようになってます!で、ヒアリングしっかりするとお客さんが自分でも気づかなかった部分に気づいてくれたり、新たな方向付けがみえたりして、相手のビジネスの根幹的な部分が共有できるようになるということ。他のお仕事につながったりすることも多く、相手のビジネスと共栄していくことってとっても大事ですね。あとはデザインするときに誰かに説明したくなるストーリーや仕掛けを盛り込むというのはなるほどなーと思いました。お客さんが自分で話したくなるようなデザインの意味づけができれば、ブランディングにも役立つし、お客さんがブレずにビジネスを行っていくうえでのサポートもできますね。自分は何をデザインするのか?という問答はこれからも繰り返し行っていこうと思いました。あと、ロゴのラフ100案とか聞いたときもう死にたくなりました。マークアップのお話し@mune_noriさんのマークアップのお話し縮小版。今回はhead内のマークアップのお話し。文字化けしないように文字コードの設定から。したコードを例にどこを改善していくかお話ししていきます。改行やインデントも適度に行いましょう。見やすいコードは思いやりです。いったあの瞬間、僕は反射的に目を反らし扉の向こうの冬の寒さに思いをはせ、ああもういくつ寝たらあったかくなるとかあれ遠くに行ってた、綺麗なコードを書くことを心がけますすいません。Webサイトが早く表示されるようパフォーマンスも意識してマークアップしよう!これ、僕もしっかり勉強しておさえとかなきゃいけないとこだ。他のファイルが同時読み込みできるCSSは最初のほうに書いておくこと。あとはデザイン時にスプライトシート作ったりすることも高速化に寄与しますとのこと。管理のしやすさとトレードオフになる場面もあるので、パフォーマンスが必要なサイトかどうか判断して柔軟に対応していこう。スライドは下記からみれます。小ネタ話そして毎回定番になってる(?)らしい@tamshow_さんの制作TIPSなどのお話し。Macのスポットライトで計算ができたりアプリが呼び出せたりファイルと同じディレクトリに移動できるよ!とかMac使いの方たちがキャッキャウフフして楽しそうだった。僕はそれを横目でみてた。横目でみながらテトリスやってた。キーホルダーみたいになってるやつ。いう心持ちで「ドックがなんちゃらでオプション押しながらスライドするとー!」「おおー!」なんて盛り上がったときにはテトリスやってる場合じゃねー早々にMacを買おうと心に強く思いました。あとニンテンドーもほしい。スポットライトの使い方は@tamshow_さんに詳しいです。役立つスポットライトの使い方あと、レコロっていう決めた時間ごとに自動撮影してくれるカメラをPCと同期させる方法とか紹介しててすごく面白かったです。次期Zen-codingのemmetの実演もちょこっと拝見できました。