Webの記事一覧
Canvas-Notes - メモ × ペイントなWebアプリ
Webベースのメモソフトウェアは星の数ほど存在します。多くはテキストを記述する機能と、画像アップロード機能になるでしょう。画像は別途画像編集やペイントアプリで作成しなければなりません。今回紹介するCanvas-Notesはテキストを記述する機能に加えて、Canvasを使ったスケッチ機能も備わったメモソフトウェアです。#...
isocity - 小さな箱庭で自分の街を作る
シムシティに代表される、シミュレーションゲームが好きな人たちは大勢います。箱庭的な空間で自分が最高と考える都市を造ったり、ビルを造りあげるのはとても面白いです。個人的にも大好きなのですが、時間を奪いすぎるので控えるようにしています。そんな街作りが好きな人であればきっとisocityが楽しめるはずです。## isocit...
Showdown - ポケモンバトルボット
ポケモンShowdown
SES - JavaScriptをセキュアに実行
JavaScriptを使えばWebページを自在にコントロールできます。ユーザにマクロを組ませて、より彼らのニーズに合ったサービスにしたいと思うこともあるでしょう。しかし自由にJavaScriptが実行できるのはセキュリティ上の問題にもなります。そこで使ってみたいのがSESです。セキュアにECMAScriptを実行できる...
git-story - GitのコミットメッセージをWebページ化
Gitのコミットメッセージは細かく書いていますか？CUIで管理していると長文が書きづらいのでついつい簡単なメッセージになってしまっていないでしょうか。どうせ、そんなに読まないだろうとなおざりになっていると尚更です。そこで使ってみたいのがgit-storyです。GitのコミットメッセージをHTMLにしてくれるソフトウェア...
2020 - OpenFaaSの使い方を学ぶFaaSサンプル
FaaS（Function as a Service）と呼ばれるサービスを使えばサーバレスでちょっとしたコードを実行できるようになります。AWS Lambdaが有名ですが、他のクラウドも同様のサービスを提供しています。今回はその一つ、OpenFaaSを使って作られた2020を紹介します。## 2020の使い方2020は...
Native JavaScript for Bootstrap - 脱jQueryしたBootstrap
Bootstrapは開発者でも整ったデザインが簡単に実現できる便利なUIフレームワークですが、jQueryに依存している点がいけてません。jQueryは便利ですが、今時…と思ってしまっている人も多いでしょう。実際、次期バージョンのv5からはjQueryを外す
pongloader - アセンブラ製のピンポンゲーム
コンピュータが生まれた黎明期に作られたといっても過言ではないゲームがピンポン（pong）でしょう。平たい板を上下に操作して、ボールを跳ね返すだけのシンプルなゲームです。シンプルなだけに、プログラミングを学ぶ題材にもよさそうです。今回紹介するpongloaderはわずか512バイトで作られたピンポンゲームです。## po...
Kutt.it - 自分で立てる短縮URLサービス
短縮URLサービスは生まれては消えていったように思います。Googleでさえ短縮URLサービスは止めてしまいました（社内向けは残っていますが）。t.coや自社サービスで使うものばかりで、他はbit.lyくらいでしょうか。今後も恒久的に短縮URLサービスを使いたいならば自社で立てるのが良さそうです。そこで知っておきたいの...
EscherSketch - タイル状のシンメトリーデザインを簡単に作成
あるパターンを繰り返すシンメトリーデザインは万華鏡などでよく知られています。折り紙を折って、ハサミで切ったりして遊んだ経験がある人も多いでしょう。繰り返すことで新しい魅力が引き出されるのは面白いです。今回紹介するEscherSketchはWeb上でシンメトリーデザインを描けるソフトウェアです。## EscherSket...
Re:Backlogs - アジャイル開発に特化したプロジェクト管理
アジャイルなプロジェクト管理において、イテレーションごとのバックログは大事な情報です。ユーザストーリーをチケット化し、イテレーションの中でこなしてリリースする、この一連の流れを繰り返すことでシステムを徐々に大きく成長させます。今回紹介するRe:Backlogsはアジャイル開発に特化したプロジェクト管理になります。## ...
geoapi - IPアドレスを位置情報に変換するWeb API
位置情報はGPSからしか取れない訳ではありません。有名なところではWiFiやIPアドレスからも位置情報が取得できます。もちろん精度は高くないことも多いですが、スマートフォンは様々な情報を組み合わせて位置情報を取得しています。今回紹介するgeoapiはそんなIPアドレスベースの位置情報取得を簡易化してくれるWeb API...
vConsole - モバイルサイト用の開発者ツール
スマートフォンサイトをデバッグする際にはどのように操作しているでしょうか。多くの場合、macOSをUSBで接続したり、デスクトップのGoogle Chromeでデバッグするはずです。つまりデスクトップやラップトップが必須です。vConsoleを使えばモバイルだけでコンソールが使えるようになります。ちょっとしたデバッグな...
Ascii QR Code Creator - テキストで作成するQRコード
QRコードは世界中で使われています。特にスマートフォンやタブレットが流行始めてから、その利用範囲が拡大しました。システムからQRコードを出力して欲しいという話もよく出るでしょう。そんな時、画像ライブラリを入れることもできますが、マニアックな方式としてテキストでも使えます。それがAscii QR Code Creator...
Screenshot to Google Slides - スクリーンショットを撮影してスライドに貼り付け、スクリーンショットを撮影してスライドに貼り付け…
Googleスライドを使ってスライドを作っている際に、Webサイトのスクリーンショットを多数貼り付けたいと思うことがあるかも知れません。そのためスクリーンショットを保存して、アップロードするのは面倒です。何度も繰り返すと、心が折れてしまうかも知れません。そんな特定用途に限って使えるのがScreenshot to Goo...
Mammoth - WordをHTMLファイルに
Wordファイルは広くオフィスで使われています。様々なドキュメントがWordで作られていることでしょう。そんなWordにはHTML出力機能もありますが、すごいマークアップで出力されるので、あまり使っている人を聞いたことがありません。もしあなたがWordファイルをシステムに取り込んだりしなければならない時にはMammot...
unDraw - 自由に使えるフラットなイラストをダウンロード
最近、海外のWebサイトを見ると、フラットな人やオブジェクトを使ったイラストがよく使われています。日本であればいらすとやと同レベルかというくらい使われています。そんな雰囲気のイラストがSVGで無償公開されています。それがunDrawです。## unDrawの使い方こういう雰囲気、見ますよね。!
Aozorasearch - 青空文庫の全文検索エンジン
著作権の切れた書籍を管理、公開している青空文庫。お世話になっている人も多いことでしょう。古典を無料で、図書館などに行かずとも読めるのは素晴らしいことです。その蔵書は年々増えており、探すのも大変です。そこで使いたいのがAozorasearchです。青空文庫専用の全文検索エンジンです。## Aozorasearchの使い方...
Nonflowers - 世界中どこにも存在しない花を生成
最近、プライバシー保護の動きもあって、機械学習を使って人の顔を生成する動きがあります。自動生成された、世界中どこにもいない人であれば著作権を気にせず利用できるという訳です。それと類似技術を花に対して適用したのがNonflowersです。## Nonflowersの使い方アクセスする度に異なる花が生成されます。!
Nitter - 多彩な検索が可能なTwitterフロントエンド
Twitterのフロントエンドが大きく変更され、使いづらいと感じている人も少なくありません。かつてのTwitterではWeb APIの利用制限が緩く、誰もが自由にクライアントアプリケーションを開発できていましたが、今はそういったソフトウェアが大幅に減っています。今回紹介するNitterはそんな中、珍しいTwitterフ...