プレミアムユーザー限定記事
MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから。
- 2017/12/14
- できることを全力でやる
- 2017/11/25
- 恥ずかしさを感じないためにできること
- 2017/11/11
- プロジェクトを遅延させないコミュニケーションパス管理
Quotebacks - コンテンツ引用をしやすくするGoogle Chrome機能拡張
Webはページ同士がリンクで繋がって構成されています。その際、単にURLを付けるだけでもいいですし、内容を引用することもできます。引用を使うことで、リンク先の内容が分かりやすくなり、誘導につなげることができます。今回紹介するQuotebacksはそんな引用をしやすくするGoogle Chrome機能拡張になります。##...
Gorched - ターミナルで動くタンクゲーム
タンクゲームはルールが簡単でついハマってしまいます。向き合ったタンクから順番に弾を撃ち合って、相手に先に当てた方が勝ちです。障害物が多く、弾道はそれらを計算した上で飛ばさなければいけません。今回紹介するGorchedはGoで作られたタンクゲーム、しかもターミナル上で動きます。## Gorchedの使い方ゲーム開始です。...
Photon - WebAssemblyで高速画像編集
WebAssembly（WASM）の大きな特徴として、その実行速度が挙げられます。Webブラウザ上で実行されるJavaScriptでは限界があった速度も、WebAssemblyであればネイティブ並の速度で実行できます。そんな実行速度の速さを活かしたソフトウェアがPhotonです。WebAssemblyの力で画像を処理し...
tubuler - 簡単に使えるyoutube-dlのGUIラッパー
YouTube動画をダウンロードしておきたいと思ったことはないでしょうか。誰かがアップロードした動画は常にあるとは限りません。いつ消えてしまうか分からないだけに、手元に残しておきたい場合もあるはずです。そこで使えるのがyoutube-dlですが、CLIなので人によっては使いづらいでしょう。そこで使えるのがtubuler...
Grid.js - React/Angular/VueをサポートしたHTMLテーブルライブラリ
HTMLで使ってデータをテーブル表示するのは簡単です。しかし、ちょっとUIをよくしたり、ソートなどの機能を追加しようと思うと、途端に面倒になります。素のHTMLのままではとても使い勝手がいいとはいえません。そんなHTMLテーブルを手軽に高機能化してくれるライブラリがGrid.jsになります。## Grid.jsの使い方...
Notence - Markdownとカンバンをサポートしたノートアプリ
メモを取る用のノートアプリはどんなものを使っているでしょうか。普段使っているテキストエディタをそのまま利用している人も多いはずです。しかしテキストエディタでは記述できるフォーマットに限界があるのが問題です。今回紹介するNotenceはリストとカンバン、二つの記述方法をサポートしたノートアプリになります。## Noten...
WiFi Login Card - WiFi接続情報を載せたカードを作成
コワーキングスペースやイベント会場に行くとWiFiのSSIDとパスワードが書かれた紙があります。それを入力しないとインターネットにつなげられないので、とてもアナログな操作が求められます。これはとても面倒です。そこで使ってみたいのがWiFi Login Cardです。WiFiの接続情報を記述したQRコードを手軽に作成して...
passmass - ストレージレスなパスワード管理
パスワード管理は何を使っているでしょうか。1Password、LastPassなどクラウドサービスやオープンソース・ソフトウェアなど多種多様に存在します。しかし、どこかにデータを残すということは、そこがセキュリティ上のネックになるのは間違いありません。その問題を回避するのはストレージレスになることです。今回紹介するpa...
Image Scrubber - Webブラウザで上でプライバシーに配慮した写真加工を行う
この記事が一般公開される頃にはBLMも落ち着いているでしょうか。欧米ではBLM運動が活発に行われており、様々な余波が生じています。今はソーシャルの時代であり、デモで撮影された写真があっという間に拡散されています。そうやって撮影された写真には肖像権があり、おいそれとアップロードするのはよくありません。まず最低限の処理をI...
TitleRun - これならバレない！タイトル部分で行うゲーム
仕事中に堂々とゲームをやるのは難しいですが、多少の息抜きがあってもいいのではないでしょうか（あくまでも個人の意見です）。問題はいかに見つからないかになりますが、ぱっと見で分からなければ問題ないでしょう（あくまでも個人のry）。今回紹介するTitleRunはWebブラウザのタイトル部分を使って行うゲームになります。## ...
Airshare - LANでファイル共有するコマンド
最近では各家庭でコンピュータとスマートフォン、タブレットが混在しています。しかしファイルサーバのようなものはないので、データの受け渡しにメッセージアプリやメールを使っていたりしないでしょうか。そこで使ってみて欲しいのがAirshareです。LAN内でファイルを授受するのに使えるファイル共有ソフトウェアです。## Air...
tailblocks - Tailwindをベースにしたブロックデザインパターン
CSSフレームワークとしてTailwindが知られています。画一的なデザインを提供するBootstrapなどと異なり、個別のスタイルのみを提供します。UI部品にする際には、それらのスタイルを組み合わせて自作する必要があります。より自由度が高く、作業を効率化してくれるフレームワークです。そんなTailwindを使ってブロ...
tw-style - TwitterのUIを自分好みにカスタマイズ
住めば都という言葉はありますが、普段使いしているツールのUIが変わると慣れるまで相当なストレスになります。ネットの世界においては自分でカスタマイズできる領域も大きいので、リアルほど我慢を強いられることはありません。自分なりの都にすればいいのです。今回はtw-styleを紹介します。新しいTwitterのUIについて、自...
Excalidraw Claymate - Excalidrawを使ったアニメーション作成ソフトウェア
教科書や書籍の端っこでパラパラ漫画を書いた経験は多くの人があるはずです。その際には前の絵とちょっとだけずらして書いていくのがポイントになります。ちょっとずつずらして書くのを繰り返すことで、一気にページをめくると動いて見えるようになります。そんなパラパラ漫画風のアニメーションGIFを作れるのがExcalidraw Cla...
Wiper - Google検索結果から指定したサイトを除外するブロックリストアドオン
Google検索を使っていて、いつも出てくる邪魔なサイトは存在しないでしょうか。まとめサイトだったり、噂レベルの内容を載せているだけのサイトもあります。Googleのインデックス力に期待したいところですが、現状ではノイズが増えてしまっています。そこで使ってみたいのがWiperです。手動で登録するブロックリスト機能拡張で...
Tweeter Go - ツイート機能のみのTwitterクローン
Twitterっぽいアプリを作ってみたいと考える人は多いようです。本家は多機能ですが、ツイートしたり、フォローするような仕組みだけ見れば、他でも使えそうなテクニックになりそうです。ソーシャルネットワークアプリの基礎ともいえます。もしGoを使うならばTweeter Goが参考になるかも知れません。ミニTwitterクロー...
Color Copy Paste - リアルの物体から色情報を取得
任意の場所から色情報を取得してくれるカラーピッカーは便利な機能です。Webブラウザでも使っていますし、プレゼン作成ソフトウェアや画像編集ソフトウェアでもよく使います。今回紹介するColor Copy Pasteはそんなカラーピッカーソフトウェアなのですが、抽出する対象が異なります。それはリアルの物から色情報を取得するの...
bingo - 壁紙をBingのimage of the dayから取得して自動設定
壁紙は何を設定していますか。こだわりの一枚を使っている人も多いと思いますが、筆者はアプリが全画面のことが多いので、こだわりもなくデフォルトのまま放置しているように思います。これではよくありません。同じように壁紙を何にすればいいか分からない…という方はbingoを使ってみましょう。Bingのimage of the da...
printf-tac-toe - 難解なコードのマルバツゲーム
tic-tac-toeというのは日本でいうマルバツゲームのことです。3×3の枠の中で3つ、先に並べた方の勝ちになります。誰もが一度は遊んだことがあるでしょう。ルールもやることもシンプルなので、プログラミングの学習にも向いています。そんなマルバツゲームをより複雑に描いたコードがprintf-tac-toeになります。でき...
Live.js - JavaScriptを読み込むだけで使えるライブリロードライブラリ
Webサイトを開発している時には、その修正内容を素早く確認したいはずです。ライブリロードやホットリロードといった技術もありますが、専用のサーバなどを用意するのでちょっと手間です。そこで使ってみたいのがLive.jsです。JavaScriptを読み込むだけで使えるライブ/ホットリロードを実現します。## Live.jsの...