プレミアムユーザー限定記事
MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから。
- 2017/12/14
- できることを全力でやる
- 2017/11/25
- 恥ずかしさを感じないためにできること
- 2017/11/11
- プロジェクトを遅延させないコミュニケーションパス管理
supercookie - Cookieいらず。Faviconを用いて署名生成
最近はプライバシーを重視する動きが強いです。WebサービスでCookieを取得する際に説明を行うことが必要になったり、Webブラウザ自身がCookieを取得しない動きがはじまっています。Googleも脱Cookieの動きをはじめています。そんな中注目したいのがsupercookieです。Faviconを使ってフィンガー...
LogoMor - UCBLogoのプレイグラウンド
Logoは1960年代にMITで作られたプログラミング言語で、グラフィックスなどをプログラマブルに描ける言語です。拡張版が色々とあるようですが、バークレー大学製のUCBLogoもその一つです。今回紹介するLogoMorはUCBLogoをWeb上で記述して、その結果（グラフィックス）を描画できるプレイグラウンドになります...
Penpot - Webベースのプロトタイプデザインツール
Webサイトや画像など、デザインする場面は多数あります。多くの場合、Illustratorなどで作成して、できあがったファイルをファイルサーバやクラウドストレージにアップロードして確認するでしょう。そんなフローを変えられそうなのがPenpotです。Web上でデザインして、そのままコメントやフィードバックできます。## ...
github1s - GitHubリポジトリをWebベースのVisual Studio Codeで開く
GitHub上でコードの閲覧ができます。編集機能もありますが、エディタとしての機能はあまり多くありません。普段使っているエディタ並の機能があれば、もっとメンテナンスしやすくなるでしょう。今回紹介するgithub1sはGitHubのURL（github.com）に1sを付ける（github1s.com）だけでVisual...
utterances - GitHub Issuesを使ったコメントシステム
静的なWebサイトに、ちょっとした動的コンテンツが欲しくなることがあります。例えばコメント機能です。Disqusのような外部サービスもありますが、コンテンツを自己管理したい人も多いはずです。今回紹介するutterancesはGitHubのIssuesを使ったコメント機能を提供します。## utterancesの使い方こ...
Content Edit & Blur - ブラウザ上でコンテンツを編集、ぼかす
Webサイトのスクリーンショットを撮って、ちょっと加工すると言ったことはよくあります。見せたくないコンテンツをぼかしたり、文字を編集したい時もあるでしょう。そんな時に使えるのがContent Edit & Blurです。Webブラウザ上でコンテンツを編集できる機能拡張です。## Content Edit & Blurの...
Gifuct-js - アニメーションGIFの再生と停止&簡易編集
アニメーションGIFは一番面白いポイントだけを繰り返し楽しめるので、とても楽しいメディアです。しかしWebブラウザで表示すると強制的に繰り返し再生になってしまうので、いきなりオチを見てしまう可能性もあります。そうした悲劇を避けるために用意しておきたいのがGifuct-jsです。アニメーションGIFの再生と停止、簡易的な...
Source Map Visualization - Source Mapファイルの可視化
Source MapはWebフロントエンドを開発している際にブレークポイントを入れたり、エラー箇所を見やすくするのに使われています。コードがミニファイされていたりして分かりづらいJavaScript、CSSファイルがSource Mapによって分かりやすくなります。そんなSource MapをビジュアライズするのがSo...
webgl-lines - 線を使ったインタラクティブなWebGLコンテンツ
WebGLの使い方を覚えたいと思いつつ、その独特な書き方で断念してしまっています。もし覚えることができれば、これまでとはまったく異なる表現力が手に入ることでしょう。今回紹介するwebgl-linesはそんな表現の一例です。各コンテンツはブログの中に埋め込んで表示されています。## webgl-linesの使い方オンマウ...
gomodoro - Go製のポモドーロタイマー
人の集中力は長時間続きません。プログラミングをしていてゾーンに入ることもありますが、終わった後はぐったりしてしまいます。適度に休憩を挟みながら行うのが生産性を維持するコツです。今回紹介するgomodoroはGo製のポモドーロタイマーです。25分ごとに休憩を入れることで、持続可能な集中力を手に入れましょう。## gomo...
emacs-ng - TypeScriptが実行できるEmacs
個人的には長くEmacs派です。最近ではVisual Studio Codeに移ってしまいましたが、キーバインドは今なおEmacs風になっています。Common Lispは書く機会があまりないので、すぐ書き方を忘れてしまうのが難点です。そんな中、Emacs進化の新しいアプローチを探っているのがemacs-ngです。Em...
Dad Joke Generator - 英語圏の親父ギャグ検索
いつの時代も、どの国でもおっさんは面白くない冗談を言うようです。一説によると、脳が年を取ると言うべきでない言葉を制御できず、口から出てしまうとされています。日本で言えば親父ギャグ、英語圏ではDad Jokeと言われているので、どちらも同じ概念があるようです。そんな親父ギャグを表示したり、検索できるサービスがDad Jo...
Violentmonkey - WebExtensions APIに対応したユーザスクリプト管理
Webブラウジングをユーザ自身で拡張できるのがユーザスクリプトです。任意のWebサイトで特定のコンテンツを非表示にしたり、機能を追加したりできます。筆者も色々なWebサイトで使っています。そんなユーザスクリプトを管理するのに使われる機能拡張がViolentmonkeyになります。類似のソフトウェアは幾つかありますが、そ...
Soldat - 2チームに分かれて戦う多人数コンバットゲーム
ゲームは一人でやるのも良いですが、多人数でやると違った盛り上がりがあります。TETRIS 99やスマブラのように多人数でバトルロイヤル式に戦うゲームは熱中する人も多いです。今回紹介するSoldatは多人数で行うチーム戦のゲームです。仲間内にわいわい盛り上がりましょう。## Soldatの使い方チームはアルファまたはまた...
Powerlets - ブックマークレットを素早く呼び出すGoogle Chrome機能拡張
Webブラウザから任意のJavaScriptを実行できるブックマークレットは便利です。便利なだけに色々登録してしまって、目的のスクリプトを探したりします。ツールバーに並べておくのも大変で、なるべく文字数を減らしている人もいるでしょう。今回紹介するPowerletsはブックマークレットを検索、そして実行できるGoogle...