ChromeMyAdminの紹介ページを作ってみました
タイトルの通りです。 [https://www.eisbahn.jp/chromemysqladmin/](https://www.eisbahn.jp/chromemysqladmin/) 実際に実用に耐えうる機能が揃ってきたと自画自賛してるChromeMyAdminですが、利用者数が2000人前後で行ったり来たりしてて、いまいち増えていきません。実際Chrome WebStoreに掲載されても勝手にユーザ数が伸びることは希で、ど…
複数のSQL文を含む文字列を区切り文字列判断して分割するパーサーを書いてみた話
MySQLに標準で付属してくるコマンドライン版のClientであるmysqlコマンドには、例えばCREATE PROCEDUREをする際に一つのSQL文の中で複数のSQL文を含めるために、通常文末を示すセミコロン記号を文末と評価しないこと、つまり文末記号を別の記号に置き換えることができるようになってます。delimiterっていう命令がそれで、これはSQLの予約語ではなく、mysqlコマンドが提供してるものです。MySQL Serve…
英才教育
「さぁ、今日は最短経路問題をC言語使って書いてみようっと」  「あれ、コンパイル通らないぞ。なんでだ？」 」っていうエントリを投稿しましたが、さらに検証をしてみたのと、ちょっと勘違いしてた点があったので、再度イベント伝達について取り上げようと思います。 Shadow DOM内で発生したイベントの伝達 そもそもこ…
Web Components部品へ何か情報を渡すための方法
Web Componentsを使った部品を考えたときに、単にタグをWebページに配置する利用方法も多いと思いますが、同時に何かパラメータやコンテンツを指定することで部品の挙動が変化する、といったことができると嬉しい部品もいっぱいあると思います。Shadow DOMが適用されることになるため、Webページと部品は基本的に「隔離」されます。そのため、何か情報を渡すための仕組みが必要になってきます。 ここでは、以下の2つの方法について紹介し…
Web Componentsでイベントを伝達する部品の作り方
Web Componentsで作られた部品は、もちろんそれを置いただけで効果があるものも多いでしょうが、その部品と他の部品の間、あるいはその部品を置いたWebページとの間でインタラクションをしたくなると思います。簡単な例であれば、画像付きボタン部品をWeb Componentsにて独自に実装した場合、そのボタンが押されたことをその利用側に伝達できなければなりません。伝達するための方法は、もちろんイベントです。 部品内でイベントを発生さ…
Web ComponentsのWebブラウザ別動作を調べてみた
Web Componentsでは、標準技術として幅広いWebブラウザで利用可能とすべく、Polyfillという名の「未対応Webブラウザ向け実装」が開発され、すでに利用可能です。このPolyfillを使うことで、Chromeだけでなく、Firefox、Opera、そしてIEでもWeb Componentsを動作させることができます。 では、実際どこまでPolyfillでWeb Componentsが動作するのでしょうか？Polyfil…
Shadow DOMがもたらしてくれる再利用可能性
Web Componentsは、Custom elements、HTML Templates、Shadow DOM、そしてHTML Importsと言う4つの基礎技術から成り立っています。これらを組み合わせると、独自のタグセットを再利用可能な形で部品化できる、という触れ込みになってます。 その再利用可能性はどこから来るのでしょうか？その可能性を大きく引き上げてくれているのが、Shadow DOMによる「スコープの隔離」です。 Web…
もし同一の名前でdocument.registerElement()しようとしたら？
Custom elements, HTML Templates, Shadow DOM, そしてHTML Importsの組み合わせで成り立っているWeb Componentsは、開発者が独自に「部品」を作ることを可能にします。その部品とは、独自に定義された「HTMLタグ」に他なりません。決められたタグセットを使ってWebアプリケーションを作っていく時代は、そろそろ終わりに近づいています。自分で部品を作り、さらに他の開発者によって公開さ…
Chrome appsからTLSを張る際に参考になりそうなコード
そのうち使うかも。 circ/package/bin/net/sslsocket.js [https://github.com/flackr/circ/blob/master/package/bin/net/sslsocket.js](https://github.com/flackr/circ/blob/master/package/bin/net/sslsocket.js) tcp-socket/src/tcp-socket.…