プレミアムユーザー限定記事
MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから。
- 2017/12/14
- できることを全力でやる
- 2017/11/25
- 恥ずかしさを感じないためにできること
- 2017/11/11
- プロジェクトを遅延させないコミュニケーションパス管理
Notepad3 - メモ帳がパワーアップ！
Windowsで標準インストールされているテキストエディタと言えばメモ帳（Notepad）です。あまりにも貧弱な機能で、殆ど使われることはないと思いますが、思いがけず利用することもあります。そんなメモ帳を現実的に使えるものにしようと考えている（恐らく）のがNotepad3です。## Notepad3の使い方UIはメモ帳...
DeckDeckGo - リモートコントロールもできるPWAのHTMLスライド
HTMLによるスライドは人気があります。Webブラウザだけで再生できるのでプラットフォームに依りませんし、最近ではPresentation APIもGoogle Chromeに搭載され、発表者ノートも使えるようになっています。今回はPWAとして作られたスライドアプリ、DeckDeckGoを紹介します。## DeckDe...
json.pizza - キーボード操作主体のJSON整形サービス
JSONはシステム連携で使われる一方、可読性の高さも特徴となっています。とは言え、改行やインデントをなくした状態ではとても読む気にはなれません。整形が必要です。今回紹介するjson.pizzaはJSONを貼り付けて、素早く整形できるサービスとなっています。## json.pizzaの使い方JSONを貼り付けて、Ctrl...
Streamlink - ストリーミング動画を任意の動画プレイヤーで再生
動画をストリーミングで配信しているサイトは多数あります。その場合、Webブラウザで見ることが多いのですが、そうするとWebブラウザの再起動もできずに不便な経験をしたことがあるでしょう。そこで使ってみたいのがStreamlinkです。ストリーミングのURLを取得し、VLCなどで再生できます。## Streamlinkの使...
svg2pdf.js - Webブラウザ上でSVGをPDF化
Webブラウザで表示している内容をPDFにしたいというニーズはよくあります。サーバ側でレンダリングして出力するのも良いですが、何かと面倒です。文字だけであればまだしも、画像をドローイングされた内容をPDF化するのはさらに大変です。そこで使ってみたいのがsvg2pdf.jsです。WebブラウザだけでSVGをPDF化します...
kthoom - Webベースのコミックビューワー
オンライン上にはたくさんのコンテンツがあります。しかし、それらを閲覧するためには専用のビューワーが必要です。ローカルアプリケーション型の場合、コンテンツをいちいちダウンロードするのが面倒です。そこで必要なのがWebベースのリーダーです。今回はコミックビューワーのkthoomを紹介します。## kthoomの使い方メイン...
Regex Colorizer - JavaScriptの正規表現をハイライト
正規表現はプログラマにとっても面倒なもので、間違えることがしばしばあります。プログラミングがエラーになるならまだしも、不具合につながったりすると目も当てられません。そこで使ってみたいのがRegex Colorizerです。正規表現をハイライト表示し、分かりやすく可視化してくれます。## Regex Colorizerの...
ga-cookie-opt-in-js - Google Analyticsのトラッキングを事前同意するサンプル
ヨーロッパでは個人情報に対する規律が厳しく、ちょっとした情報であっても事前同意が必要になります。そのため、ダイアログがしつこく出て面倒というイメージもありますが、それもユーザのプライバシーを守るためには必要な措置でしょう。Google Analyticsによるトラッキングもその一つです。事前同意を取る際に役立つサンプル...
gitomatic - Gitリポジトリを監視して自動コミット&プッシュ
Gitでバージョン管理する場合、ちゃんと差分をチェックしてコミット&プッシュした方が良いのは分かります。しかし、個人のリポジトリでバックアップ代わりに運用するならば自動でプッシュしてくれる方が便利です。そこで使ってみたいのがgitomaticです。指定したディレクトリを監視して自動でファイルの追加、プッシュを行ってくれ...
Artichoke - WebAssemblyで実装されたRuby
Webブラウザ上でJavaScript以外のプログラミング言語を実行したいと言うニーズはとても強くあります。一つはJavaScriptで実行エンジンを開発する方法、またはコンパイルしてJavaScriptを生成する方法などがあります。最近有力なのがWebAssemblyで実行エンジンを実装する方法です。今回紹介するAr...
psyche - コンパイルしてWebAssemblyを生成する専用言語
WebAssemblyはプログラミング言語ではなく、様々な言語から生成されるWebブラウザ上で動作するバイナリフォーマットです。CやC++、Rustで書くのが基本ですが、GoやJava、C#など多彩な言語からWebAssemblyを生成できます。今回紹介するのはpsycheという専用言語で、OCamlで実装されています...
CJSS - CSSベースのWebビューフレームワーク
最近はReact、Vue.jsなど仮想DOMを使ったビューライブラリが人気です。しかし、JavaScript内にHTML情報を埋め込むのでデザイナーの方にとってはちょっと辛いところがありそうです。そこで使ってみたいのがCJSSです。上記ライブラリとは逆で、CSSにHTMLなどの情報を埋め込んでしまうという、すごいライブ...
Filterizr - CSS3を使ったデータのフィルタリング、ソートライブラリ
Web上で情報を並べて表示する機会はとても多いです。そんな時、常に発生するのが並び替えや絞り込みのニーズです。データを消したり、並び替えて表示したりするのは意外と大変です。そこで使ってみたいのがFilterizrです。データのソート、フィルタリングに特化したライブラリです。## Filterizrの使い方利用例です。カ...
osquery - システム情報をSQLで取得
ターミナル操作をしていてシステム情報を知りたいと思うことがよくあります。時々しか使わないコマンドだと、その度に使い方や出力を調べたりするのではないでしょうか。各コマンドはそれぞれ使い方が違うので、組み合わせて使うのも面倒です。そこで使ってみたいのがosqueryです。システム情報を調べるのにSQLを使えるようになります...
Responsive-Kifu - レスポンシブ対応の将棋棋譜再生ビューワー
将棋はとても人気のあるゲームです。そして、その記録である棋譜を見ることで試合の流れを研究したり、感動を覚えたりします。そのために作られるのが棋譜プレイヤー、ビューワーです。今回紹介するResponsive-Kifuもそんな棋譜ビューワーですが、Webブラウザ上でレスポンシブに動作するのが特徴です。## Responsi...
BowPad - リボンUIのプログラミングエディタ
プログラミングエディタは星の数ほど存在します。多くのユーザがいるからといって、自分の手に馴染むとは限りません。様々なエディタに触れ、その世界観や目標がマッチするかどうか試すべきです。今回紹介するBowPadはWindows用のエディタで、リボンUIなのが一つの特徴になっているエディタです。## BowPadの使い方タブ...
ViperCard - HyperCardをWeb上で再現
HyperCardは1987年に誕生したアプリケーション開発プラットフォームです。リンクで別なカードに移動したり、音声を鳴らす、オブジェクトを動かすなど当時から高レベルなアプリケーションとなっていました。そんなHyperCardを現代に蘇らせたのがViperCardです。しかもプラットフォームを固定しないWebベースで...
HyperCardPreview - HyperCardを最新のmacOSで楽しむ
かつてのMacOSの歴史の中で輝いていたのがHyperCardです。アプリケーションやゲームなどを作ったり、教育など様々な分野で使われていました。Mac OSXの登場とともに消えてしまいましたが、今なお愛する人の多いソフトウェアです。そんなHyperCardを今のmacOS上で閲覧できるのがHyperCardPrevi...
Silicon - ソースコードを綺麗な画像に
スライドの中でソースコードを取り扱いたいと思うことはよくあります。コードハイライトに対応していないと、見づらいものになってしまうでしょう。そのため、プログラミングエディタのコードをスクリーンショットで画像化したりしているかも知れません。そんな面倒はせずにSiliconを使えばコードを綺麗に画像化できます。## Sili...
Shortcuts JS - iOSのショートカット機能用ファイルを生成するJavaScript
iOS12から、iPhoneの操作を自動化するショートカット機能が追加されました。自作もできるのですが、簡易的なプログラミングであるために敷居が高く感じてしまっている人も多いでしょう。逆にプログラマにとってはGUIで面倒だと思ってしまっているはずです。そこで使ってみたいのがShortcuts JSです。JavaScri...