TOAST Meetup!

この記事は、Webコンポーネントを紹介する連載記事で、3回目は、Shadow DOMについて紹介します。 おそらく以前のカスタム要素の記事を読まれている方は、さまざまなスペック、APIなど、覚えることが多くて飽きてくるかもしれません。しかし、今回のShadow DOMで学ぶべきAPIはelem…

この記事で使用するOpenSSLのバージョンは1.0.1uです。 ハートブリード脆弱性を回避するには、1.0.1g以上を使用します。 OpenSSL公式ページ：https://www.openssl.org/ 公式文書：https://www.openssl.org/docs/ma…

JavaScriptで有名な開発者、ダグラス・クロックフォードの言葉を借りると、Javascriptは、地球上で最も誤解されているプログラミング言語だといえるでしょう。もちろん、現在ではその誤解がたくさん解かれていますが、それでもJavaScriptは進化し続けており、その変化を詳しく知っている人は…

ソフトウェア設計をしているとUMLで表現する必要がしばしばあります。オブジェクト指向の設計であったり、さまざまなモジュールが連動して動作するシステムであったり、状態の変化を説明するとき、UMLは非常に良い表現方法です。 ダイアグラムはその名のとおり図です。コンピュータを用いて画像を描画するには…

Gitでソースを管理し、GitHubでコードレビューを行っている方も多いでしょう。 しかし、Gitを使って開発してみると、何かをミスしたり、予想に反する動作をすることが多いようです。 この記事では、実際に使用されているGit環境をサンプルに、よく発生する状況で使用できるGitコマンドを紹介し…

前回の記事につながるWebコンポーネントの主要標準の1つであるカスタム要素について紹介します。 TL;DR <div>の代わりに<current-time>のように、適切な名前のタグを使用できる HTML要素とJavaScriptクラスを一度に作る IE11…

React、Redux生態系のソケットのような外部イベント処理は、開発に多くの悩みを抱かせます。同じ外部イベントが発生してもアプリの状態によって、異なる方法で処理したり、無視したり、アプリの状態に関係なく常に処理したいこともあります。特に外部イベントがReduxのアクションと接続する場合、Redux…

Webコンポーネント：Keep calm and #UseThePlatform このポスター（Keep Calm and Carry On, 平静を保ち、普段の生活を続けよ）は、英国政府が第二次世界大戦の直前、大規模空爆が予告された中で、国民にパニックや混乱に備え、平静を維持するようにと配布…

ReduxはEvent SourcingパターンとFunctional programmingを組み合わせて、ライブラリ形式で実装したコンテナです。このコンテナは、アプリケーションの状態を保存し、簡単に予測できるようにして、一貫性のある実装を維持しつつ、テスト、メンテナンス、デバッグなどを簡単に処理…

はじめに Socket.IO ウェブ環境では、クライアントであるブラウザとサーバー間でプッシュやリアルタイムデータを処理する際、複数の方法を利用しています。その中で、Ajaxを利用したpolling、Long pollingとストリーミングの特徴は、下図のように比較できます。 出典…