ITエンジニア/デザイナ向けにオープンソースを毎日紹介

ユーティリティの記事一覧

プレミアムユーザー限定記事

MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから

もっと見る

List

  • 2018/07/14

Gesture Helper - Webブラウザのスワイプ操作、ズームを検知

スマートフォンはこれまでにない操作を生み出しました。例えばスワイプ操作であったり、ズームやパンといった操作もインタラクティブに行われます。デスクトップとの整合性を取るのに苦労することもあるでしょう。そこで使ってみたいのがGesture Helperです。スマートフォンのみならず、デスクトップでもスワイプ操作などを可能に...

List

  • 2018/07/13

Color Picker Plus - macOS標準のカラーピッカーを拡張

macOSには標準のカラーピッカー機能があります。簡単な使い方であれば十分ですが、Photoshopなどの専門的なソフトウェアの備えるカラーピッカーに比べると貧弱な機能であるのは否めません。そこで使ってみたいのがColor Picker Plusです。OS標準のカラーピッカーを拡張してくれるソフトウェアです。## Co...

List

  • 2018/07/09

Pickr - シンプルで使い勝手のいいカラーピッカー

ユーザに色を選んで欲しいと思うケースはよくあります。例えばユーザ毎にページをカスタマイズしたり、スキン機能のオプションで設定できるような場合です。そんな時に色をRGBで文字指定するのは無理があるでしょう。そこで使ってみたいのがPickrです。高機能で、依存ライブラリのないカラーピッカーです。## Pickrの使い方デモ...

List

  • 2018/05/08

YubinBango - 郵便番号検索の決定版

郵便番号検索は多くのWebサイトで実装されています。しかし使い勝手の良いところは限られます。ポップアップが出たり、画面全体を再読込したりするものは、とても使い勝手が良いとは言えません。今回紹介するYubinBangoは郵便番号検索のユーザビリティを極めたソフトウェアです。## YubinBangoの使い方デモです。郵便...

List

  • 2018/03/14

AppGrid - macOS用のVimライクな操作のできるウィンドウ管理

現在主流のGUIはマウス操作が必須になっています。しかし開発者であればキーボードを多用することもあって、マウスやタッチパッドに手をやるのが億劫という方も多いでしょう。一度マウスに手をやると逆にホームポジションに戻すのが面倒になり、生産性が低下します。そこで使ってみたいのがAppGridです。macOSでのウィンドウ操作...

List

  • 2018/02/13

RunningApps - 実行中のアプリの一覧&切り替え

デスクトップやラップトップが高性能化すると、ついつい多くのアプリケーションを立ち上げたままにしてしまいがちです。その結果、動作が重たくなったり、アプリケーションの切り替えがスムーズでなくなったりします。そこで使ってみたいのがRunningAppsです。現在実行されているアプリケーションを一覧し、切り替えができるソフトウ...

List

  • 2018/01/20

Termipal - ターミナルに小さなUIを追加

macOSのベースはUnixなので、CLIコマンドが使えるのが便利です。しかし開発者でない方にとっては黒い画面と呼ばれたりして、なかなか浸透しません。インタラクティブな入力ができるといっても、対話型での文字入力も不便に感じるでしょう。そこで使ってみたいのがTermipalです。ターミナルの下にちょっとしたGUIを追加で...

List

  • 2017/12/22

Splitter - 縦横自在にコンテンツ領域を変更

情報の見せ方はなるべく提供側でコントロールしたいと思うものですが、そもそもWebの場合はデバイスの画面幅が異なったりして一様とはいきません。むしろユーザがコントロールできるようにした方がユーザビリティが高いとさえ言えるでしょう。そこで使ってみたいのがSplitterです。グリッド内に表示されるコンテンツの幅や高さを自由...

List

  • 2017/12/07

Multi-Step-Form-Js - フォームをマルチステップに変換

入力フォームが長かった場合、幾つかのステップに分割することがあります。そうした時、都度サーバに飛ばす方式が選ばれることが多いですが、その度にデータの送信とレンダリングが行われて面倒です。そこで使ってみたいのがMulti-Step-Form-Jsです。jQueryでフォームをマルチステップに変換してくれます。## Mul...

List

  • 2017/11/08

FollowCursor - マウスカーソルに合わせてDOMを変形

WebはJavaScriptを活用することでインタラクティブな効果が実現できます。ユーザにとってみれば、自分の起こしたアクションに対して反応があるのは嬉しいことです。ユーザ体験という意味でも見逃せません。今回はユーザのマウス操作を追従してくれるFollowCursorを紹介します。DOMの形をマウスに合わせて変更できま...

List

  • 2017/11/01

Lottery - 何が当たるかな。Webベースの抽選マシーン

みんな大好き抽選会。何かいいものが当たらないかとわくわくしながら待っていることでしょう。主催者側にとっては、そのワクワク感をさらに盛り上げるための工夫が必要になります。今回はLotteryを紹介します。見た目の演出も楽しい、抽選マシーンです。## Lotteryの使い方実際に動いているところです。!

List

  • 2017/10/22

Etcher - 3ステップで簡単にイメージ書き込み

イメージファイルをダウンロードして、それをSDカードやUSBドライブに展開する操作は意外と面倒です。macOSやLinuxであればddを使いますが、毎回コマンドを忘れて調べたりします。Windowsでは専用のソフトウェアを手に入れる必要があります。そこで使ってみたいのがEtcherです。Electron製でマルチプラッ...

List

  • 2017/08/12

NoSleep - MacBookを閉じても眠らせない

通常、ノートPCやラップトップは画面を閉じるとスリープになります。これは当然なのですが、場合によっては都合が悪いです。例えば会社ですでに外付けキーボードとマウスやディスプレイがアリ、ノートPCは閉じて置いたまま使うケースです。そうしたクラムシェルモードでmacOSを使いたい場合はNoSleepを使いましょう。## No...

None

  • 2017/07/07

fillin - 任意のコマンドを対話型入力に

コマンドを入力する時、多くはオプションを指定して実行します。それらは非常に数多くなることがあり、一行のコマンドが長くなってしまいます。その点、対話型のコマンドでは指定された情報を順番に入力していけば良いので分かりやすくなります。fillinは任意のコマンドを対話型にしてくれるソフトウェアです。## fillinの使い方...

List

  • 2017/06/15

roulette - 抽選で当てよう

集まった人たちに対して景品を出したりする時、その抽選をする仕組みが必要です。ビンゴであればビンゴマシーンが必要ですし、ごく少ない人数であればあみだくじでも良いでしょう。そこで使ってみたいのがrouletteです。何が当たるか楽しみな抽選ソフトウェアです。## rouletteの使い方最初の画面です。!

List

  • 2017/06/06

Keypad Layout - キーボードでウィンドウの大きさ、配置を変更

ウィンドウの位置に悩んだ経験はないでしょうか。二つの画面を見なければならない時、幾つかの画面をタイル上に並べたいと思うときは多いものです。マウスでいちいち調整するのは面倒ですし、ストレスを感じます。そこで使ってみたいのがKeypad Layoutです。キーボードでウィンドウの位置や大きさを調整できます。## Keypa...

List

  • 2017/05/04

open_newtab - 指定したディレクトリを新しいタブで開く

macOSで便利なコマンドにopenがあります。ディレクトリを指定すれば、そこをFinderで開いてくれる機能です。ターミナルで移動しながら、そこをGUI側で開きたいという時に役立ちます。しかし問題は常に新しいウィンドウで開くことです。何度も使っているとウィンドウが多数開いて煩わしくなります。そこで使ってみたいのがop...

List

  • 2017/04/28

PacmanPageControl - アプリのチュートリアルにパックマンを!

iOSアプリなどで最初にチュートリアルを表示することがよくあります。スワイプして次のステップに進んでいきます。そのステップを通じてユーザはアプリの使い方を学んでいきます。その時によく使われるのが小さなドットです。あのドット、何かに似ていると感じないでしょうか。言われてみれば!というところなのですが、パックマンのエナジー...

List

  • 2017/04/22

Slow Quit Apps - 間違った終了操作からアプリを守る

macOSを操作していてあるあるなのが、間違ってコマンド + Qを推してしまってアプリが終了してしまうと言うことです。保存していないコンテンツが全部消えてしまったり、ブラウジング中だったタブもすべてリセットされてしまったりします。そこで使ってみたいのがSlow Quit Appsです。アプリの終了をほんの少しだけ遅らせ...

List

  • 2017/03/20

Snapp - ウィンドウをぴったり寄せる

仕事をしている中で、二つのウィンドウを並べて比較しながら作業することはよくあります。そんな時、ウィンドウ同士が微妙に重なったり、隙間があるとストレスを感じる人もいるでしょう。そこで使ってみたいのがSnappです。ディスプレイサイズに合わせてウィンドウ同士をぴったりな位置に合わせてくれます。## Snappの使い方Sna...