プロフィールページを作った
こんにちわ。 ふぃふぃです。
ふと。
プロフィールページを作ろうと思い。
HTMLを書いてみました。
ただ、そのまま書くのは面倒なので、どうにかMarkdownファイルをパースしてHTML化したかった。
しらべるとjavascriptでうまいこと簡単にやってくれるみたい。
Marked.js で Markdown をクライアント側でパースして表示する - Qiita
完成したのがこれ。。
んー。いまいち。
いつもデザインを考えずに、コーディングからしちゃう。今回も結局markdownの自動パースをしたかっただけ。で。最後に結局何がしたかったかわからなくなる。 やっぱり最後に伝えるのはデザインだと痛感。
なので。
デザインしてみる。ただAdobeはMacbookでは重いのとタッチパッドでできない。そしてソファから勉強部屋に移動したくない。。
sketchを使って見る。
UIデザイナーの私がPhotoshopからSketchへ乗り換えた9つの理由 | 株式会社LIG
Sketchは完全にWebとモバイルUIデザインの専用ツールなので、それ以外の余計な機能が入っていません。そのため不要な機能に邪魔されず、スムーズに綺麗なデザインを作っていけます。
どうも記事を読むと、WEBに特化しているのと操作が簡単らしい。ベクター系のアプリは使って楽しいので試してみた。
操作がとても簡単。これまで10分。ベクター系アプリなので超高速。ひとまず体験版を使ってみてるが、100ドルくらいで買えるみたい。sketchいいね。
Sketch - Professional Digital Design for Mac
そしてできたのが。。
あとはこれをHTMLに書き直してアップ完成。(CSSウマクカケルカ・・)
ふぃ。