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

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

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

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

もっと見る

List

  • 2020/08/09

AKAINO WARAI - Twitter上で遊べるミニゲーム

TwitterにはWebサイトを埋め込める機能があります。それは主にアニメーションGIFであったり、動画を再生させるための機能なのですが、特に機能的に限定されている訳ではないようです(規約上は制限されているようです)。そんな機能を使って作られたのがAKAINO WARAIになります。Twitter上で動く福笑いアプリで...

List

  • 2020/08/09

Flokk - GitHub/Twitterと連携したコンタクト管理

メールを送る機会は数年前に比べるとずっと減っている気がします。FacebookやTwitter、Slackで連絡する方が早くて手軽です。アドレス帳といわれるものも、その存在を考えるべきかも知れません。FlokkはGitHubとTwitterに注目したコンタクト管理ツールになります。Webやデスクトップアプリケーションと...

List

  • 2020/08/08

Placeholdifier - 既存のサイトをワイヤフレーム化

Webサイトのデザインを作る際には、テキストや画像を適当に塗りつぶした状態で作ります。あまり情報を多くすると余計なところが気になってしまうものです。これは既存のWebサイトを改善する際に、元のスクリーンショットを使うと問題になります。余計なログインアイコン、テキストなどに注目が集まってしまって、本来考えるべきデザインに...

List

  • 2020/08/08

XP Paint - 懐かしいWindows XPのペイントアプリをWebアプリケーションとして再現

少し前ではローカルでしか実行できなかったようなアプリケーションが、今ではWebブラウザ上でさくさく動くようになっています。それによってOSの垣根を越えて、自由に使えるようになるでしょう。今回紹介するのは懐かしいWindows XPベースのPaintアプリを再現したXP Paintです。## XP Paintの使い方メイ...

List

  • 2020/08/07

MonitorControl - モニター毎に輝度とボリュームを設定

macOSではモニターの輝度やボリュームを設定する際に、モニターを指定することができません。複数モニター使っている人にとって、全体で統一された設定になるのは好まないこともあるでしょう。そこで使ってみたいのがMonitorControlです。外部モニター一つ一つに対して輝度とボリュームを指定できます。## Monitor...

List

  • 2020/08/07

FontCDN - GoogleのWeb Fontをまとめてプレビュー

GoogleではWebフォントを無料で公開しています。サイズが大きくなりがちなWebフォントをGoogleが高速なCDNで配信し、さらに多数のWebサイトで共有することでキャッシュも有効になります。日本語フォントはあまり多くありませんが、多少のフォントは対応しているようです。そんなWebフォントでの表示をまとめて確認で...

List

  • 2020/08/06

code2img - コードを画像化するコマンド

プログラミングコードをブログの中に差し込んで表示したいと思うことがあります。しかしブログエンジンにコードのハイライト機能がなかったらどうなるでしょうか。酷い、読みづらいコードが表示されてしまうかも知れません。読みづらいものよりは、まだ画像の方がマシなこともあります。そんな時に使えるのがcode2imgです。## cod...

List

  • 2020/08/06

map33.js - Three.jsを使って3D地図を生成

ただ地図を表示するだけでも面白いのに、それが立体になるとさらにワクワクします。これはGoogleアースなどで立体的な地図を見た時、誰もが感じた感情でしょう。立体化されることで、より体験がリアルに感じられます。今回紹介するmap33.jsはWeb上で地図を立体的に表示してくれます。建物などではなく、等高線に基づいた立体化...

List

  • 2020/08/05

orri - シンプルな静的ホスティングサービス

ここ数年、静的Webサイトホスティングが盛んです。Amazon S3のような完全静的なもの、GitHub PagesのようにJekyllなど特定のエンジンに対応するもの、Netlifyのように様々なカスタマイズが可能なものなど多数あります。今回紹介するorriは、その中でも強力な静的エンジンかも知れません。限定されたル...

List

  • 2020/08/05

Noteless - Flutter製のMarkdownエディタ

Dart、そしてFlutterを使うことでiOS/Android両方に対応したモバイルアプリが開発できます。UIが独自なので、どこまで作り込めるかが若干未知数なのですが、現在多くのアプリがFlutterで作られ始めています。今回はFlutter版のMarkdownエディタ、Notelessを紹介します。執筆時点ではAn...

None

  • 2020/08/04

termplotlib - CUIで綺麗なグラフを生成

Pythonは機械学習やデータ分析で使われる機会が増えています。そうした時に必要なのがデータのビジュアル化、可視化ではないでしょうか。グラフィックスを表示したり、グラフでデータを可視化することで、トレンドが理解しやすくなります。PythonをWebやGUIで使っているならmatplotlibが便利ですが、CUIならばt...

None

  • 2020/08/04

xcodes - Xcodeのバージョン管理ツール

Xcodeは最新のものを使うのが基本ですが、場合によっては古いバージョンを使わないといけないこともあります。さらに最新といってもベータと共存させて新しいiOS向けの開発と同時にこれまでのものをメンテナンスする機会も多いです。そんな様々なバージョンが混在するXcode環境を効率的に管理できるのがxcodesです。## x...

None

  • 2020/08/03

Purrito Bin - 暗号化にも対応したPastebinライクなサービス

ちょっとしたテキストやプログラミングコードを共有したい時にGistやPastebinといったサービスを使います。匿名で使えるものもあり、Pastebinではパスワードのリークなどに使われたりもします。今回紹介するPurrito Binはコマンドラインから使えるファイルアップロードサービスで、暗号化にも対応しています。#...

None

  • 2020/08/03

cutlet - 日本語をローマ字に変換

日本語に限りませんが、英語以外の文字を効率よく扱おうと思うと苦労します。今でこそUTF-8が当たり前ですが、かつては文字エンコードでさえ悩みどころでした。さらに英語にしか対応していないシステムがあり、日本語を除去して対応するなんて経験も少なくありません。今回紹介するcutletはかつての懐かしいkakashi相当の、日...

None

  • 2020/08/02

tunnelto - オープンソースのngrok代替

ローカルで作っているサービスを一時的に外部公開したい時、昔はダイナミックDNSを使っていました。しかし、これでは直接外部からコンピュータにアクセスできるのでセキュアではありません。そこで最近では外部サーバとローカルサーバを接続して、外部サーバ経由で使う方法が主流です。今回紹介するtunneltoはそんなサービスを実現す...

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...