プレミアムユーザー限定記事
MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから。
- 2017/12/14
- できることを全力でやる
- 2017/11/25
- 恥ずかしさを感じないためにできること
- 2017/11/11
- プロジェクトを遅延させないコミュニケーションパス管理
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の...
CLaD ASCII - アスキーアート製ミュージックビデオ
ミュージックビデオはミュージシャンにとって、音楽を知ってもらうために大事な作品です。しかしコロナウイルスの影響や、遠隔地に住むグループではすぐに集まって撮影するのが難しいです。Charlotte Light and Darkもそんなミュージシャンの一つです。そこで彼らはアスキーアート製のミュージックビデオを作ることにし...
MapGenerator - 空想のリアルな地図を生成
ゲームや小説などで街の地図が欲しくなることがあります。現実のものを使ってもいいですが、地図サービスのデータは著作権が関わってきます。それに現実のものでは創造性が阻害されてしまうかも知れません。そこで使ってみたいのがMapGeneratorです。架空の地図を自動生成してくれるソフトウェアです。## MapGenerato...
OBS Remote Tablet - OBSの操作をリモートから行う
オンラインでイベントが行われるようになって俄然注目が集まっているのがOBSです。OBSを使ってウェビナーやミートアップを配信している人は多いでしょう。機能が多いだけに、OBSの使いこなしによって品質が大きく変わります。今回はOBSをタブレット、Webブラウザから使えるようにするOBS Remote Tabletを紹介し...
MYukkuriVoice - macOS用のゆっくりボイス作成ソフトウェア
ゆっくりボイスはニコニコ動画をはじめ、各種動画サイトで使われています。作成者は声を発せず、テキストで作れるので便利です。読み間違えることも、撮り直しも簡単です。動画はちょっとしたミスによる撮り直し作業が面倒なので、自動生成される音声ファイルは便利です。今回紹介するMYukkuriVoiceはmacOS用のゆっくりボイス...
Stoplight Studio - Web APIの設計とドキュメントを管理するエディタ
Web APIを綺麗に設計するのはとても大変です。リソース名の決め方一つとってもそうですし、単純にCRUD操作だけで済まない場合のアクション名をどう指定するか、HTTPメソッドを何にするかといった問題もあります。今回紹介するStoplight StudioはWeb APIのデザイン、ドキュメント整備を一括して行えるエデ...
PreBill - サブスクリプションの支出管理&リマインダー
今は所有より利用の時代といわれています。物を買うのではなく、その利用する権利を月額で購入するイメージです。そのため、多くのサービスを課金してつ買っているのではないでしょうか。そうした支出は積もるとバカにならないかも知れません。ぜひPreBillを使って確認してみましょう。## PreBillの使い方トップページです。!
Skip Silence - 動画の無音部分だけを高速再生するGoogle Chrome機能拡張
動画はテキストと異なり、自分のペースで見続けづらいコンテンツです。再生速度は調整できますが、あまり速いと何をいっているのか分からなくなります。不要な場面は飛ばしつつ、大事なところだけは聞きたいという時にはどうしたらいいでしょうか。その答えになりそうなのがです。無音部分を飛ばしてくれるGoogle Chrome機能拡張で...
GraphEditor - プレビュー付きのグラフエディタ
情報は単独で存在するのではなく、それぞれが紐付いています。ある一つの処理の出力は別な処理の入力になります。最終的な成果物にたどり着くまで、複数の処理がつながっていくのです。今回紹介するGraphEditorはそうした情報の紐付きを表現するためのエディタになります。## GraphEditorの使い方上がプレビュー、下が...