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

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

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

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

もっと見る

List

  • 2019/01/01

Kinocot - マスコットの入れ替えも可能なデスクトップマスコット

ソフトウェアにキャラクターを表示させることで、ユーザビリティを高くしたり、ストレスを下げられる効果が期待できます(Officeのイルカのように逆効果な場合もありますが)。デスクトップマスコットはまさにそのために存在します。そんなデスクトップマスコットとしてKinocotを紹介します。自分で好きなマスコットを動かすことが...

List

  • 2018/12/26

Body scroll lock - ブラウザのスクロールをロック

Webサイトは縦長のものが多く、スクロールを使うのが当たり前になっています。そんな中、埋め込みコンテンツでもスクロールできるようになっていると目的の部分にたどり着けずにストレスを感じるでしょう。そうした問題を解決できるのがBody scroll lockです。埋め込みコンテンツではなく、メインコンテンツ側のスクロールを...

List

  • 2018/11/28

TranslucentTB - タスクバーを透明にして壁紙を見やすく

デスクトップの壁紙をこだわっている時など、OS標準の情報をなるべく表示したくないと思うことでしょう。しかし画面から完全に消してしまうと、それはそれで不便な思いをします。そのため、我慢しながらPCを使っている人も少なくありません。タスクバーを透明に、しかしアイコンはそのままにしてくれるユーティリティがTranslucen...

List

  • 2018/11/11

KeyPose - 入力しているキーを表示

チュートリアル動画などを撮っていて困るのがキーボードショートカットです。何を入力しているか、視聴者からは見えないので口で説明したり、マウスで操作しなければなりません。プログラミングなどを行っていると、説明しながら入力するのは大変です。そこで使ってみたいのがKeyPoseです。入力されているキーを可視化してくれるユーティ...

List

  • 2018/11/09

jikkyo - 画面上にニコニコ動画風にコメント表示

プレゼンなどをしていて、聞いている人たちの反応をダイレクトに受けたいと思うことがあります。そんな時に使えるのがTwitterで、ニコニコ動画風に画面上にコメントを表示するソフトウェアが欲しいと思うことでしょう。幾つかあるのですが、Twitter APIのバージョンなどによって動かなくなっているものも多数あります。そこで...

List

  • 2018/10/23

Gray - アプリケーション単位でライトモード/ダークモードを設定

macOS Mojaveから追加されたダークモードを使っている人は多いかと思います。しかし、すべてのアプリケーションがダークモードで良いのでしょうか。ライトモードの白いデザインのが合うアプリケーションだってあるはずです。そこで使ってみたいのがGrayです。アプリケーションごとにライト/ダークモードを設定できます。## ...

List

  • 2018/10/23

Nocturnal - ライト/ダークモードをワンクリックで切り替え

最新のmacOS Mojaveから外観にダークモードが追加されました。テーマを全体的に暗くしてくれる機能です。元々黒い画面になれている開発者などはダークモードを選んでいる人も多いのではないでしょうか。そんなダークモードとライトモードの切り替えをワンクリックでできるのがNocturnalです。## Nocturnalの使...

None

  • 2018/09/03

rb - 標準出力をRubyで処理

開発者であればターミナル操作を行う機会は多いでしょう。各コマンドは独立しており、パイプなどを通じて一繋ぎの操作を実現します。しかしシェル芸という言葉があるくらい、熟練者とそうでない人とで実現できるものが異なります。さらにシェルスクリプトですべてを記述するのはコード量も多くなったり、正規表現を駆使しなければならないでしょ...

List

  • 2018/08/12

Pushbar.js - 上下左右どこからでも出せるドロワー

最近は常にヘッダーバーを表示しているサイトが増えていますが、正直うざいを感じることがあります。画面の大きくないスマートフォンなどではヘッダーが常にあることで表示されるコンテンツが狭くなってしまいます。そこで使ってみたいのがドロワーです。ユーザアクションに応じてヘッダーなどを表示する方がユーザビリティが高いと言えるでしょ...

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の使い方実際に動いているところです。!