仕様が固まっていませんが、標準化されればコンテンツの楽しみ方がまた変わってくるでしょう。Mediaを体験したい方はPaged.jsを使ってみましょう。OS風機能を提供するWebコンポーネントWebコンポーネントを使うことで、限られた機能をHTMLのタグ一つで使えるようになります。プラグイン的な使い方であったり、UIコンポーネントとしてまとまった機能を手軽に利用できます。WebGLを使った芸術的表現Webブラウザの表現力は年々増しています。CanvasやWebGLによって、表現できる幅が大きく広がりました。使いこなすのは簡単ではありませんが、これまでのWebとは一線を画す表現が可能になります。FantasyはそんなWebGLを使った多彩な表現を集めたソフトウェアです。Googleカレンダーに予定を登録するリンクを生成Googleカレンダーを自分のスケジュール管理に使っている人は多いかと思います。Webサービス提供側としても日程情報が決まったら、それをGoogleカレンダーに登録するリンクを表示したいと思うことでしょう。Slack用のアニメーションする絵文字を作成Slackでは絵文字をリアクションやメッセージに含めることができます。それらの絵文字はカスタマイズが可能で、自作した絵文字をアップロードしている人も多いでしょう。今回紹介するMEGAMOJIはSlack用の絵文字を簡単に自作できるWebアプリケーションです。学習するタンクゲームAIや機械学習によって、様々なゲームがコンピュータの手に落ちています。最近では麻雀でさえ強力なプレイヤーが登場してきました。人の思考という揺らぎさえも凌駕するAIの存在は怖いものがあります。そんな中注目したいのがaimAndShootです。あなたのリストを一カ所に普段の生活の多くはリストで管理されます。Todoはもちろん、プロジェクトにおけるタスク管理、買い物メモなどリストで管理して、それを消し込んでいく作業がなんと多いことでしょう。そこで紹介したいのがListlyです。何でもリストとして登録できるWebアプリケーションです。Listlyの使い方最初の画面です。アドベントカレンダーシステム11月になって、アドベントカレンダーの話が出てきました。日本でのアドベントカレンダーシステムとしてはQiitaとAdventarが知られています(他の国で同じような試みをみたことがないですが)。Qiitaではプログラミングに関係するものが多いように感じます。GitHubのユーザ名にエイリアスを追加してサジェストを使いやすくユーザ名と表示名が一致していないために、メンションを送る相手が分からないことが良くあります。アイコンで見分けができれば良いですが、アニメアイコンやデフォルトのアイコンだったりすると探すのも大変です。アドブロックの有無でサイトの表示速度をチェックアドブロックを入れることでWebページ表示が高速化されることはよく知られていますが、どれくらい速くなったのか計測している人は少ないでしょう。何となく体感として速くなっている程度の認識かと思います。そこで使ってみたいのがWebtest.appです。Webサイトごとに広告を表示した場合としなかった場合の比較ができます。React製のスマートフォンアプリ風UXコンポーネントWebがどんどんネイティブアプリに近い体験を提供できるようになっています。WebブラウザのAPIもそうですが、アニメーションの高速化によって、スマートフォンアプリのようなUXも実現できます。Vue製のクレジットカード入力コンポーネントWeb上でものを買う場合、クレジットカード番号を入力する機会は多いかと思います。決済情報を入力する際にはなるべく手間取らないようにしないと、せっかくの決済機会を逃してしまうことになります。マウスオーバーで画像を切り替えWebページではユーザのアクションによって様々なエフェクトが可能です。ユーザ自身が分かるアクションとしては文字入力やクリックなどになりますが、他にもウィンドウサイズを変えたり、スクロールでも可能です。今表示しているURLのQRコードを表示Webブラウジングしていて、そのURLをスマートフォンやタブレットで表示したいと思うことが良くあります。そんな時に便利なのがQRコードで、カメラを使ってURLが送信できます。Googleチャートが使えたのですが、QRコードは非推奨になってしまっています。そこで使ってみたいのがQR-Codeです。Chrome機能拡張を使えばWebブラウザがさらに便利になります。普段物足りない、痒いところに手が届かないと感じているなら自分で機能拡張を作ってしまいましょう。作り方を一から学ぶのは面倒ですよね。Web上で帳票をデザインレポートは生成するのも大変で、さらにそのデザインを行うのも大変です。デザインをコーディングしてしまうと、ちょっとした修正でも手間になります。その結果、専用のツールやExcelでテンプレートを作れるようにするでしょう。今回はWebブラウザ上でレポートのテンプレートが作れるReportBroを紹介します。SVG/DOMのドラッグ&ドロップライブラリWebアプリケーションが多機能になるにつれて、ローカルアプリケーションライクな操作が求められるようになっています。ドラッグ&ドロップはローカルアプリケーションであれば良くある操作と言えます。そんなドラッグ&ドロップをスムーズに行えるライブラリがPlainDraggableです。最近の台風や水害によって天気を見る癖がついてしまった人は多いでしょう。明日の天気はまだまだ精度が低いように思いますが、現在の天候を使って5分後から数時間後くらいの天気であればかなり精度の高い予測ができるようになっています。今どこで雨が降っているのか、知りたい人はRainmapを見てみましょう。Chromeアプリとして動作するターミナルエミュレータ開発者であればターミナルを使う機会が多いですが、そうでない場合は時々しか使わないでしょう。そのためにソフトウェアをインストールしても使い方を忘れてしまったり、そもそもインストールしたことを忘れてしまうかも知れません。そんな方に使ってみて欲しいのがhtermです。最近のOSではダークモードが導入されています。時間によって変わることもできれば、単に暗めのUIが好きという人も選択できます。開発者であればダークモードを好む人も多いでしょう。そんな中、ダークモードなのにWebサイトが明るいままだと興ざめです。解決してくれるライブラリとしてdarkmodejsを紹介します。${article.post_date_view}${article.post_title}${article.except_content}プレミアムでしか読めない記事が715あります。blockworks。