プログラミング言語 - JavaScriptの記事一覧
Tone.js - Web上で音を奏でるためのフレームワーク
Web Audio APIによって、Webブラウザ上で音楽を奏でられるようになりましたが、このAPIはかなり低レベルなものとなっています。何でもできますが、すべて自分で実装しなければなりません。そのため、なかなか普及していません。そこで使ってみたいのがフレームワークになるライブラリです。今回はTone.jsを紹介します...
Hanzi Writer - 漢字の書き順をアニメーション表示
漢字は基本的な書き順さえ覚えてしまえば大抵のものには対応できますが、時々複雑なものがあったりします。さらに漢字と言っても日本のものだけでなく、中国語もあります。日本人でも中国の漢字の書き順はぱっと見ただけでは分からないかも知れません。そこで使ってみたいのがHanzi Writerです。中国語（日本の漢字も）の書き順を表...
bibisco - 小説を書く人のためのソフトウェア
小説を書くというのは、新しい世界を創ると言うことです。様々な登場人物が複雑に絡み合い、多彩な町や都市に出掛け、今までにない乗り物に乗ったりします。そうしたすべての人や物が矛盾なく整ってはじめて、その世界観に入り込むことができます。そういった格子を作り上げるのに最適なソフトウェアがbibiscoです。## bibisco...
vmsg - Webサービスにボイスメッセージ機能を追加
電話ではボイスメッセージ機能があります。テキストでは伝わらない内容を音声で残したり、人によっては文字を入力するよりも口で言った方が早いという人もいるでしょう。しかしオンラインのサービスではあまり音声をサポートしたものは見かけません。常にテキスト入力が求められます。そこで使ってみたいのがvmsgです。ボイスメッセージを手...
natUIve - UIコンポーネントが多数揃ったCSSフレームワーク
WebのUIフレームワークとしてはBootstrap一強が続いています。しかしフレームワークとしての癖もあり、Webデザイナーとしては自分のやりたいデザインが実現しづらいかも知れません。そんな時には他のUIフレームワークに触れてみても良さそうです。今回はnatUIveを紹介します。デザインフレームワークとしてはもちろん...
Maplat - 現在と古地図を重ね合わせ
古地図を見るのが好きな方は多いです。江戸自体やそれ以前に作成された地図を現在のものと重ねてみると、当時から変わらないものや逆に変わったものが浮かび上がってきます。そうした古い道を辿ることで今まで知らなかった発見ができたりします。今回紹介するMaplatはそんな古地図と現在の地図とを重ね合わせて表示できるソフトウェアです...
md2pdf - 特別なソフトウェアいらず。MarkdownをPDFに変換
MarkdownファイルをHTMLにしたいという要望は良くありふれたものです。さらにPDFにしたいという話も良く聞きます。例えばpandoc
WebAssembly Feature - WebAssemblyの機能が実装されているかチェック
WebAssemblyはモダンなWebブラウザであればすでに利用できる技術ですが、それでもまだ発展途上です。Webブラウザによっては使えないAPIが存在します。単一バイナリで全ての環境で動作する訳ではないようです。そうした際のチェック法としてWebAssembly Featureを紹介します。ある機能について利用できる...
技術書典サークルチェッカー - 技術書典のサークルを一覧でチェック
ついに今週末（実際には来週頭）の14日に技術書典6が開催されます。個人的には3つのサークルを掛け持ちでコンテンツ提供し、メインとなるDevRel Meetup
LaRecipe - Markdownから格好良いドキュメントを生成
開発者に対して見栄えの良いドキュメントを提供する、これはDevRelにおいて大事な要素です。誰だって使いづらい、読みづらいドキュメントは嫌がるものです。デザインはもちろんのこと、文字サイズや見出しの付け方などによっても可読性は変わってきます。そこで紹介したいのがLaRecipeです。Laravelを使い、Markdow...
Library - GoogleドキュメントをエディタにするCMS
Web上でコラボレーションするソフトウェアは多数あります。しかし、編集画面が使いづらいばかりに利用者が増えないといった問題があります。例えばWikiなどもそれに該当します。そこで使ってみたいのがLibraryです。コラボレーションできるドキュメントサイトですが、そのコンテンツはGoogleドキュメントにあります。## ...
PWA Starter Kit - PWAを学ぶためのテンプレート
PWA（Progressive Web Apps）というキーワードがトレンドになっています。しかしPWAは特定の技術を指すのではなく、Webでの体験をよりネイティブ並に向上させるという概念でしかありません。そのため何から取り組んだら良いかが分かりづらいです。そこで勉強のベースに使ってみたいのがPWA Starter K...
stutter - 任意のWebページで速読をサポート
Webサイト、書籍、論文、新聞、雑誌…様々なテキストコンテンツがこの世には存在します。気になるものはあっても全てを消化できるわけではありません（積ん読は良い例です）。問題を解決するために考えられているのが速読です。日本語の速読もありますが、今回は英語版のstutterを紹介します。Google Chrome/Firef...
gtfspy-webviz - GTFSを地図上で可視化
様々な情報がオープンデータ化し、さらにそれらのデータを共通フォーマット化する動きがあります。共通フォーマットになることで再利用性が高まり、異なる企業や国、自治体同士のデータを連係させられるようになります。今回はgtfspy-webvizを紹介します。GTFS（General Transit Feed Specifica...
Popper.js - 便利なポップオーバーライブラリ
マウスを載せた際などに表示されるポップオーバー。ユーザの好きなタイミングで（多くは困った時に）表示してくれるので便利なツールです。しかし画面の端などで表示する場合、画面外に隠れてしまったりします。そんな困った、を解決してくれるのがPopper.jsです。ポップオーバーだけにこだわったライブラリです。## Popper....
Generative.fm - Webブラウザ上でエンドレスな音楽を生成
音楽の創作活動は長い時間をかけて行われます。その結果として著作権などが発生し、誰しもがビジネスで使えるものではなくなっています。バックグラウンドミュージックとして使おうものなら、多額の請求が来る可能性もあるでしょう。そんな時に使えるのがクラシックであったり著作権に関係しない楽曲です。今回は音楽を生成してくれるGener...
femtoJS - jQueryに替わるDOM操作ライブラリ
jQueryはもう使いたくないと思いつつ、それでも使ってしまうのはDOM操作が面倒だからです。ReactやVueを使えばDOMの不便さから逃れられますが、ちょっとしたものを作る際には大げさだったりします。そこで使ってみたいのがfemtoJSです。DOM操作に特化した小さなライブラリです。## femtoJSの使い方ボタ...
Ambient Canvas Backgrounds - JavaScriptで背景アニメーションを生成
Webサイトの背景に動画を流したりするケースが見られますが、動画はサイズが大きくなりがちです。もっと軽量で、見た目のインパクトがある方法もあるでしょう。そのためにはJavaScriptで動的に作り出す方法が考えられます。今回はその一つの方法として、Ambient Canvas Backgroundsを紹介します。Can...
sourcebuster.js - トラッキング情報を取得
ソーシャルメディアやメールなどに記載されているURLをクリックすると、URLの末尾にutm_*といった文字が付いていることがあります。あれはUrchin Tracking Moduleの頭文字で、かつてGoogleが買収した（後にGoogleアナリティクスになった）Urchinが使っていたトラッキング用情報です。そんな...
Epitactic Cloud Browser - クラウド上にあるWebブラウザ
スマートフォンやタブレットでもPC版のWebブラウジングが必要な場面があります。そんな時、便利なのがクラウド上にあるWebブラウザです。しかしHTMLをそのまま返してしまったのでは意味がありません。そこで使ってみたいのがEpitactic Cloud Browserです。クラウドブラウザの名に恥じない動きをしてくれます...