TOAST Meetup!

HTML diffとは？ Microsoft Wordの「変更履歴の記録」機能のように、HTMLのレンダリング結果画面の変更部分を検出し、その内容を視覚化して表示する機能です。 HTMLテキストのタグと属性データを解析して、ツリーのようなデータ構造で構造化し、構造化されたツリーを比較して…

マルチブラウザテスト環境を構築する ローカルテスト環境の限界 前回、単一PCにテスト環境を構築してテストを実行する過程を説明しました。 ローカルPC内でブラウザの自動テストを実行する場合、karma-chrome-launcherが、現在のkarmaの実行環境にインストールされたChromeブ…

昨今、世界的に膨大な量の動画コンテンツが消費されています。Flashが主流だったウェブ動画の技術が、次第に標準技術であるHTML5ビデオに切り替わり、最近ではほとんどの動画サービスはHTML5基盤でサービスされています。動画の技術は徐々に高度化され、ネットワーク環境に応じて最適な動画品質をストリ…

前回：JavaScriptでタイムゾーンの処理（1） この記事は、「JavaScriptでタイムゾーンの処理」の第2部です。1部では、タイムゾーンとオフセットの概念、IANA timezone Databaseなどについて説明しました。ここでは、1部の内容をもとに、JavaScrip…

前回の記事では、関数の作成と関数の呼び出しの過程について簡単に紹介しました。 「関数の呼び出し」で説明したExecution Contextには、LexicalEnvironmentとVariableEnvironmentというコンポーネントがあります。基本的に両コンポーネントはLexical E…

まもなくリリースされるiOS11について、新機能や改善点、変更点などを紹介します。 WWDC 2017 + iOS11 Beta 先日のWWDC 2017で、iOS11について多くの情報が共有されました。 iOS11は2017/9/20、新しいiPhoneシリーズと同時に発売される予定です。i…

Webコンポーネント（1）：Keep calm and #UseThePlatform Webコンポーネント（2）：Custom Elements Webコンポーネント（3）：Shadow DOM 今回はWebコンポーネント連載の4回目、テンプレート要素とHTMLインポートに…

テスト環境を簡単に構築する Front-Endテスト環境を簡単に構築する方法を紹介します。Karmaの設定とJasmineのAPIについては深く扱わず、Front-Endテストを実行できる環境を迅速に構築することを目的に作成します。詳細APIと設定方法は、最下段の「参照」からご確認いただけます。 …

先日、JavaScriptのカレンダーライブラリにタイムゾーン機能を追加する作業を経験しました。JavaScriptのタイムゾーン対応が他の言語に比べて劣っているという話はすでに聞いていましたが、既存のデータオブジェクトをうまく抽象化すれば難なく達成できると考えていました。 しかし、作業を進めるう…

Spring Bootのテスト機能を簡単にまとめました。 Spring Boot公式文書を整理したレベルですが、今後Spring Bootアプリケーションを開発、テストする方の参考になれば幸いです。 Spring Bootでテストを Spring Bootは、アプリケーションをテストできるたく…