#daiizメモ

Scrapboxに夢中

chrome-dev-editor

Chrome Dev Editor の「Refactor for CSP」機能をPythonで実装してみた

今回書いたPython版のスクリプトは、前回のものよりもChrome Dev Editorの「Refactor for CSP」機能をしっかりと再現できていると思います。

Bower 導入作戦

Web Componentsを作成していると、いろいろと読み込むファイルが大きくなり、これをそのままGitHubにアップしてしまうとCloneするときの時間がやばいことになるので、パッケージマネージャー Bower を使うことにしました。(はじめから使うべきでした。)

HTMLのインラインJavaScriptを外部ファイル読み込み形式に変更するperlスクリプトを書きました

HTMLのソースコードの中に直接書かれたインラインスクリプトを、外部のJSファイルに書き出して呼び出す形式に変更するためのPerlスクリプト`を書きました。

Chrome Dev Editorで、開発版のChromeアプリを実行する方法

Chrome Dev Editorを使うと、開発版のChromeアプリ(ストアに公開されていないChromeアプリ)をとても簡単に実行することができます。手順をご紹介します。

Chromebook の ChromeDevEditor で Git したときのトラブル

Chromebookでプログラミングをするときに、かなりお世話になっている Chrome Dev Editor について書きたいと思います。 個人的には Chrome Dev Editor はとても便利なアプリだと思います。コードを書くためのエディタ機能だけでなく、以下のようなことが簡単…

Web Components を学ぶ #5 「core-scroll-header-panel の背景画像を動的に変更する」

Polymerで提供されている「core-scroll-header-panel」エレメントのヘッダ背景画像を動的に変更する方法についての記事です。

Chrome Dev Editor の 'Refactor for CSP' で何が行われているのかを調べた

Chrome Dev Editor の 'Refactor for CSP' では何が行われているのか。このステップの前後のコードを比べることで調べてみました。

Chrome Dev Editor で Polymer を用いた Chromeアプリの開発

Chrome Dev EditorでPolymerを用いたChromeアプリを作成できるようになったようです。

Web Components を学ぶ #4 「Chrome Dev Editor でPolymerコンポーネントをつくる」

初めてのカスタムエレメント作りに挑戦します。Polymerを用いてコンポーネントを作製する過程を紹介しています。

Web Components を学ぶ #3 「Chrome Dev Editor を準備する」

Chrome Dev Editor でお手製Polymerコンポーネントを作製するための準備を紹介しています。

Web Components を学ぶ #2 「Polymerを知る」

Polymerを使えば、「既存のコンポーネントを使う」・「自分のお手製のコンポーネントを作る」といったWeb Componentsライフを手軽に体験できるようになりそうです。

Chrome Dev Editor で JavaScriptアプリの開発

Chrome Dev Editorのインストールからサンプルアプリの実行までを解説しています。