プログラミング言語 - JavaScriptの記事一覧
Canvas-Notes - メモ × ペイントなWebアプリ
Webベースのメモソフトウェアは星の数ほど存在します。多くはテキストを記述する機能と、画像アップロード機能になるでしょう。画像は別途画像編集やペイントアプリで作成しなければなりません。今回紹介するCanvas-Notesはテキストを記述する機能に加えて、Canvasを使ったスケッチ機能も備わったメモソフトウェアです。#...
isocity - 小さな箱庭で自分の街を作る
シムシティに代表される、シミュレーションゲームが好きな人たちは大勢います。箱庭的な空間で自分が最高と考える都市を造ったり、ビルを造りあげるのはとても面白いです。個人的にも大好きなのですが、時間を奪いすぎるので控えるようにしています。そんな街作りが好きな人であればきっとisocityが楽しめるはずです。## isocit...
NodeTube - 画像や音楽もアップロードできるYouTube代替
YouTubeの持つ力はとても大きいです。YouTuberをはじめ、様々な新しい文化を生み出しています。その中から新しいスターが日々誕生しており、YouTubeを頼る人たちがどんどん増えています。そんなYouTube代替ともいえるのがNodeTubeです。動画だけでなく、画像やオーディオもアップロードできます。## N...
SES - JavaScriptをセキュアに実行
JavaScriptを使えばWebページを自在にコントロールできます。ユーザにマクロを組ませて、より彼らのニーズに合ったサービスにしたいと思うこともあるでしょう。しかし自由にJavaScriptが実行できるのはセキュリティ上の問題にもなります。そこで使ってみたいのがSESです。セキュアにECMAScriptを実行できる...
2020 - OpenFaaSの使い方を学ぶFaaSサンプル
FaaS（Function as a Service）と呼ばれるサービスを使えばサーバレスでちょっとしたコードを実行できるようになります。AWS Lambdaが有名ですが、他のクラウドも同様のサービスを提供しています。今回はその一つ、OpenFaaSを使って作られた2020を紹介します。## 2020の使い方2020は...
mastogetter - ますとげったー。Mastodon版Togetter
Twitterはリアルタイムに情報が流れていきます。爆発的に一気に盛り上がった話題も、刻々と新しい話題に移り変わってしまい、その余韻も残りません。そこで使われるのがTogetterで、ツイートをストックして残せる仕組みです。分散型Twitterとして知られるMastodonについては、mastogetter（ますとげっ...
Native JavaScript for Bootstrap - 脱jQueryしたBootstrap
Bootstrapは開発者でも整ったデザインが簡単に実現できる便利なUIフレームワークですが、jQueryに依存している点がいけてません。jQueryは便利ですが、今時…と思ってしまっている人も多いでしょう。実際、次期バージョンのv5からはjQueryを外す
CPod - シンプルで綺麗なUIのポッドキャスティングアプリ
ポッドキャスティングのいいところは動画やテキストと異なり、ながら作業が可能なことです。ラジオを流しながら仕事をするような感覚で、ポッドキャスティングを流しながら別なことができます。今回紹介するCPodはシンプルで美しいUIなポッドキャスティングアプリです。## CPodの使い方メイン画面です。デフォルトで幾つかのポッド...
Twizzle - ツイート送信とDMに特化したTwitterクライアント
Twitterではあまりタイムラインを見ていなかったりします（そもそもそんなにフォローしていないというのもあるのですが）。個人的なつぶやきであったり、知り合いとのDM用に使っているという人は意外と多いのではないでしょうか。そんな方にお勧めなのがTwizzleです。メニューバーからのツイート、メッセージに特化したTwit...
Kutt.it - 自分で立てる短縮URLサービス
短縮URLサービスは生まれては消えていったように思います。Googleでさえ短縮URLサービスは止めてしまいました（社内向けは残っていますが）。t.coや自社サービスで使うものばかりで、他はbit.lyくらいでしょうか。今後も恒久的に短縮URLサービスを使いたいならば自社で立てるのが良さそうです。そこで知っておきたいの...
EscherSketch - タイル状のシンメトリーデザインを簡単に作成
あるパターンを繰り返すシンメトリーデザインは万華鏡などでよく知られています。折り紙を折って、ハサミで切ったりして遊んだ経験がある人も多いでしょう。繰り返すことで新しい魅力が引き出されるのは面白いです。今回紹介するEscherSketchはWeb上でシンメトリーデザインを描けるソフトウェアです。## EscherSket...
geoapi - IPアドレスを位置情報に変換するWeb API
位置情報はGPSからしか取れない訳ではありません。有名なところではWiFiやIPアドレスからも位置情報が取得できます。もちろん精度は高くないことも多いですが、スマートフォンは様々な情報を組み合わせて位置情報を取得しています。今回紹介するgeoapiはそんなIPアドレスベースの位置情報取得を簡易化してくれるWeb API...
vConsole - モバイルサイト用の開発者ツール
スマートフォンサイトをデバッグする際にはどのように操作しているでしょうか。多くの場合、macOSをUSBで接続したり、デスクトップのGoogle Chromeでデバッグするはずです。つまりデスクトップやラップトップが必須です。vConsoleを使えばモバイルだけでコンソールが使えるようになります。ちょっとしたデバッグな...
文言（wenyan-lang） - 漢文なプログラミング言語
以前、日本語でプログラミングを書けば、ハッキングしづらいのではないかとツイートしました。ソフトウェアやシステムがハッキングされるのは、利用できる開発者の数によって大きく異なります。日本語で書けば、それを理解するのと不正操作する二つのコストが発生します（もちろんなでしこは知っています）。そんな妄言を実現させてしまったよう...
Ordinary Puzzles - じっくり楽しめるReact Native製のパズルゲーム
フレームワークやSDKがあったとき、それでどんなゲームが作れるのか提示してあげるのは面白い試みです。一般的なソフトウェアよりも目を引きやすく、興味を持ってもらいやすいかも知れません。今回紹介するOrdinary PuzzlesはReact Nativeで作られたスマートフォン向けのゲームになります。## Ordinar...
Mammoth - WordをHTMLファイルに
Wordファイルは広くオフィスで使われています。様々なドキュメントがWordで作られていることでしょう。そんなWordにはHTML出力機能もありますが、すごいマークアップで出力されるので、あまり使っている人を聞いたことがありません。もしあなたがWordファイルをシステムに取り込んだりしなければならない時にはMammot...
Nonflowers - 世界中どこにも存在しない花を生成
最近、プライバシー保護の動きもあって、機械学習を使って人の顔を生成する動きがあります。自動生成された、世界中どこにもいない人であれば著作権を気にせず利用できるという訳です。それと類似技術を花に対して適用したのがNonflowersです。## Nonflowersの使い方アクセスする度に異なる花が生成されます。!
Userscripts - Safari用のユーザスクリプト作成、実行環境
ユーザスクリプトを使うことで、Webサイトを便利にできます。公式には提供されていない機能を実現したり、UIで不要な部分を削ったり、逆に追加したりできます。筆者も様々なサイトでユーザスクリプトを使っています。作成が若干面倒なイメージがありますが、Userscriptsを使えばとても簡単にユーザスクリプトを作成できます。...
Branded QR Ccode - 任意のロゴを載せたQRコードを生成
QRコードは世界中で使われています。特にスマートフォンが登場して以降、その利用範囲が拡大しているように感じます。仕様として多少汚れていても使えるようになっており、エラー率も考慮して生成できます。そんな仕様を使うことで、QRコードの中に本来不要な情報も盛り込ませることができます。それがBranded QR Ccodeです...
アクセシビリティカラーヘルパー - Webアクセシビリティを考慮した色を提案
Webのアクセシビリティは大事な考え方です。誰もが使いやすいWebサイトを目指す上で、文字の大きさや背景色とのコントラスト、リーダー対応など様々な観点があります。今回紹介するアクセシビリティカラーヘルパーは背景と文字のコントラスト比を維持するためのカラーパレットになります。## アクセシビリティカラーヘルパーの使い方利...