ライセンス - MIT Licenseの記事一覧
WebGL Fluid Simulation - 流体の動きをシミュレーション
流体の動きは実に不思議です。そもそも私たちに最も身近である水ですら、とても不思議な特性を持ち合わせています。水の上に水彩絵の具を垂らして、それが広がっていく様子を楽しんだり、紙に写し取ったりして遊んだ経験は誰もがあるのではないでしょうか。そんな流体の動きをシミュレートしたのがWebGL Fluid Simulation...
ttimer - CUIのタイマー
決められた時間は作業に集中したり、カップラーメンにお湯を入れたりした際にタイマーがよく使われます。スマートフォンのタイマー機能を使っても良いですが、PCのディスプレイから目を離すのが面倒だったりします。そこで使ってみて欲しいのがttimerです。ターミナル、コマンド一つで使えるカウントダウンタイマーです。## ttim...
Zdog - SVGやCanvasにドロー
Illustratorなどで描いたキャラクターも、そのままでは単なる絵と変わりません。SVGであれば、JavaScriptを使ってインタラクティブな操作が実現します。そうすれば、画像とは違った楽しみ方が生まれるでしょう。今回紹介するZdogはJavaScriptでイラストを描き、3Dのように回転もできるライブラリです。...
CSS Grid Generator - CSSグリッドを簡単に作成
CSS3ではグリッドが簡単に作れる機能が実装されていますが、テキストできちんとした設計を行うのは大変です。左右の関係を考えながら組むのですが、入れ子になっていたりするとすぐに破綻してしまいます。最初の設計をきちんと行わなければなりません。そこで使ってみたいのがCSS Grid Generatorです。Webブラウザ上で...
ojichat - おっさんっぽいメッセージを生成
筆者自身が40歳になり、すっかりおっさん世代に入っているのですが、それ故に精神や態度、肉体的におっさんな人たちは嫌いです。痛々しい若さアピールは嫌ですが、下の世代に嫌がられない振る舞いは大事ではないでしょうか。そんな私の嫌いなおっさんを体現してくれるのがojichatです。おっさんがチャットで送信しそうなメッセージを生...
CSS-Only Chat - JavaScriptを使わないWebチャット
技術の凄さを感じるのはどんな時か。一見すると無理と思えるようなことを実現できてしまっている時もその一つです。最近では機械学習を用いて粗い映像を高画質化するプロジェクトもあります。SFと思わんばかりの世界が実現しようとしています。今回紹介するCSS-Only Chatもすごいです。JavaScriptを使わずにリアルタイ...
Automatic App Landing Page - アプリ用Webサイトテンプレート
個人または企業でアプリを作っている人は多いですが、それらのランディングページはちゃんと作っているでしょうか。アプリを作るのに必死で、Webサイトは適当になってしまっているケースは多いようです。それではダウンロードにも結びつきづらいでしょう。今回紹介するAutomatic App Landing Pageはアプリ用のWe...
Uguu.se - テンポラリファイル共有
ファイルを共有するというのは、何らかのサービスを使っていれば簡単なのですが、繋がっていないもの同士だと非常に面倒です。Apple同士であればAirdropがありますが、異なるOSだとさらに面倒になります。そこで使ってみたいのがUguu.seです。一時的なファイル共有として使えるサービスです。## Uguu.seの使い方...
konstellate - Kubernetesの設定をビジュアル化
Kubernetes（以下k8s）は設定ファイルを記述してアーキテクチャを指定しますが、慣れるまでは設定が抜けてしまったり、うまくリンクできなかったりします。さらに設定が複雑化すると、全体を俯瞰的に確認したいと思うことでしょう。そこで使ってみたいのがkonstellateです。k8sの設定内容をビジュアル化します。##...
a2hs.js - iOSでもAdd to Home Screen
PWAに注目が集まっていますが、Androidに比べてiOSの対応は今なお微妙です。アプリケーションのようにインストールできるのですが、その手順も分かりづらく、インストールを促すバナーも出せません。これではiOS向けにはなかなか普及しないでしょう。それを若干でも改善できるのがa2hs.jsです。iOS向けにユーザビリテ...
csvdiff - CSVに特化した差分ビューワー
CSVファイルは今なおシステムの中で現役ばりばりに利用されています。様々なシステムから出力されるCSVファイルに対して、差分を確認したいと考えることはないでしょうか。通常の差分表示では、CSVのようなフォーマットではうまく表示できないかも知れません。そこで使ってみたいのがcsvdiffです。CSVに特化した差分表示コマ...
get-browser - デスクトップ/スマートフォンのWebブラウザを特定
かつてあったブラウザ戦争はなくなり、ほぼWebKit一強になりつつあります。そんな中、スマートフォンやタブレットなど画面解像度やサイズの多様性が生まれており、その中で開発者が対応すべきことも増えています。どのWebブラウザからのアクセスなのか、特定に苦労している人も多いのではないでしょうか。そこで使ってみて欲しいのがg...
iru - Markdownをそのまま使うCMS
これまで、MarkdownをベースにWebサイトを作るソフトウェアは多数ありました。その多くはコマンドが用意されており、MarkdownコンテンツをHTMLに変換するものだったと思います。つまり静的サイト向けの使い方でした。今回紹介するiruはMarkdownファイルを読み込んで表示するタイプのWebサイトです。システ...
Hovercraft - Preziのようにページが切り替わるHTMLスライド
プレゼンテーションというと、退屈なスライドが並んでいて、切り替え時にちょっとしたアニメーションが起きる程度と思っているかも知れません。もっと聴衆の目を引くスライドを作ってみたいと思う方はPreziを使っていたりします。しかし、あれはデスクトップで動作するソフトウェアです。Webならもっと公開やシェアも手軽にできるのに…...
ぺぺロミア - React Native製の旅行計画アプリ
旅行の計画を立てるのはとても楽しいですよね。計画を立て始めた時、実際にでかける前から旅行ははじまっていると言えるでしょう。それはプライベートに限らず、出張なども同様です。移動などでミスして出張した意味がなくなるようなことがないよう、きちんとした計画を立てるべきでしょう。そんな旅行計画を立て、Web上でも共有できるスマー...
hackaru - シンプルな作業時間測定アプリ
集中して仕事をするためには、時間に厳しくなくてはいけません。単位時間のパフォーマンスを上げていくことで、より生産性を高められるようになります。そのためにはまず、現在の時間の使い方を可視化しなければなりません。そのために時間管理ソフトウェアがあります。実行しているアプリケーション単位で厳しく時間測定できるものもありますが...
Fusuma - Markdownを使ったHTMLスライド
HTMLでスライドを作る場合、アニメーションやロゴの配置ではなく、コンテンツに集中して作れます。さらに記法がMarkdownであればスライドを作るのが苦手な人であっても問題ありません。さくさくと作れるでしょう。今回は新しいHTMLスライドのFusumaを紹介します。便利な機能がたくさん詰まっています。## Fusuma...
Gameboy.Live - クラウドゲームに対応したゲームボーイ・エミュレータ
Googleがクラウドゲームプラットフォーム、Stadiaを発表して以来、クラウドゲーム市場が盛り上がっています。専用端末不要で、インターネット回線さえあればどこでも遊べるというのは大きな魅力です。そんな中、ゲームボーイをクラウドで提供してしまおうというのがGameboy.Liveになります。## Gameboy.Li...
Unwrap - iPhone上でSwiftを学ぶ
新しいプログラミング言語を学ぶ場合、どのように行っているでしょうか。オンライン情報だけでできる人もいれば、書籍を買うという人もいるでしょう。いずれにしても写経しながら覚えるかと思います。今回紹介するUnwrapはそのどちらでもない第三の選択肢として、iPhone上で学べるSwift学習アプリとなっています。## Unw...
Simplify Gmail - GmailのUIをすっきりシンプルに
アプリケーションのUIはとても大事で、その見た目次第でやる気になったり、逆に削がれたりします。大事なのは不要な要素を省き、作業に集中できる環境を作り出すことです。かといってあまりなくすと機能があることにも気付いてもらえなくなるのでバランスが重要です。今回紹介するSimplify GmailはGmailのUIをシンプルに...