Tbpgr Blog

Employee Experience Engineer tbpgr(てぃーびー) のブログ

studistory

studistory | イテレーション3 | 各項目にソート機能を追加する

概要 各項目にソート機能を追加する 内容 各項目にソート機能を追加します。 Array#sort(comparetor)を利用しますが、ソート項目ごとに関数を書くのが嫌なので evalを使ったメタプログラミングにして、DRYな実装にしてみました。 (comparator.js部) compar…

studistory | イテレーション2 | CSSの設定で一覧部の見栄えを良くする

概要 CSSの設定で一覧部の見栄えを良くする 内容 CSSの設定で一覧部の見栄えを良くします。 ソースコード studistory.css table { width: auto; border-spacing: 0; font-size:14px; } table th { color: #fff; padding: 8px 15px; background: #258; backgr…

studistory | イテレーション2 | TODO終了用Subiime Text2 Plugin

概要 TODO終了用Subiime Text2 Plugin 内容 TODO終了用Subiime Text2 Pluginを作成します。 仕様 下記フォーマットの作業開始済みTODOがあったとして、終了Pluginを実行すると - title,summary,estimate,2013/09/15 23:45:46,,下記のようになる。 - title,su…

studistory | イテレーション2 | TODO開始用Subiime Text2 Plugin

概要 TODO開始用Subiime Text2 Plugin 内容 TODO開始用Subiime Text2 Pluginを作成します。 仕様 下記フォーマットのTODOがあったとして、開始Pluginを実行すると - title,summary,estimate,,,下記のようになる。 - title,summary,estimate,2013/09/15 23:45…

studistory | イテレーション2 | TODO追加用 Sublime Text2 スニペット

概要 TODO追加用 Sublime Text2 スニペット 内容 TODO追加用 Sublime Text2 スニペット 仕様 下記フォーマットのTODO追加用スニペットを作成する。 - title,summary,estimate,,, スニペット <snippet> <content></content> <tabTrigger>todo</tabTrigger> <scope>source.yaml</scope> </snippet>

studistory | イテレーション1 | 検索処理の実装

概要 検索処理の実装 内容 検索処理を実装します。 仕様 ・年月による検索 ・対象データとなる月ごとの学習履歴データはjson形式の文字列をjavascriptの変数としてファイル生成済み。 該当ファイルをすべてincludeして利用する。イテーション1ではjsファイル…

studistory | イテレーション1 | HTML基本フォーマットの作成

概要 HTML基本フォーマットの作成 内容 HTML基本フォーマットの作成をします。 今後の工程でJavaScriptにより動的にタグを出力する際のテンプレートとなります。 仕様 ・HTML5のタグを利用してマークアップする ・CSSでの見栄え調整は後のイテレーションで行…

studistory | イテレーション1 | TODOフォーマットからJSONへの変換

概要 TODOフォーマットからJSONへの変換 内容 TODOフォーマットからJSONへの変換をします。TODOフォーマット例 20130906_todo.yml title: 2013/09/05 contents: - 準備,日次 作業準備 アクティビティの割り当て メールチェック,0.5,2013/09/06 01:32:20,2013…

studistory | 学習履歴管理ツールstudistoryの要件

概要 学習履歴管理ツール studistoryの要件 前提 ・日々のデータは1日1ファイル単位で下記フォーマットで作成してあるものとする。 下記は入力途中の状態。 各項目はタイトル、要約、作業見積もり(1=30分)、作業開始時間、作業終了時間、作業時間 title: 2…