はてなブックマーク

OS のクリップボードを JavaScript から扱える Async Clipboard API が Chrome M66 からデフォルトで使えるようになります。 これまでの クリップボード 昔 Flash 等の技術を用いてクリップボードにアクセスしていました。 https://github.com/zeroclipboard/zeroclipboard 現状 IE に追従する形で他のブラウザにも document.execCommand が実装されました。 https://developers.google.com/web/updates/2015/04/cut-and-copy-commands この API は Selection API と組み合わせることでテキストのコピーやペーストが可能になるというものでした。 ブラウザ間の差異や扱いにくさがあり、それを吸収するためのライブラリ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

$ bower register packagename git://github.com/package/path.git https://github.com/twitter/bower#authoring-packages より パッケージ名は被らなければなんでもいいっぽい。先手先取り。 ハマったこと bowerに登録したいライブラリが"v1.1"というタグでバージョンを表していたため、 でライブラリをインストールできなかった。これは、bowerがsemverに対応したタグのみバージョンとして認識するからだった。つまりここでは"v1.1.0"がbower的には正しいタグである。 gitのタグはリポジトリのコミッタでないと変更できないため、issueを作って対応してもらう必要があった。 semverに沿った形式であるかはsemverコマンドで確認できる。

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

以下はhttp://docs.angularjs.org/guide/directive のドキュメントをだいたい和訳した感じの内容になってます。 概要 DOMをいじるコードを綺麗にみせるための仕組み。 directiveの処理の流れ http://docs.angularjs.org/guide/directive の Compilation process, and directive matchingの項より parse: HTML文字列をDOMに変換する。 compile: 1で変換したDOMを探索してdirectiveが必要な要素を見つけたらdirectiveのcompileを実行する。もし複数のdirectiveが必要な場合優先順位付けが行われる。 link: scopeとtemplateを結びつける。ここで要素に対するリスナが登録されたりscopeのwatchesがセットされ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

環境構築手順 IntelliJ IDEA 13 Community Editionをインストールする App Engine SDK for Goをインストールする IntelliJにgolangプラグインをインストールする IntelliJ IDEA 13 Community Editionをインストールする http://www.jetbrains.com/idea/download/ IntelliJ IDEAは有償エディションもあるがGAE/Goで使うには無償のCommunity Editionでおｋ App Engine SDK for Goをインストールする Google公式でGoogle Cloud SDKという管理ツールを出している。App Engine SDK for Goはこのツールでインストールできるので先にインストールしよう。Google Cloud SDKのセットア

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

環境構築手順 IntelliJ IDEA 13 Community Editionをインストールする App Engine SDK for Goをインストールする IntelliJにgolangプラグインをインストールする IntelliJ IDEA 13 Community Editionをインストールする http://www.jetbrains.com/idea/download/ IntelliJ IDEAは有償エディションもあるがGAE/Goで使うには無償のCommunity Editionでおｋ App Engine SDK for Goをインストールする Google公式でGoogle Cloud SDKという管理ツールを出している。App Engine SDK for Goはこのツールでインストールできるので先にインストールしよう。Google Cloud SDKのセットア

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

参考資料がすべて英語なので、日本語で情報がまとまってる場所が欲しいと思いこの記事を作りました。「俺もっと便利な機能知ってるぜ！」「こういうことできないの？」って思った人はコメント/編集リクエストをくれると僕の幸せのステージがどんどん上がります。 DevToolsの起動するショートカットキーは？ 開くだけ F12, Ctrl + Shift + I (Win, Linux) Opt + Cmd + I (Mac) 要素の検証(Inspect Element)と同じ状態で開く Ctrl + Shift + C (Win, Linux) Shift + Cmd + C (Mac) Consoleタブが開いた状態で開く Ctrl + Shift + J (Win, Linux) Opt + Cmd + J (Mac) DevToolsって下じゃなくて右に持ってこれないの？ Dock To Righ

参考資料がすべて英語なので、日本語で情報がまとまってる場所が欲しいと思いこの記事を作りました。「俺もっと便利な機能知ってるぜ！」「こういうことできないの？」って思った人はコメント/編集リクエストをくれると僕の幸せのステージがどんどん上がります。 DevToolsの起動するショートカットキーは？ 開くだけ F12, Ctrl + Shift + I (Win, Linux) Opt + Cmd + I (Mac) 要素の検証(Inspect Element)と同じ状態で開く Ctrl + Shift + C (Win, Linux) Shift + Cmd + C (Mac) Consoleタブが開いた状態で開く Ctrl + Shift + J (Win, Linux) Opt + Cmd + J (Mac) DevToolsって下じゃなくて右に持ってこれないの？ Dock To Righ

以下はhttp://docs.angularjs.org/guide/directive のドキュメントをだいたい和訳した感じの内容になってます。 概要 DOMをいじるコードを綺麗にみせるための仕組み。 directiveの処理の流れ http://docs.angularjs.org/guide/directive の Compilation process, and directive matchingの項より parse: HTML文字列をDOMに変換する。 compile: 1で変換したDOMを探索してdirectiveが必要な要素を見つけたらdirectiveのcompileを実行する。もし複数のdirectiveが必要な場合優先順位付けが行われる。 link: scopeとtemplateを結びつける。ここで要素に対するリスナが登録されたりscopeのwatchesがセットされ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

TypeScriptのデバッグについてはJetBrains TVに上がってる動画 ( http://tv.jetbrains.net/videocontent/webstorm-6-sneak-peek-typescript-background-tasks-and-sourcemaps )がとても参考になります。ここではこの動画を文字に書き起こして、環境設定でハマった点を追加した内容を書きます。WebStormはEAPの126.124で動作確認しています。 また、上記の動画のプロジェクトを再現したものを https://github.com/grapswiz/typescript-webstorm に置きました。 環境構築 下記の手順1-3はWebStorm上でTypeScriptのコンパイルを行う設定で、4以降は実際にデバッガを使うまでの手順です。 git cloneかdownload

チームで開発しているとIDEの設定を共有したくなりますよね。 ならないとしたら、今すぐこの記事を読むのをやめて病院に行って下さい。 バージョン管理する対象に.idea/以下を含める http://devnet.jetbrains.com/docs/DOC-1186 下記の「設定をエクスポートしてインポート」より良い方法として、プロジェクトの.ideaディレクトリ以下をバージョン管理対象に含める方法がありました。 Mavenで管理する → ダメだった eclipseにはmaven-eclipse-pluginという設定ファイルを生成してくれたりする便利なMavenプラグインがあります。WebStormにも似たものがないか探しました。で、あったにはあったのですが、codestyleなどの設定ファイルは作ってくれないみたいで目的に合いませんでした。 設定をエクスポートしてインポート → できた

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?