はてなブックマーク

プログラマあるあるだけど友人からホームページ作ってよ!と言われることがある。 大体は適当な理由をつけて断るけど、1日程度で作る方法を模索してみた。 テンプレートをダウンロード 1から書いてる暇はないので適当なテンプレートを使います。今回はHTML5 UP!を使います。 HTML5 UP!のLicense 控え目でもCreditsをサイトに乗せれば無料で使用可能です。 以下はサンプル テーマはDirectiveを使用します。 フォームが付いててマークアップはそのままで使えそうですね。 開発環境 テーマがダウンロードできたら開発環境を準備します。 サーバーサイドは書きません。 Cloud9が便利そうだったので登録してワークスペースを作ります。Cloud9のワークスペースは一つなら非公開でも利用可能です。 以下のようにプロジェクトの情報を指定します。 ライブプレビュー準備 生成されたプロジェクト

Gitの基本的なコマンドは使えるようになったので、 軽快さを求めてtig(git cui browser)を導入します。 SourceTreeやその他GUIツールから移行を検討されている方や Gitを少し触り始めたけどルーティン操作が慣れない私向けの内容です。 インストール macならbrewからinstallできます。

git logは編集履歴を見るためだけで、ざっくり使っていたので まとめて見ました。ProGitの焼き増し的な内容です。 git log --oneline 履歴をSHA-1の短縮表記とコミットコメントのみを表示します。 短縮表記は4桁より大きく、一意であることがわかればgit diffなどの引数に使えるのが便利です。 (master)$ git log --oneline menu.txt c59f742 チキンカレーを追加 6a045a6 オムライスを追加 cb471ec 烏龍茶を追加 c340204 オレンジジュースを追加 git log --graph 履歴を樹形図で表示します。 樹形図で見るときは詳細情報までは不要なので --onelineとの併用がおすすめです。 (master)$ git log --oneline --graph menu.txt * 6965b23 mer