Webの記事一覧
Tone.js - Web上で音を奏でるためのフレームワーク
Web Audio APIによって、Webブラウザ上で音楽を奏でられるようになりましたが、このAPIはかなり低レベルなものとなっています。何でもできますが、すべて自分で実装しなければなりません。そのため、なかなか普及していません。そこで使ってみたいのがフレームワークになるライブラリです。今回はTone.jsを紹介します...
Mate Translate for Netflix - 英語学習に。Netflixの字幕を翻訳
英語学習法の一つに映画を映画字幕で見るという方法があります。耳と目で英語を感じられるのが利点な一方、知らない単語が出てきた時にそれが気になってしまって映画の内容に入り込めなかったりします。そこで使ってみたいのがMate Translate for Netflixです。Netflixの動画翻訳に対応した翻訳ツールです。#...
Citybound - Webブラウザで遊べるシムシティ
シムシティ系のゲームは時間を食いつぶす、非常に危険なゲームです。ちょっとした変化に目を配り、すぐに対処しないと再生するのも難しくなります。その上で確実な成長を続けなければならず、戦略性が問われます。そんなシムシティに類する新しいゲームの紹介です。なんとマルチプレイヤーをターゲットに開発されています。## Citybou...
Kroki - テキストからドローに変換するWeb APIサーバ
プログラマーは図を書くのが嫌いです（たぶん）。少なくともドローソフトウェアを使って書くのは嫌がるでしょう。メンテナンスしづらいですし、コードと図の乖離が発生しがちです。せめてテキストで書いて、自動的に図にしてくれるものであれば、元のテキストを自動生成する方法が選べたり、バージョン管理で差分が取れるようになります。そんな...
TypeTalk - TypeScriptをベースにしたSmalltalkライクなプログラミング言語
JavaScriptを書きたくない、という人たちは大勢います。その結果、様々な代替言語が開発されています。あらかじめJavaScriptに変換するタイプもであれば、Webブラウザ上でコンパイルするものなど様々です。代替言語を使うことで、より堅牢で効率的な開発ができるようになります。今回はTypeTalkを紹介します。言...
Hanzi Writer - 漢字の書き順をアニメーション表示
漢字は基本的な書き順さえ覚えてしまえば大抵のものには対応できますが、時々複雑なものがあったりします。さらに漢字と言っても日本のものだけでなく、中国語もあります。日本人でも中国の漢字の書き順はぱっと見ただけでは分からないかも知れません。そこで使ってみたいのがHanzi Writerです。中国語（日本の漢字も）の書き順を表...
vmsg - Webサービスにボイスメッセージ機能を追加
電話ではボイスメッセージ機能があります。テキストでは伝わらない内容を音声で残したり、人によっては文字を入力するよりも口で言った方が早いという人もいるでしょう。しかしオンラインのサービスではあまり音声をサポートしたものは見かけません。常にテキスト入力が求められます。そこで使ってみたいのがvmsgです。ボイスメッセージを手...
GoDiscourse - Go製のフォーラム
Webの歴史はコミュニケーションからはじまったといっても過言ではないでしょう。ネットニュースやIRCなどからはじまり、Eメールやフォーラム、さらに最近ではSlackに代表されるチャットやソーシャルメディアもあります。常にコミュニケーションが中心にあります。今回紹介するGoDiscourseもそんなコミュニケーションを促...
natUIve - UIコンポーネントが多数揃ったCSSフレームワーク
WebのUIフレームワークとしてはBootstrap一強が続いています。しかしフレームワークとしての癖もあり、Webデザイナーとしては自分のやりたいデザインが実現しづらいかも知れません。そんな時には他のUIフレームワークに触れてみても良さそうです。今回はnatUIveを紹介します。デザインフレームワークとしてはもちろん...
Maplat - 現在と古地図を重ね合わせ
古地図を見るのが好きな方は多いです。江戸自体やそれ以前に作成された地図を現在のものと重ねてみると、当時から変わらないものや逆に変わったものが浮かび上がってきます。そうした古い道を辿ることで今まで知らなかった発見ができたりします。今回紹介するMaplatはそんな古地図と現在の地図とを重ね合わせて表示できるソフトウェアです...
md2pdf - 特別なソフトウェアいらず。MarkdownをPDFに変換
MarkdownファイルをHTMLにしたいという要望は良くありふれたものです。さらにPDFにしたいという話も良く聞きます。例えばpandoc
Chouette - 公共交通機関のデータを管理するプラットフォーム
公共交通機関のデータは一度作ったら終わり、ではなく日々細かく更新されます。一つのデータ変更が他の路線への接続に影響を及ぼしたりすることを考えると、メンテナンスは大変です。しかしオープンデータの一つとして利用されることが多いので、正確性が求められるでしょう。そんな公共交通機関のデータを編集するためのソフトウェアがChou...
WebAssembly Feature - WebAssemblyの機能が実装されているかチェック
WebAssemblyはモダンなWebブラウザであればすでに利用できる技術ですが、それでもまだ発展途上です。Webブラウザによっては使えないAPIが存在します。単一バイナリで全ての環境で動作する訳ではないようです。そうした際のチェック法としてWebAssembly Featureを紹介します。ある機能について利用できる...
Indico - カンファレンス・マネージメント・システム
筆者はDevRelCon Tokyoというカンファレンスを主催しているのですが、その際にはGoogleスプレッドシートとJekyllでデータとサイトを管理しています。良いシステムがあれば導入するのですが、今のところ静的サイトで十分と考えています。今回紹介するIndicoは小さな勉強会から大規模なカンファレンスまでこなせ...
Hello, Goodbye - Webチャットウィンドウを消す
個人的にこれは欲しかった。最近、多くのWebサイトで導入されているチャットシステム。利用者はそこそこいると聞いたことがありますが、個人的には全く使ったことがありません。それだけに勝手にメッセージが幾つも出てくるのはうざったいと感じています。同じように邪魔だと思っていた方に使ってみて欲しいのがHello, Goodbye...
技術書典サークルチェッカー - 技術書典のサークルを一覧でチェック
ついに今週末（実際には来週頭）の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...
Helpdesk - Ruby/Sinatra製のヘルプデスクシステム
利用者からの質問を受け付けるヘルプデスクシステムがないと、メールで都度都度対応したり、その履歴も分からずにナレッジが溜まりづらくなります。きちんと一カ所でまとめて管理すべきです。今回紹介するHelpdeskはRuby/Sinatraを使ったヘルプデスクシステムになります。社内で使うこともできるでしょう。## Helpd...