プレミアムユーザー限定記事
MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから。
- 2017/12/14
- できることを全力でやる
- 2017/11/25
- 恥ずかしさを感じないためにできること
- 2017/11/11
- プロジェクトを遅延させないコミュニケーションパス管理
Loc2Country - 位置情報から国名を取得
地球上のすべての場所（平面上）は緯度と経度によって表されます。日本を示す場所も緯度と経度によって指し示すことができます。日本では海があるので分かりづらいですが、諸外国では地続きで、ほんのちょっと緯度または経度が変わるだけで別な国になったりもします。そんな面白さを体感できるのがLoc2Countryです。緯度と経度を与え...
μPad - 自由度の高いノートアプリ
アイディアをまとめたり、逆に練ったりと、ノートがあると頭の中にある情報をどんどん形にしていけます。そんな時に罫線があったり、キーボード入力に限定したりしたら情報が束縛を受けてしまうでしょう。そこで使ってみたいのがμPadです。自由度の高い、アイディアを書き留めるノートアプリです。## μPadの使い方トップページです。...
Save images - ページ内の画像をまとめてダウンロード
Webサイトの中には写真をたくさん掲載しているところがあります。気に入った写真をまとめてダウンロードしたいと思っても、いちいち写真を選択するのが面倒だったりしますよね。そこで使ってみたいのがSave imagesです。ページ内にある写真を一気にダウンロードできるソフトウェアです。## Save imagesの使い方任意...
Pomotroid - シンプルなポモドーロテクニック用アプリ
ポモドーロテクニックはご存じでしょうか。25分を基本として仕事をし、終わったら5分間の休憩をします。それを何回か繰り返したら、少し長めの休憩を取ると言ったワークスタイルです。特にキッチンタイマーを使うというのが特徴になります。そんなポモドーロテクニックを使うためのソフトウェアがPomotroidです。## Pomotr...
webdiff - WebベースのGit差分表示
バージョン管理を入れていて役立つのが差分（Diff）です。Gitでは標準で git diff が使えますが、大きな変更を行っている時には見づらいでしょう。かといって専用のソフトウェアを使うのも面倒です。そこで使ってみて欲しいのがwebdiffです。Gitコマンドに連携したWebブラウザベースの差分表示ツールです。## ...
TOAST UI Image Editor - Canvasを使ったリッチな画像編集
画像編集と言えばPhotoshopを思い浮かべる人が多いでしょう（またはGIMP）。しかしPhotoshopのすべての機能を満遍なく使いこなしている方はほとんどいないはずです。それどころか、無料のソフトウェアでも実は十分だったという方もいるでしょう。そこで注目したいのがTOAST UI Image Editorです。W...
Kitty - GPUベースのターミナルエミュレータ
ターミナルは何を使っていますか。macOSであればOS標準のものを使っても良いでしょう。WindowsであればTeraTermやPuttyなどが人気です。サーバ側の処理を行う際に必須の存在なので、自分の手に馴染むものを選ぶと良いでしょう。今回はそんなターミナルエミュレータの紹介です。Kittyは変わり種として、GPUベ...
lepto - WebとCLIで画像最適化
スマートフォンやデジカメなど、画像コンテンツがどんどん増えています。綺麗な写真を、と思うとファイルサイズも大きくなる一方で、あっという間にストレージを逼迫してしまいます。そこで使ってみたいのがleptoです。様々なフィルタリングをつけた上で自動的に画像を最適化してくれるソフトウェアです。## leptoの使い方Web版...
カス削除くん - マルチプラットフォームで動作する不要ファイル削除ツール
WindowsとmacOSやデザイナーと開発者など、異なる環境下にある相手とデータのやり取りをすると、不要なファイルがついてきてしまいます。例えばWindowsでいうところのThumb.dbであったり、macOSでいうところの.DS_Storeです。こういった余計なファイルを自動で調べて削除してくれるのがカス削除くんで...
TabSpeech - Webページを読み上げるGoogle Chrome機能拡張
最近音声入力や出力が人気です。目で出力を受け取るのと、指先で入力するのは限界があります。そこで耳と口に注目が集まっています。さらに情報を処理できるようになるでしょう。Webブラウザについても同様です。TabSpeechを使えば表示されている内容を読み上げてくれます。## TabSpeechの使い方実行しているところです...
Simple Keyboard - Web上のシンプルなバーチャルキーボード
セキュリティへの意識が高いサイト、例えば銀行などではログイン時にソフトウェアキーボードを提供しています。しかしアルファベットの順番がキーボードと異なるので入力しづらいこともしばしばです。そこでより本格的なバーチャルキーボードとしてSimple Keyboardを紹介します。日本語入力はできませんが、標準キーボードと変わ...
PWACompat - PWAに対応しない古いブラウザでもWeb App Manifestに対応させる
PWAの一要素としてWeb App Manifestがあります。JSONファイルを用意しておくことで、Webアプリをローカルアプリケーションかのように保存できます。この時、アイコンやスプラッシュスクリーンも大事な要素です。古いブラウザでは対応していないPWAについて、PWACompatが対応させてくれます。## PWA...
MediaStreamRecorder - Webで音声/動画を録画
HTML5ではWebカメラやマイクにアクセスできます。例えばWebチャットなどで使われたりしますが、ARに使ったりとアイディア次第で面白い使い方が考えられます。録音、録画だって可能です。今回紹介するMediaStreamRecorderはMediaRecorder APIを使った録音/録画が実装できます。## Medi...
page-transitions-travelapp - ネイティブレベルのUXを体感できるWebアプリ
ハイブリッドアプリやPWAなど、Webアプリケーションをスマートフォンのネイティブアプリ風に使う技術が発展しています。ネイティブアプリと異なり、インストールの手間がなく、プラットフォーマーによる縛りもないのがWebの魅力と言えます。そんなWeb技術を駆使して作られたのがpage-transitions-travelap...
Stencila - ドキュメントと表計算をシームレスに連携させるオフィススイート
Pythonを使っている人にとってはお馴染みのJupyter Notebook。コードと文章を一緒に書けるのでプログラミングに関連したコンテンツが見やすくなります。様々な種類の文書を埋め込む際には同様の手法が便利です。オフィスでよく使われる文書や表計算でも同じことができそうです。それがStencilaです。## Ste...
Make Medium Readable Again - Mediumの可読性を向上する
一度ダメになったものを、一発奮起してやり直す…トランプ大統領のいうMake America Great Againに似たフレーズが時々聴かれます。分かりやすく、聞いた人の心を奮わせるワードです（だからこそ大統領になったのでしょう）。そんなフレーズを用いたのがMake Medium Readable Againです。Me...
Markdown New Tab - Google Chromeの新しいタブをMarkdownエディタに
Google Chromeで新しいタブを開くと、最近見るWebサイトであったり、検索欄が表示されます。しかし、Web検索であればアドレスバーからやりますし、履歴もすぐにアクセスできます。この画面からあえてアクセスすることは少ないのではないでしょうか。そこでもっと役立つ情報を表示してみましょう。それがMarkdown N...
Icon Font to PNG - WebFontから画像を生成
WebFontは非常に便利ですが、常にWebFontが良いという訳ではありません。時には画像のが良いということもあるでしょう。例えばデスクトップアプリで使いたいと言った場合や、ドキュメントに使いたい時もあるでしょう。そこで使ってみたいのがIcon Font to PNGです。WebFontを画像にしてくれるソフトウェア...
Mindmapp - Electron製のクロスプラットフォームで使えるマインドマップ
マインドマップは考えを整理するのに便利なチャートです。頭で悶々と考えている内容をどんどんアウトプットするためにも、ユーザビリティが高く、使い勝手がいいものを選ぶのが良いでしょう。そこで今回はMindmappを紹介します。シンプルで手軽に使えそうなマインドマップアプリです。## Mindmappの使い方メイン画面です。!
mobile-drag-drop - スマートフォン/タブレットでもドラッグ&ドロップAPIを使う
HTML5で追加されたAPIの一つ、ドラッグ&ドロップはWebアプリケーションをよりローカルアプリケーションのように使えるようにするAPIです。主なターゲットはデスクトップのようですが、タブレットやスマートフォンも業務利用が増えています。そこで使ってみて欲しいのがmobile-drag-dropです。モバイル向けにドラ...