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

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

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

2017/12/14
できることを全力でやる
2017/11/25
恥ずかしさを感じないためにできること
2017/11/11
プロジェクトを遅延させないコミュニケーションパス管理

もっと見る

List

  • 2020/05/25

lit - 軽量なレスポンシブWebフレームワーク

CSSフレームワークは大型なものになるほど便利な機能が追加されますが、その制約もまた大きくなります。Webデザイナーであれば、レスポンシブなどの機能だけあって、他は自由度が高いものを選びたいと思うのではないでしょうか。今回紹介するlitはわずか395byteしかないレスポンシブWebフレームワークになります。小さいだけ...

List

  • 2020/05/24

Bridge.NET - C#をJavaScriptに変換するコンパイラ

Webブラウザ上で動作する保証があるプログラミング言語はJavaScriptしかありません。しかし、型がないスクリプト言語とあって、素のまま使うのを躊躇してしまう人は大勢います。その結果、TypeScriptなどを使う人も多いです。今回紹介するBridge.NETはC#からJavaScriptに変換するコンパイラです。...

List

  • 2020/05/24

styled-icons - 13,500種を超えるアイコンフォント集

Webサイトを使いやすくしてくれるアイコンフォントは多数存在します。一つですべて済む場合もあれば、幾つも組み合わせたい場合もあるでしょう。足りない時に、都度追加していくのは面倒です。そこで使ってみたいのがstyled-iconsです。13,500種類以上のアイコンが使えるようになるライブラリです。## styled-i...

List

  • 2020/05/23

Somoji - 絵文字で効果音

オンラインミーティングやミートアップ時において、周囲の反応は欲しいものです。しかし、声を出してしまうと話しづらくなってしまうという問題があります。そこで試したいのがリアクションです。チャットなどではテキストで返す代わりに絵文字を使ったリアクションが便利です。同様に音声チャットであればSomojiが便利かも知れません。#...

List

  • 2020/05/23

Strike - 白黒時代を感じさせるペイントソフトウェア

ペイントソフトウェアは幾つも存在します。自由に線を引いたり、模様を描いたり、レイヤーがあったりと多機能なものもたくさんあります。写真の上に線を引いたり、地図に注釈を付けたりするのにもペイントソフトウェアが活躍します。そんなペイントソフトウェアとしてStrikeを紹介します。白黒調の、ちょっと変わったペイントソフトウェア...

List

  • 2020/05/22

a-Shell - iOS用のターミナル

外出先でサーバにトラブルがあった時、ノートPCを取り出すのは難しいことがあります。しかしスマートフォンであれば問題ないでしょう。そしてスマートフォンからネットワーク接続できれば、見事事態を解決できるはずです。そんな時のために用意しておきたいのがa-Shellです。iOS上で動くターミナルです。## a-Shellの使い...

List

  • 2020/05/22

Paint By Wasm - 画像からカラーパレットを生成

デザインを行う際に、色数が多すぎるのはよくありません。数種類の絞り込まれたカラーパレットを作り、そこから選んで使うのが一般的でしょう。そのためカラーパレットを作るのが最も重要な作業になります。写真やイラストなどからカラーパレットを作る場合、便利そうなのがPaint By Wasmになります。## Paint By Wa...

List

  • 2020/05/21

Play FLV in Browser - FLVファイルをWeb上で再生する

Flashといえば、2000年代を代表するWeb技術でした。HTML5とスマートフォン(iPhone)の登場によって一気に主役の場を奪われましたが、それでもかつて作成した資産が多数残っています。例えばFlash製の動画コンテンツもその一つです。今回はFlv形式の動画ファイルをHTML5で再生するPlay FLV in ...

List

  • 2020/05/21

hourTimer - 1時間集中して作業するためのタイマー

人が集中して作業できる時間はそれほど長くありません。そのため、期限も決めずに作業し続けるのは困難でしょう。例えば30分、1時間といった具合に、あらかじめ終わりを決めて取り組むことで集中力を維持して仕事を行えます。今回紹介するhourTimerは1時間タイマーのアプリになります。集中して仕事を進める時に使ってみましょう。...

List

  • 2020/05/20

pattern.css - 背景に使えるパターンをCSSで

Webサイトの背景というと、一色で塗りつぶされたものをつい想像してしまいます。派手なものになると画像を使いますが、用意するのも面倒です。もう少し手軽に、それでいて印象深い方法はないでしょうか。そこで使ってみたいのがpattern.cssです。繰り返しのパターンを背景に適用できるCSSライブラリです。## pattern...

List

  • 2020/05/20

98.css - Windows 98を再現するCSS

世の中は進化しており、どんどんいい方向に進んでいるはずです(恐らく)。コンピュータも年々進化しており、時代に合わせて使い勝手がよくなっています。しかし、人はつい過去の思い出を美化し、ノスタルジックに浸りたくなるもののようです。今回紹介する98.cssはWindows 98を彷彿とさせるCSSになります。## 98.cs...

List

  • 2020/05/19

Zoom Web Browser - Zoomのバーチャル背景を変更するコマンド

Zoomではバーチャル背景と呼ばれる機能で、背景画像を別なものに差し替えられます。一般的には画像、または動画を指定できます。画像の場合、設定画面で差し替えないといけないので面倒です。そこで使ってみたいのがZoom Web Browserです。背景画像をコマンド一つで差し替えられるようになります。## Zoom Web ...

List

  • 2020/05/19

Bypass Paywalls Clean for Chrome - ペイウォールを乗り越えるChrome機能拡張

多くのニュースサイトではペイウォールと呼ばれる仕組みを導入しています。毎月、決まった記事数は読めるものの、一定数以上読もうとすると支払いを迫る仕組みです。サーバ側で制御している場合もありますが、多くはWebブラウザだけで簡易的に行っています。そんな簡易的な制御を破るのがBypass Paywalls Clean for...

List

  • 2020/05/18

Kanmail - カンバンライクなUIのメールクライアント

カンバンはプロジェクトに限らず、様々な場面で利用できます。元々トヨタで生産管理で使っていたアイディアですし、ステータスを可視化するという意味では、もっと利用場面は多そうです。今回紹介するKanmailはカンバンをメールに適用するアイディアを持ったソフトウェアです。## Kanmailの使い方まずアカウントを登録します。...

List

  • 2020/05/18

PWA install - PWAインストール体験を向上させる

PWA(Progressive Web Apps)ではWebアプリケーションをローカルアプリのようにインストールできます。しかし、ユーザとしてはインストールするメリットが見えないとインストールしてくれないでしょう。そこで使ってみたいのがPWA installです。ユーザがインストールしたくなるように促せるウィザードライ...