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

ライセンス - MIT Licenseの記事一覧

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

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

もっと見る

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

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

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

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

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

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

List

  • 2020/07/30

Fwitter - Flutter製のTwitterクローン

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

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

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

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

None

  • 2020/07/26

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

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

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の使い方普通にブッ...

List

  • 2020/07/22

particles.js - Web上のパーティクルライブラリ

格好いいパーティクルは魅力的です。アプリケーションやWebサイトの彩りとして、未来感を与えたり、インタラクティブ性を感じられます。炎や星空など、様々なパーティクルがあるでしょう。今回紹介するparticles.jsは線が結びついたパーティクルを生成します。使いどころは意外とありそうです。## particles.jsの...

List

  • 2020/07/20

Ct.js - Web上で動く2Dゲームを開発できるプラットフォーム

ゲームを開発する際に、一から組み上げていくのはとても時間や工数がかかるでしょう。ゲームではマウスやキーボードとの連携であったり、グラフィックスの扱いも必要です。衝突判定や物理エンジンなども必要で、これらを自力で組み立てたり、既存ライブラリを組み合わせるのも選定が問題になります。そこで使ってみたいのがゲームエディタになり...

List

  • 2020/07/20

asperitas - シンプルなRedditクローン

Redditは歴史の長いコミュニティサイトです。様々なカテゴリ(Subreddit)があり、トレンドからディープな話題まで話されています。日本語のカテゴリも幾つかあります。そんなRedditのシンプルなクローンがasperitasです。## asperitasの使い方一覧です。!