こちらはアサイシュンスケのポートフォリオ兼、
お勉強のサイトですよ！
Profile
藤子不二雄の故郷、富山県高岡市生まれ。
大学卒業後、某コンタクトレンズメーカーに勤務。→転職して何故か異業種のWebデザイナーに。
Web制作会社、広告代理店を派遣で渡り歩き、フリーで仕事受けたり等しつつ、2004年GMOメディア社の前身GMOメディア&ソリューションズに派遣社員として潜り込む。
eコマースサイト、freemlのデザインを担当。2009年〜2010年にかけて行ったfreemlのリニューアルのタイミングで徐々にデザイン業務から離れ、ほぼ引退。
最近、チームからデザイナーがいなくなった為、プチ復帰中。4年のブランクがきつい。
好きなもの：おすし、ナポリタン、任天堂、寒ブリ
尊敬する経営者：山内溥（任天堂前社長）、スティーブ・ジョブズ（Apple前CEO）
好きな絵描き：吉田明彦（スクエニ）、寺田克也、中村祐介、最近ではコザキユースケ、神谷盛治（ヴァニラウェア）
作品について
趣味で描いてたイラスト（94年〜02年くらい）の他、業務で作成したもの（04年〜）等、イラストを中心に掲載。Webサイトデザイン等はまとめきれておりません…
趣味のイラストは、スケッチブックに鉛筆で描いてそれをスキャン、Painterで着色、Photoshopで色補正という流れで作成。お見せするのも恥ずかしいけど、もう10年以上も前の絵だからいいかと。あのまま描き続けてるともっと上達したのだろうか。
GMOメディア入社後はIllustratorによる作成がほとんど。実は入社までベジェ曲線でまともに絵は描けなかった。eコマースのサービスで、ひたすら商品画像の切り抜きを続けるうちにベジェに習熟していき、いつの間に描けるようになった。
このサイトでやってみたこと。
Wordpressオリジナルテーマ
最初はギャラリーっぽいテーマを拾ってきて、作品見せるだけのつもりだったが、なんとなくどのテーマも気に入らず、結局自分でつくることにした。
ポートフォリオなので、いらない要素を削ぎ落としていったわけだけど、エントリ詳細ページのコメント機能もいらないじゃねーの、と思った時点で、ここまでシンプルにするならWorpressじゃなくてもいいんじゃないか、ということにようやく気がついた。
Masonry使ってPinterest風UI
いま流行っているらしいので使ってみた。ブラウザウィンドウを拡縮すると、うにょうにょ並んだ画像が再配置されて面白い。
本当はPixivのトップページみたいに、画像サイズも自動調整してブラウザウィンドウいっぱいに敷き詰めたかったのだけど、やり方がわからず。調べて見るとPixivのエンジニアブログでソースが公開されていたが、自分の読解力では理解できなかった。
レスポンシブルデザイン
はじめてのmedia-queries。ブレークポイントは1024px、768px、480px。持ってるのがPCの他、iPadとiPhoneなので、それぞれで最適化して見えるように調整してみた…けどまだ調整の余地ありかな。全体設計からちゃんとやっとかんといけんですね。
retina.js使ってretinaディスプレイ対応
1行JSを読み込むだけで、さくっとretina対応が完了。簡単すぎて感動した。まぁ画像はretina用と2枚用意しなくてはいけないので面倒くさいんですが。
最初、通常画像を読み込んで、その後、閲覧デバイスがretinaディスプレイの場合は@2x画像を読み込むんだけど、画像がパキッときめ細やかになるその瞬間に、まじで脳汁が出る。
instagram APIで自分の投稿ひっぱってくる
instagram.jQueryというのがあったので利用してみるが、なかなか動かなくて苦労した。
JSの記述ミスに全然気づかないんですね。
Twitter APIで自分の投稿ひっぱってくる
なんか一番苦労したかも…いろいろ事例を探したんだけどなかなか簡単にできる方法が見つからず苦戦。
JSONP形式？でデータひっぱってくるとこまではできて、そっからWebにどうやって表示させるかでかなり苦しむ。結局誰かが公開してたJSソース頂いてきてなんとか成功。
Webフォント
初めて使ってみる。英数字に「Monda」というちょっと角張ってるフォントを指定。
またアイコンなどはFont Awesomeを使用してみた、が後で気がついた。
FirefoxやiPadで正しく表示されない…回避方法があるようだけどまだ未対応。見なかったことにしている。