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

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

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

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

もっと見る

List

  • 2019/05/12

Ikonate - カスタマイズ重視のSVGアイコン集

SVGの良いところはXMLでベクターベースなのでJavaScriptからカスタマイズしやすいということです。色などはもちろん、表示する向きなども変えられます。拡大、縮小しても綺麗なのも嬉しいポイントです。そんなSVGアイコンとしてIkonateを紹介します。カスタマイズしやすいのが売りのSVGアイコン集です。## Ik...

List

  • 2019/05/11

Gandul - 簡単に画像の遅延読み込みを実現

Webサイトは縦長なページが多く、その中で画像を多用していることも多いでしょう。そんな時、HTMLを読み込んだタイミングで画像も読み込んでしまうとネットワークの負荷が高くなります。それを防ぐ遅延読み込みもありますが、技術的に面倒と感じている人も多いかと思います。そこで使ってみたいのがGandulです。簡単に遅延読み込み...

List

  • 2019/05/11

Water.css - 読み込むだけでちょっと綺麗なデザインに

Webは自由度の高いプラットフォームです。WebブラウザはHTMLとCSSを使ってデザインするのが前提で、デザインしない時の表示は酷いものです。しかし、こったデザインをするのは時間がかかります。そこで使ってみたいのがWater.cssです。CSSファイルを読み込むだけで、ちょっと良い感じのデザインにしてくれます。## ...

List

  • 2019/05/10

Ripcord - SlackとDiscordを統合するチャットクライアント

オンラインでのコミュニケーション手段は様々にあります。チャットで有名なのはSlackですが、ゲーム界隈ではDiscordの方が使われている傾向があります。対象層によって利用するサービスが異なるのはよくある話です。そこで今回はSlackとDiscordを同時に使うのに便利なRipcordを紹介します。## Ripcord...

List

  • 2019/05/10

jQuery Rowspanizer - 動的にHTMLテーブルのrowspanを設定

これは良いアイディア!HTMLでテーブルはよく使われます。検索結果やレポーティングなど活躍の幅は広いです。そしてデータを表示する際に、重複した項目はセルを連結して表示するでしょう。しかし、colspan/rowspanをシステムで動的に設定するのは非常に面倒です。そんな時に使ってみたいのがjQuery Rowspani...

List

  • 2019/05/09

press-ready - PDFをPDF/X-1aに変換

PDF/X-1aという規格があります。これはPDFの一種で、印刷用PDFフォーマットになります。DTP・印刷用語集

List

  • 2019/05/09

VSCodium - VS Codeを完全にオープンソース化

VS Code(Visual Studio Code)は開発者に人気のプログラミングエディタです。操作性、テーマ、機能拡張など便利な機能がたくさんあります。仕事で使っている方も多いのではないでしょうか。VS Codeはオープンソース・ソフトウェアですが、Microsoftのトラッキングコードやロゴ商標などが絡んでいるの...

List

  • 2019/05/08

falling-nes - 2018年になって生み出されたファミコンゲーム

ファミコンエミュレータは多数あれど、問題はROMがないことが問題です。自分でファミコンカセットを持っていればオンラインにあるROMを手に入れても良いですが、ファミコンカセットの流通量も多くはありません。そこでぜひ試して欲しいのがfalling-nesです。オープンソース、2018年になってリリースされたファミコンゲーム...

List

  • 2019/05/08

rustynes - Rust/WebAssemblyで作られたファミコンエミュレータ

プログラムを覚える上でWikiや掲示板を作ってみるのは良いネタですが、バイナリファイルの扱いを覚えたりする時には何を題材にすると良いでしょうか。敷居は高いですがチャレンジしてみて欲しいのがファミコンエミュレータです。多くのプログラミング言語でファミコンエミュレータが作られていますが、今回はWebブラウザ上で動作するru...

List

  • 2019/05/07

MapKnitter - 地図の上に写真やテキストを投影

地図は単に閲覧するだけでなく、自分の持っているデータと重ね合わせて表示したりすると楽しみ方の幅が広がります。古地図を重ね合わせるMaplat

List

  • 2019/05/07

Guetzli.js - Webブラウザ上でJPEGエンコーディング

デジカメやスマートフォンの普及によってデジタル画像コンテンツが爆発的に増えています。さらに、その画質は年々向上しており、サイズも肥大化しています。撮った写真をそのまま載せると数十MBあるということも少なくありません。そこで必要なのがリサイズであったり品質を変更した画像サイズの縮小処理です。今回はJavaScript/W...

List

  • 2019/05/06

QuickChart - Google Chart APIの代替

Webでグラフを表示したいというニーズはよくあります。そのためのライブラリやAPIを提供するサービスも多数あります。有名なものに一つにGoogleのグラフAPIがありますが、業務システムの数字を出すのは控えてしまうでしょう。そこで使ってみたいのがオープンソースのグラフAPIサーバ、QuickChartになります。社内で...

List

  • 2019/05/06

PWABuilder - PWAを開発する際のお供に

PWA(Progressive Web Apps)に注目が集まっています。ネイティブアプリにしかできないことはたくさんありますが、Webアプリケーションでも十分という領域はどんどん増えています。そんな中、iOSも対応範囲を増やしており、実用レベルになってきています。PWAを作っている方はPWABuilderを使ってどれ...

List

  • 2019/05/05

YouTube Live Chat Flow - YouTube Liveのチャットをニコニコ動画風に表示

YouTube Liveにはチャット機能があります。動画を見ながら世界中にいる人たちと会話が楽しめる機能ですが、動画の右側に表示される方式はUstream時代から進化していない、オールドスタイルなものです。今回紹介するYouTube Live Chat Flowはチャットの表示を動画の上に重ねる、いわゆるニコニコ動画や...

List

  • 2019/05/05

Reanimate - アニメーションするSVGをプログラマブルに生成

SVGはXMLベースのドローフォーマットで、JavaScriptや他のプログラミング言語から扱いやすいのですが、なかなか広まりません。素のSVGを理解し、使っていくのは敷居が高く、使いやすくラッピングしたライブラリの登場が期待されます。今回はHaskellを使ってアニメーションするSVGを生成できるReanimateを...

List

  • 2019/05/04

Word to Markdown Converter - Doc/DocxからMarkdownに変換

社内にはたくさんのオフィスファイルがあると思いますが、開発者にとっては使いやすいフォーマットではありません。テキストベースでバージョン管理に登録したり、編集したいと思うのではないでしょうか。そこで使ってみたいのがWord to Markdown Converterです。Wordファイル(docx/docとも)をMark...

List

  • 2019/05/04

inlets - ローカルのサービスをインターネット上に公開する

ローカルホストのサービスを公開するソフトウェアは幾つかあります。例えばngrokや、最近ではNetlify Devがサービス開始しました。ローカルを手早く公開できることでライブコーディングやちょっとしたデモ公開が容易になります。inletsはそんなngrokやNetlifyに通じるソフトウェアです。オープンソースなので...

None

  • 2019/05/03

rels - GitHubリリースのダウンロード数を表示

GitHubのリリースを使ってファイルを配信している人は多いでしょう。ダウンロード数を見れば、作ったソフトウェアがどれくらい普及しているのか分かります。リリース直後はついつい気になって見に行ってしまうものです。そんなGitHubのリリースを簡単に見られるのがrelsです。CUIから利用できます。## relsの使い方r...

List

  • 2019/05/03

RasDash - Raspberry Pi用のダッシュボード

Raspberry Piがとりあえず家に一台あるという人は多そうです。しかし使いどころが見つからずに放置してしまっている人も多いのではないでしょうか。まずステータスを表示するダッシュボードとして使ってみるのはいかがでしょう。そのベースとして使えそうなのがRasDashです。WebブラウザからアクセスできるRaspber...

List

  • 2019/05/02

Light Cutter - Windows3.1から使えるスクリーンショットツール

Windowsでスクリーンショットを撮影するとクリップボードに入って使い勝手が悪かったのですが、Windows10になってファイルとして保存できるようになりました。しかし、まだまだ細かい気配りが足りていません。そこで使ってみたいのがLight Cutterです。Windows3.1時代から使えるスクリーンショットツール...