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

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

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

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

もっと見る

List

  • 2020/08/02

Ward - ポップなデザインのシステム管理画面

一般的に開発者向けに作られるものは、UIが質実剛健で、簡素なものが多いように感じます。必要な情報だけを並べて、遊び心は少ないのではないでしょうか。それでもいいのですが、どうせなら触っていて楽しい気持ちになれるものがいいですよね。今回紹介するWardはサーバのダッシュボードUIになります。デザインがほんの少しポップです。...

List

  • 2020/08/01

ベクトルタイルを用いた3D風地図 - 地図上にベクトルタイルの建物データを表示

地図好きな人は大勢います。地図を見ているだけで、その街を空想したり、旅している自分を想像できます。さらに最近ではストリートマップや、写真によって、自分が本当にいるかのように感じることだってできるようになりました。今回紹介するベクトルタイルを用いた3D風地図は、地図の上に3Dオブジェクトを配置し、建物データを描画するデモ...

List

  • 2020/08/01

Gantt Chart - SVG/Canvas/SSRをサポートしたガントチャート

プロジェクト管理で度々使われるのがガントチャートです。タスク間のつながりが分かり、どのタスクがネックになるかが明確になります。また、スケジュール全体の進行状況であったり、担当者ごとのタスク量も分かります。そんなガントチャートを綺麗に表示してくれるライブラリがGantt Chartです。## Gantt Chartの使い...

List

  • 2020/07/31

Screenshot.Rocks - スクリーンショットを使ってWebブラウザのモックアップを作成

スクリーンショットをそのまま貼り付けるだけでは芸がありません。そこには余計な情報も入ってしまっているかも知れませんし、アイコンなどを消したいと思うこともあります。そんな時に使ってみたいのがScreenshot.Rocksです。Webブラウザのモックアップを使ったスクリーンショットを作成します。## Screenshot...

List

  • 2020/07/31

USA.css - 皆で使おう。アメリカっぽいCSS

アメリカは2020年に入って、様々な問題が噴出しています。インフルエンザが問題だったかと思えば、新型インフルエンザ、そしてBLMによるデモや暴動もはじまり、どうなるか余談が許しません。そんな中にあっても大統領選挙は実施されます。アメリカ国民が注目する大統領選挙、そんなアメリカンな情報サイトを作るのにぴったりなのがUSA...

List

  • 2020/07/30

Fwitter - Flutter製のTwitterクローン

アプリの面白さを知る上で、実際にクローンサービスを作ってみるという手があります。クローンを作れば、どういった動作をしているのか、どんな機能が必要なのも分かるでしょう。今回紹介するFwitterはFlutterで作られたTwitterクローンになります。バックエンドにFirebaseを使うことで、多数の機能が実際に利用で...

List

  • 2020/07/30

OpenAPI Map - OpenAPI Speficaitionをチャート化

情報は一覧で出した方がいいことも、ビジュアル的に出した方がいいこともあります。それによって複雑性や、全体像の把握のしやすさが異なるでしょう。閲覧側が自由に選択できると便利です。今回紹介するOpenAPI MapはOpenAPI Specificationのファイルをビジュアル化してくれるソフトウェアです。## Open...

List

  • 2020/07/29

IconEditor - Excelをアイコンエディタに

企業内には何でもExcelで行ってしまう強い人たちが存在します。Excel職人と呼ばれたりしますが、上級者はゲームを作ったり、音楽制作までExcel上で行ってしまうのです。今回紹介するIconEditorも、そんな本来のExcelが意図しなかったであろう使い方を追求しています。アイコンの作成です。## IconEdit...

List

  • 2020/07/29

gay - ターミナル出力をレインボーカラーに

レインボーフラッグはLGBTの尊厳と社会運動を象徴する旗となっています。ソーシャルメディアのアイコンをレインボーカラーにして、LGBTを広める活動をおこなっている時期もあります。そんなLGBTをテーマとしたソフトウェアがgayです。ターミナル上でレインボーカラーの出力ができます。## gayの使い方実行する度にランダム...

List

  • 2020/07/28

FaceMeshFaceGeometry - FaceMeshをWebカメラで体感する

FaceMeshというのは顔の凹凸や境界、ランドマークを認識します。映像に映った顔を凹凸ある3Dオブジェクトとして認識できます。これを使えば、2Dの画像を貼り付けて、立体感ある映像に仕上げたりできます。ということで実際にどんな感じになるのかはFaceMeshFaceGeometryを見てみましょう。## FaceMes...

List

  • 2020/07/28

fontvuer - Vue製のマルチプラットフォームで使えるフォントビューワー

コンピュータの中には多くのフォントがインストールされています。それぞれのフォントを切り替えて表示したくらいでは、何が違うのか分からなかったりします。また、一つ一つ切り替えながら確認するのは億劫です。そこで使ってみたいのがフォントビューワーになります。今回はマルチプラットフォームで使えるfontvuerを紹介します。##...

List

  • 2020/07/27

shellnium - ShellスクリプトでWebブラウザを自動操作

Seleniumを使うとWebブラウザをプログラミングコードから自動操作できます。よくWebブラウザのテストなどで使われていますが、スクレイピングや業務システムの自動操作でも利用されます。今回紹介するshellniumは、そんなSeleniumをシェルスクリプトで操作するソフトウェアです。## shellniumの使い...

List

  • 2020/07/27

Parallax-effect - Webカメラを使ったパララックスエフェクト

パララックスエフェクトというと、マウスのスクロールに差異を持たせて奥行きを感じさせるのが一般的です。手前は早く、奥はゆっくり動かすことで、距離を感じさせるのはアニメやゲームでもよく行われている手法です。今回紹介するParallax-effectはWebベースで、顔をトラッキングして行うパララックスエフェクトです。## ...

None

  • 2020/07/26

Trex - deno用のパッケージ管理

新しいJavaScript実行環境であるdenoでは、パッケージ管理を行いません。ネットワーク上からのファイルも読み込み可能で、実行時に取得します。これは便利な仕組みですが、場合によってはパッケージ管理したいでしょう(特にバージョンを固定化したい、キャッシュしたい場合など)。そこで使えるのがTrexです。JSONファイ...

List

  • 2020/07/26

ydiff - ターミナルで左右に並べた差分表示

バージョン管理では差分表示ツール(diffツール)がセットとして使われています。ターミナルなどでは縦型の差分表示が多いですが、GUIやWebでは左右に並べた表示が多くなっています。左右の方が、実際には分かりやすいのでしょう。そこで使ってみたいのがydiffです。ターミナルベースで、左右に並べた差分表示が実現できます。#...

List

  • 2020/07/25

Tasks - AstridクローンなTodo管理

Todo管理は何で行っていますか。Webサービスを使っている人もいれば、スマートフォンを使っている人もいます。紙でやっているという人だっているでしょう。大事なのは何よりも継続することです。今回はTasksという名前の通りのTodo管理アプリを紹介します。かつてあったAstridというアプリを模したTodo管理アプリです...

List

  • 2020/07/25

pptx2md - PowerPointファイルをMarkdownに変換

PowerPointはオフィスでよく使われます。ドローが使えるので、図を書いたりするのに重宝している人も多いでしょう。プレゼンのスライドでももちろん利用され、気がつくと大量のPowerPointファイルがたまっているかも知れません。そんな方に使ってみて欲しいのがpptx2mdです。PowerPointファイルをMark...

None

  • 2020/07/24

runc - Cのコードをターミナル上で実行

C言語でちょっとしたコードを動かそうと思ったら、コードを書いてファイルに保存して、コンパイルして実行します。なんと手順が多いのでしょう。RubyやPython、nodeのようにインタプリタがあると便利だと感じたことはないでしょうか。そこで使ってみたいのがruncです。標準入力した文字列をC言語として実行します。## r...

None

  • 2020/07/24

tokei - プロジェクト内の利用されている言語を解析

システム規模を推し量る際に、コード量はよく使われます。コード量が多ければいいわけではありませんが、量が多ければそれだけ大型なシステムであるといえるでしょう。今回紹介するtokeiはRust製のコード量測定ソフトウェアです。## tokeiの使い方あるプロジェクトで実行したところ。一瞬で結果が返ってきます。```$ to...

List

  • 2020/07/23

duree - ミニマリスト向けスタートページ

Webブラウザのスタートページは何を設定していますか。標準のまま使っている人もいるでしょうし、会社のポータルサイトのURLをしているケースも多いでしょう。頻繁に使うものを設定しておくと便利です。今回紹介するdureeはローカルのブックマークをカスタマイズして表示するスタートページです。## dureeの使い方普通にブッ...