今日の振り返り/dashboardリニューアル、Evernoteスクリプトやや前進
本日は、自作のDashboardのリニューアル作業。
Evernoteから情報を取得して、noteの欄に表示していたのだが、Evernoteの方をリスト形式にしたので、noteの方もそれに対応させた。
以前はプレーンテキストにしてpreタグで表示させていたのだが、EvernoteのHTMLをそのまま持ってくることにした。
また、将来的な増設__作業ログを表示させる__を意識して、Note欄の幅を半分に。これはBoostrapのコラムを12から6に変更して、コピーしただけなので片手間。
Dashboardの改築。note欄を半分にして、タスクログを入れるスペースを追加。note欄もリストの形をそのまま表示できるようにした。 pic.twitter.com/Nnp5ljKCNI
— 倉下 忠憲 (@rashita2) 2014, 11月 16
さらに以前から考えていた、noteの表示を拡大できるようにトライ。別個にhtmlを作ろうかと思ったのだが、せっかくBoostrapを使っているので、モーダルで表示することに。note用とは別にdivタグを細工。
@rashita2 さらにモーダルを一つ準備して、Noteのリンクから一覧のモーダルを表示させる仕様に。 モーダルのCSSは後回し。 pic.twitter.com/qJZvpp1zY4
— 倉下 忠憲 (@rashita2) 2014, 11月 16
さすがに見栄えがよろしくないので、これまたBoostrapのpanel-cssを当てる。
@rashita2 Boostrapのパネルcssを適用。ぐっと見やすくなった。 pic.twitter.com/2mfEssWKBq
— 倉下 忠憲 (@rashita2) 2014, 11月 16
一気に「らしく」なった。Boostrapさまさまである。
それぞれの内容は、Evernoteのノートに個別に入っている。それらが綺麗に一覧できるのは、なかなか心地よい体験だし、実用性もあると思う。ちなみに、それぞれのノートには作業ログ的なものも記載されているが、それはより分けてタスクだけをピックしてある。