Webの記事一覧
Gocho - 手軽に使えるファイル共有
最近はファイルサーバを立てることも少なくなっています。クラウドストレージでファイルを渡すことも多いですが、サイズの大きなファイルでは面倒ですし、ファイルをどこに入れるのかも問題です。そこで使ってみたいのがGochoです。LAN内で手軽にファイル共有が実現します。## Gochoの使い方設定画面を確認する画面です。133...
Spectrum - 複数参加できるオンラインコミュニティ
一言でコミュニティといっても様々な形式があります。オフラインのコミュニティもあれば、オンラインもあります。チャットのようにフローな会話もあれば、フォーラムのようなストック型もあるでしょう。Spectrumはオンラインコミュニティを形成するソフトウェアで、フローとストックの間にあるような作りになっています。## Spec...
tracking.js - 画像/動画をトラッキング
写真はテキスト以上に情報が含まれています。人物を撮影しただけでも、そこには背景があったり、洋服があったり、天気なども映し出されます。しかし、そのためには写真から情報を収集する技術が必要です。tracking.jsはWebブラウザ上で人やオブジェクトを認識するJavaScriptライブラリになります。## trackin...
Fengari - Webブラウザ/nodeで動作するLua VM
JavaScriptはWebブラウザ上での動作が保証された唯一のプログラミング言語です。しかし、JavaScriptが好きではない方もたくさんいます。特にサーバサイドと別な言語で書かなければならないのが嫌という方はいるでしょう。もしあなたが好きなプログラミング言語がLuaであれば、Fengariを使って記述してみてはい...
TensorFlow.js - Webでも機械学習。JavaScript版TensorFlow
TensorFlowと言えば機械学習を行うソフトウェアで、多くのサービスやソフトウェアの基盤に使われています。環境を整えるのは若干大変ですが、Dockerイメージもあります。GPUなどのハードウェアさえ用意できれば、利用するまでの敷居はずいぶん低くなっています。そんなTensorFlowをWebブラウザベース、WebG...
Tabullet - 既存のテーブルをメンテナンスしやすくするjQueryプラグイン
業務システムでテーブル表示はよく使います。そんな時、ユーザから出てくるのがデータのメンテナンスを行いたいと言う要望です。行を追加したり、編集や削除するといった機能です。一つのテーブルだけであれば頑張って実装できるでしょう。しかし、画面が多数あったらどうしたら良いでしょうか。そこで使ってみたいのがTabulletです。j...
Vipercard - 懐かしのHypercardを現代に復活
表現したいと思った人が自由にデザインし、アプリケーションを作れる環境として有名だったのがHypercardです。白黒画面の時代から使われており、クリックした時や選択肢によって自由にフローを変えたりしてアプリケーションが作れました。自分で作ったり、人が作ったものをダウンロードして遊んだ人も多いはずです。そんなHyperc...
Graphdoc - GraphQLスキーマからドキュメントを生成
Web APIとしてGraphQLを提供するサービスが増えています。従来のREST APIでは限界のあった、データ構造の自由さに対応するにはGraphQLがベストな選択でしょう。しかしREST APIとは異なるために、求められる情報も変わってきます。そこで使ってみたいのがGraphdocです。GraphQLのスキーマを...
WebSlides - 多彩な表現が可能なHTMLプレゼンテーションフレームワーク
プレゼンテーションというとPowerPointやKeynoteで作ることが多いですが、HTMLでのプレゼンテーションも使われるようになっています。しかし表現力があまり高くなく、シンプルなスライドが多かったように思います。そこで使ってみたいのがWebSlidesです。これまでにないほど表現力の高いHTMLスライドが作れる...
Git WebUI - ローカルのGitリポジトリ用ブラウザ
Gitリポジトリの情報をWeb上で見たいと思った時にはGitoriusであったりGitLab、GitHubなどを使うでしょう。突然大事になってしまって、セットアップするのも面倒です。そこで使ってみたいのがGit WebUIです。ローカルで使うためのGitリポジトリブラウザです。## Git WebUIの使い方Git W...
CSS ICON - ピュアなCSSだけで作られたアイコンセット
アイコンセットはいくらあっても便利です。昔は小さな画像の集まり、その後はCSSスプライト、そして最近ではアイコンフォントを使うパターンが多くなっています。アイコンフォントは便利ですが、読み込みに失敗するとトウフだらけになってしまうのが難点です。そこで使ってみたいのがCSS ICONです。ピュアなCSSだけで作られたアイ...
Dejavu - Elasticsearch用Web UI
Elasticsearchはオープンソースの有名なデータベースです。MOONGIFTの検索機能でも使っています。細かな条件指定ができるので、検索としてはもちろんデータベースとして使っている人も大勢います。そんな ElasticsearchのWeb UIとしてDejavuを紹介します。## Dejavuの使い方トップペー...
Anime Notifier - アニメのデータベース&コミュニティ
アニメは日本が世界に誇る文化となっています。しかし、それ故にコンテンツが無数にあり、もはやすべてをチェックすることなどできなくなっています。だからこそ自分がチェックしているアニメについては皆と話をしたかったり、自分が見ていない盛り上がっているアニメ情報を知りたかったりするでしょう。そこで使ってみたいのがAnime No...
shiori - シンプルなブックマーク管理
ブックマークはWebブラウザに用意されているものか、ソーシャルブックマークを使うのが基本でしょう。しかし企業内でURLを共有したい場合や、個人でも共有せずにオンラインで管理したい場合もあるでしょう。そんな時に使えるのがshioriです。シンプルで使い勝手の良いブックマーク管理です。## shioriの使い方トップページ...
JSON table editor - テーブルを編集してJSONを生成
JSONはXMLに比べてシンプルな構造ですが、それでも手作業で作るのは面倒です。複雑な入れ子の構成はもちろんのこと、一階層であったとしても作る手間があります。適当に作った結果、パースできずにデバッグに時間を取られることもあります。そこで使ってみたいのがJSON table editorです。HTMLテーブルを編集してJ...
Ghostery Extension - トラッキングを防止してWeb表示を高速化
Webブラウジングをしていると、様々な情報が吸い取られています。それらの情報は広告のトラッキングに使われることが多く、プライバシーの問題になりがちです。Webサイトは見たくとも、個人的な情報は渡したくないと思っている方は多いはずです。そこで使ってみたいのがGhostery Extensionです。トラッキングを防止し、...
gh-blog - GitHub Issueをブログに
GitHubを使ってどんなことができるだろう、そんなことを考えてみると新しいアイディアが沸くかも知れません。コードホスティングとしてだけ見るのではなく、もっと様々な可能性があります。今回はその一つとしてGitHubをブログ化するgh-blogを紹介します。ユニークなのはIssueが記事になることです。## gh-blo...
Sketch Machine - タイムラインを持ったデジタルアート環境
デジタルアートの面白さは動画のように時間軸に沿って変化する作品を作れることでしょう。それも動画のように撮ったら終わりではなく、何度も繰り返すことができたり、一部だけ差し替えるなんてこともできます。今回紹介するSketch Machineはリズムを刻むようにアートが描ける、そんなソフトウェアです。## Sketch Ma...
Infinite Scroll - スクロールに伴ってコンテンツを追加
Web上のプログラミングで面倒なのがDOM操作です。DOMの構築やレンダリングは遅く、大量のDOMを描こうとするとメモリリークしたりします。ハイブリッドアプリ開発などで常に問題視されるのが速度であり、その原因はDOMにあります。一例として、スクロールに伴うコンテンツ追加を実現する際にはInfinite Scrollを使...
jdetects - 開発者ツールの起動を検知
現在、モダンなブラウザでは開発者ツールを提供するのが当たり前になっています。開発者としては必須の機能ですが、サイト運営者にとっては見られたくない情報があるかも知れません。そんな時に使ってみたいのがjdetectsです。開発者ツールが開いているかどうかでイベントを実行できるJavaScriptライブラリです。## jde...