ライセンス - MIT Licenseの記事一覧
DownGit - GitHubリポジトリのディレクトリダウンロードURLを生成
GitHubで特定のファイルやディレクトリだけダウンロードしたいと思うことがあります。ファイルであればRawファイルを表示すれば良いかも知れませんが、ダウンロードを実行するのも面倒です。そこで使ってみたいのがDownGitです。GitHubのリポジトリのパスを入力して、ダウンロード用のURLを生成します。## Down...
CSPVR - Content Security Policyのチェックツール
Content Security Policyは外部コンテンツの不用意な読み込みを防止することで、XSSなどを防いでくれる仕組みです。何も設定しなくともWebブラウザは動作しますが、サイトをセキュアにするためには設定した方が良いでしょう。そんなContent Security Policyをチェック、レポートしてくれる...
nanoJS - jQueryの代わりに使えるDOM操作ライブラリ
jQueryはもう使いたくないと思いつつ、使った方が楽になるという場面は多いです。Ajaxもその一つですが、Superagentやaxiosといった代替ライブラリを使うこともできます。そしてもう一つはDOM操作です。DOM操作を素のJavaScriptだけで書こうと思うと若干面倒です。そこで使ってみたいのがnanoJS...
jeelizFaceFilter - Webカメラで使える顔認識&トラッキング
Webカメラやスマートフォンのカメラはリアルとデジタルの入り口です。そのため、写し出された映像を加工したり、そこにある情報を解析する類のソフトウェアはとても人気があります。スマートフォンアプリにある、動画チャットしながらリアルタイムに情報を付与する、それと同じことがWeb上でできるのがjeelizFaceFilterで...
Git Identity Manager - Gitのアカウント情報を切り替え
Gitではユーザ名とメールアドレスなどを設定として保存しておきます。しかし、企業と個人でアカウントを切り替えている人にとっては不便です。間違って会社のアカウントで登録してしまって、慌てて削除したなんて経験がある人がいるかも知れません。そこで使ってみたいのがGit Identity Managerです。複数のアカウント設...
WTF - ターミナル上で動く個人用ダッシュボード
現在は様々なサービス、ソフトウェアを使って日々の業務を行っています。それだけに情報を集約、閲覧できるダッシュボードが重要になってきます。多くはWebサービスとして提供されています。しかし、サーバ管理者であればターミナル上で閲覧できると便利なはずです。そこで使ってみたいのがWTFです。## WTFの使い方メイン画面です。...
Popcode - 学生向けのWeb開発/実行環境
プログラミングが教育に取り入れられる中で大事なのは体験です。かつての自主的にプログラミングを学ぶ人たちと違って、欲求を呼び起こすところからはじめる必要があります。そのためにはいち早く結果を見られる形にしなければなりません。そうした中でWebは良いプレゼン層になるでしょう。学生向けに作られたPopcodeをぜひ体験してみ...
GUN - 分散型グラフデータベース
グラフデータベースというキーワードが聞かれるようになっています。SNSのようなデータ同士の関連性を管理するような場合に向いており、用途を選ぶデータベースと言えます。有名なところではNeo4jであったり、Amazon Neptuneなどがあります。GUNもグラフデータベースの一つです。特徴としては分散型、オフラインファー...
Wired Elements - ラフなデザインになるカスタムタグ
ワイヤーフレームなど、ラフに作りたいという時は手書きなどが向いています。それをドローのソフトウェアなどできっちりと書き始めてしまうと、些細な部分にこだわってしまって目的であるプロトタイプがなかなか作れなかったりします。そこで使ってみたいのがWired Elementsです。Web上でラフなデザインを再現できるWebコン...
Nim forum - Nimで作られたDiscourseクローン
Nimというプログラミング言語は聞いたことがなかったのですが、Rust/D/Goといったプログラミング言語と比較されるようです（via Wikipedia
Trackless - GoogleアナリティクスをGDPR対応でオプトイン/アウト可能に
EUの個人情報保護施策、GDPRがスタートしました。各社、個人情報をどう保護するか、どう使うかといった対応で大あらわになっています。すでにFacebookやGoogleが訴えられたという話もあります。そんなGDPRですが、Googleアナリティクスで使うための仕組みとしてTracklessを使うと良さそうです。## T...
FacePause - 顔を認識してYouTubeの再生/停止を制御
Webの進化が止まらないのと同様に、Webブラウザ自身もどんどん進化しています。新しく出てくるAPIを実装し、それらが徐々にWeb標準として使えるようになっていきます。こうしたAPIは広まらない可能性もありますが、試してみる価値は十分あります。今回はGoogle Chromeに実装されたFaceDetector API...
Vue Designer - Vue.jsの表示を確認できるVisual Studio Codeプラグイン
ReactやAngular、Vueなどは独自のタグを使ったWebコンポーネント型のシステムと言うこともあって、これまでのHTMLデザインの手法が通じなくなっています。デザインの確認などで苦戦している人も多いのではないでしょうか。そこで使ってみたいのがVue Designerです。Visual Studio Codeプラ...
MasudaStream - はてなの匿名ダイアリーを読みやすく
はてなの匿名ダイアリー（通称増田）はちょっとしたくだらないことから内部告発まで幅広いネタが取り上げられています。次々に投稿されていく内容を追いかけているだけでも楽しいでしょう。しかし、それでは玉石混交で、ノイズが非常に多くなります。そこで使ってみたいのがMasudaStreamです。新着エントリーに載った増田だけをピッ...
GitHub Contribution Chart Generator - GitHubでのこれまでの活動をすべて可視化
GitHubの活動計（Contribution Chart）は開発者としてのやる気を喚起してくれます。すべて埋めてやろうと躍起になる開発者もいるのではないでしょうか。しかし直近の情報しか見えないのが残念です。そこで使ってみたいのがGitHub Contribution Chart Generatorです。これまでのすべ...
vuegg - Vue.jsプロジェクトの画面を作成
ReactやVue、AngularといったJavaScriptフレームワークはHTMLを再定義しており、UIを作るのもそうそう簡単ではありません。デザイナーとの協業も難しく、苦戦している方も多いのではないでしょうか。そこで使ってみたいのがvueggです。Vueの画面をWYSIWYGに設計できるソフトウェアです。## v...
Maji - ハイブリッドアプリ開発のベストプラクティスを提供
ハイブリッドアプリと言うのはHTML5でUI、ロジックを作成したスマートフォンアプリです。ネイティブとの繋ぎ込みはCordovaなどの技術を使います。かつては遅いと言った問題がありましたが、今はほぼ分からないくらいの速度で実行できます。そんなハイブリッドアプリは画面遷移やUIなどを自分で用意する必要があります。ここが敷...
LaTeX.js - Webブラウザ上で動作するLaTeX執筆環境
LaTeXは今なお論文やレポートを書く際に使われています。しかし、環境整備が面倒であったり、インストールするライブラリのサイズが大きいこともあって、もっと手軽に作りたいと思う人が多いのではないでしょうか。そこで使ってみたいのがLaTeX.jsです。なんとWebブラウザ上で使えるLaTeX環境です。## LaTeX.js...
Vuido - Vue.jsでデスクトップ向けネイティブアプリを開発
JavaScriptが多くの環境で動作するようになっています。Webブラウザだけでなく、サーバやスマートフォンアプリなど一つの言語でここまで幅広く動作するものはそうそうないでしょう（特にWebブラウザが問題です）。そんなJavaScriptを使ってデスクトップアプリを作成できるのがVuidoです。Electronと異な...
GIFPop - アニメーションGIFを最適化
最近アニメーションGIFが使われる場面が増えていますが、難点としてサイズが大きくなりがちという問題があります。特に動画からアニメーションGIFに変換した場合、FPSが高すぎたりしてWeb上に貼るのに向きません。そこで使ってみたいのがGIFPopです。アニメーションGIFを手軽にリサイズできます。## GIFPopの使い...