shigiryouのブックマーク - はてなブックマーク

Visual Studio Code は JavaScript 開発が超絶便利になる可能性を秘めている！

Visual Studio Code は JavaScript 開発が超絶便利になる可能性を秘めている！クロスプラットフォームでオープンソースな IDE 環境、Visual Studio Code が公開されたので試してみた。拡張を入れなくても、デフォルトで JavaScript の「自動 Lint」「Grunt、Gulp 連携」「デバッグ」が動いた。なんだかすごく便利そうな予感。 Windows 環境で起動してみたらこんな画面だった。なんか黒いが、色は好みにカスタマイズできるし、プリセットからも選べる。フォルダーを開くことから始まる Visual Studio Code にはプロジェクトの概念はない。 [File] > [Open Folder] からフォルダーを開けばよい。ためしに、過去に作った Node.js 製の livereloadx のフォルダーを開いてみた。左側に

shigiryou 2015/11/20

リンク

JavaScript フレームワークがデータバインディングを実現する４通りの手法

最近流行りの JavaScript MV* フレームワークは、どれもデータバインディングをサポートしているが、実現方法はフレームワークによって異なる。この記事では、各種フレームワークがどのようにモデルの変更を検知しているかを次の 4 つのパターンに分類して紹介する。モデルクラス方式 (Ember.js、Backbone.js、Ractive.js、Knockout.js など) 力ずく方式 (AngualrJS) モデル書き換え方式 (Vue.js) Object.observe 方式 (Polymer) パターン名は私が勝手に名づけたものだけど、このへんの雰囲気が理解できれば、フレームワークごとの個性が分かるだろうし、利用イメージもわきやすいんじゃないかと思っている。 1. モデルクラス方式「モデルとして扱えるのはフレームワークが用意したモデルクラスのインスタンスだけ」という

shigiryou 2014/07/18

リンク

ConEmu 突っ込んだら Git for Windows の Git Bash がカッコよくなった

Git for Windows の Git Bash の配色がイマイチだなーと思ってググってたら、Console2 だとか ConEmu を使うと楽にできるっぽいことが、Stack Overflow とか英語のブログで見つかった。そこで、ConEmu を試してみたら色々と幸せになった (Console2 はそのままでは日本語が使えなかった。解決方法はあるらしいけど…)。左が Git Bash、右が ConEmu さん。アンチエイリアス効いてるし、色もオサレ。起動から色を設定するまで ConEmu を起動すると、初回は設定の保存場所などを確認される。お好みで答えて [OK] を押すと、タブ化した MS-DOS プロンプトみたいなのが立ち上がってくる。 [Win] + [N] を押すと新しいタブを開始できる。上のキャプチャーのように、どんな環境のタブを開始するかをメニューで聞いてきて

shigiryou 2014/03/07

ConEmu

リンク

Vagrant で作ったり壊したりできる Windows 環境を手に入れるまでの手順

最近話題の Vagrant さんは「Linux の環境を作ったり壊したりして開発とか試験が楽になるよ」と紹介されることが多いけど、Windows の環境だって作ったり壊したりしたい！いろいろ調べつつ環境を作ってみたので、その手順を共有しておく。完成イメージはこんな感じ。コマンドプロンプトから vagrant up をしたら VirtualBox 上に Windows Server 2012 R2 の環境が準備されて、そこにリモートデスクトップで接続している。いろいろいじったあとに vagrant destroy したら環境は消え去って、vagrant up したら、また、まっさらな状態から使える。ちょっと注目してほしいのは、ゲスト OS の C:\vagrant にホスト側の Vagrantfile がマウントされているところ。このあたりの処理は Vagrant-Windows

shigiryou 2014/02/20

リンク

git difftool --dir-diff が便利すぎて泣きそうです

Git の 1.7.11 から git difftool コマンドに --dir-diff というオプションが追加されたのですが、これがライフチェンジングだと思ったので紹介します。 --dir-diff 登場以前の git difftool は「ファイルごとに順番に差分を表示していく」ことしかできず、使い勝手はいまいちでした。それが、--dir-diff オプションの登場で状況が一変したわけです。こんな感じの使い心地だよある Git レポジトリーで dir1/a.txt と dir2/c.txt を編集したとしましょう。この状態で git difftool --dir-diff または git difftool -d を実行してみると・・・。はい、差分のあるファイルが一覧で表示されました。 (difftool に WinMerge を設定して、メニューから [ツリー表示] を有効