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

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

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

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

もっと見る

List

  • 2017/08/15

CSS Browsers - CSSで作られたブラウザウィンドウ

GUIのWebブラウザの歴史は長いです。Mosaicの時代から考えるとすでに25年近いのではないでしょうか。その後NetscapeやFirefox、IE、Safari、Opera、Chromeなど様々なブラウザが誕生しました。そんなブラウザの遍歴をうかがい知れるのがCSS Browsersです。なんとCSSで作られたブ...

List

  • 2017/08/02

Chameleon.js - 画像からカラーパターンをピックアップ

Webサイトのデザインを考える上で色彩は重要なパーツです。それだけに慎重に選ばざるを得ません。同系色でまとめれば良いという訳でもなく、一見すると合わないような色合いでも意外とマッチするケースもあります。そんなカラーパターンを既存の画像からピックアップしてくれるのがChameleon.jsです。## Chameleon....

List

  • 2017/07/26

CrankStarter - Kickstarterクローン

Kickstarterで出資をしたことがあるでしょうか。まさに未来のプロダクトや作品が並んでおり、ついつい参加したくなってしまいます。納期が遅れるのは当たり前で、むしろ予定を過ぎてからが本番とさえ言えます。中には破綻して届かないものもありますが…。そんなKickstarter風のサイトを立ち上げてみたかったらCrank...

List

  • 2017/07/04

snack - まずいレベルで似せすぎているSlackクローン

良いサービスにはクローンが存在します。クローンが本家を乗っ取ることは殆どありません。ごく限られたニーズであったり、社内で利用すると言ったところで小さく利用される程度です。しかし利用者にとってはぴったりと当てはまるニーズが存在するでしょう。Slackについても同様で、多数の類似チャットサービスが存在します。今回はその一つ...

List

  • 2017/06/01

KanbanDown - Markdownからカンバン風リストを生成

Markdown記法は十分に認知されています。そのためMarkdown記法をベースにソフトウェアを作れば、開発者はすぐに使い方を覚えてくれるようになります。これは大きなメリットです。今回紹介するKanbanDownはMarkdown記法からカンバン風タスクリストを生成してくれるソフトウェアです。## KanbanDow...

List

  • 2017/06/01

maildown - Markdownを日本企業で使えるメール文面に変換

Markdownが便利な記法であってもすべてに使える訳ではありません。まだまだ個人間でやり取りされるメールはテキストが一般的で、HTMLメールが使われることはほぼありません。となるとMarkdownの出番がありません。そこで作られたのがmaildownです。Markdownで書かれた文章を日本企業で使われるメール風の体...

List

  • 2017/05/13

per-word-action - 単語や行ごとにデザインを変える

最近のWebサイトは多数のデバイス、多数の幅に合わせたレスポンシブデザインが求められてます。しかし幅が変わるとデザイナーの意図した描画にできない場合もあります。特にテキスト量に依存した処理は行数が変わると面倒です。一例として使えるのがper-word-actionです。行ごとにデザインを変えることができるライブラリです...

List

  • 2017/05/09

Pull Quote Center - 中央に引用を表示するレイアウト

HTMLはレイアウトの概念があまり強くありません。CSSを駆使すればできることもあるでしょうが、メンテナンス性が非常に悪くなったり、再利用性も低くなったりします。雑誌のようなレイアウトを再現するのは大変です。今回は2段組の雑誌構成でよくある中央に引用を表示するレイアウトを実現するPull Quote Centerを紹介...

None

  • 2017/04/19

em - 絵文字検索コマンド

最近はソーシャルサービスやチャット、プレゼン資料などに絵文字を使うのが当たり前になっています。ビジネスなど控えた方が良い場面もありますが、感情を素早く伝えたり、トゲのあるやり取りにならないように緩和してくれる効果もあります。そんな絵文字を探すのに便利なのがemです。## emの使い方emはコマンドを使って絵文字の検索が...

List

  • 2017/04/06

ts2c - JavaScript/TypeScriptのコードをCに変換

JavaScriptはWebブラウザで動作する保証がある唯一のプログラミング言語です。さらにnodeによってサーバサイドやデスクトップなどでもJavaScriptでソフトウェアが作れるようになっています。今回紹介するのはts2c、JavaScriptやTypeScriptをCのコードに変換するソフトウェアです。## t...

None

  • 2017/04/01

Dropbox Paper - DropboxとGitを組み合わせた運用フローに

同名のDropboxが提供するサービスがあるのでご注意を。Dropboxは便利な仕組みですが、企業によっては導入できないという話も聞かれます。自分が使っているのに上司が使ってくれないというケースもあるでしょう。自分だけでもバックアップ目的でDropboxを使いたいと考えている人は多いはずです。そんな方に使ってみて欲しい...

List

  • 2017/03/17

Export Tool for Vector Tiles to SVG - タイルデータを一つのSVGに統合

SVGはディスプレイの高画質化が進んでいく中で、バイナリに変わる画像フォーマットとして有力です。JavaScriptで動的に書き換えたり、拡大や縮小にも強い作りとなっています。今後ますます広がっていくことでしょう。そうした中面白そうなのがExport Tool for Vector Tiles to SVGです。地図デ...

List

  • 2017/01/03

Tenki Electron - tenki.jpの情報をメニューバーに表示

デジタルの世界であるコンピュータを使っているにも関わらず天気が気になることは多く、OS標準でも天気アプリのようなものが提供されています。天気のサイトも数多くあります。しかしもっと手軽に天気のチェックできるソフトウェア、Tenki Electronを紹介します。## Tenki Electronの使い方起動するとメニュー...

List

  • 2016/12/20

Power Touch - スマートフォンを拡張キーボードとして使う

TouchBarはその部分自体が小さなコンピュータになっており、本体とは切り離された存在です。その可能性として、二つのコンピュータを組み合わせた利用法が考えられます。タッチを通じてメッセージを飛ばし合うことで面白い処理ができるようになるかも知れません。そんなTouchBarにインスパイアされて作られたのがPower T...

List

  • 2016/12/11

WikipediaP2P - P2Pを使ってWikipediaを閲覧

P2Pには大きな可能性が秘められています。通常のWebサイトのようにサーバに対して多数のクライアントが紐付く形では、常にサーバの性能がボトルネックになることでしょう。今はそういった形式よりも分散型のが主流です。そんな実験的な分散型システムをWikipediaに取り入れたのがWikipediaP2Pです。## Wikip...

None

  • 2016/11/04

piknik - みんなで使えるクリップボードサーバ

隣のコンピュータにある情報が欲しいと思うことは多々あります。そんな時、メールするのは面倒ですし、チャットが使えない状態だと面倒でも表示されている文字を同じように入力したり、ダウンロードしたファイルをインターネットで探したりします。piknikを使えばそんな面倒から開放されます。piknikはLAN内部で使えるクリップボ...

List

  • 2016/10/14

FaithJS - Web上で動くファミコンシミュレータ

ファミコン(NES)エミュレータは古くからあります。WindowsやMac OSX、Linuxなど多くはデスクトップアプリケーションとして提供されていますが、スペック的にはすでにWebブラウザでも動くレベルです。今回はJavaScriptで実装されたNESエミュレータ、FaithJSを紹介します。## FaithJSの...

List

  • 2016/09/09

GitHub Explorer - GitHubのユーザページを格好良く表示

GitHubは開発者にとって個人の技術力であったり、オープンソースへの関わり方をアピールする大事なサービスとなっています。そうなると考えなければならないのが情報の見せ方ではないでしょうか。そこで使ってみたいのがGitHub Explorerです。GitHub標準とは違う、格好良い表示を実現してくれます。## GitHu...

List

  • 2016/07/30

Pokémon GO - WebSpoof - 利用注意。Pokémon GOをMac OSXからプレイ

USを中心に爆発的な人気を獲得しているPokémon GO。Ingresと同じシステムがベースになっているだけあって、位置情報と実際の地図を組み合わせたリアル性を持ったゲームというのが特徴です。そんなPokémon GOをMac OSXから遊べるようにするのがPokémon GO - WebSpoofです。実際の利用は...

List

  • 2016/07/10

GPU.js - GPUを使ったアニメーションライブラリ

Webブラウザ上で3Dをぐりぐりと動かすようなアニメーションを作る場合、WebGLを使うのは基本として、処理においてもGPUを使う方が効率的になります。とはいえ、GPUを使ってどう処理を行えば良いのか分からないことでしょうそこで使ってみたいのがGPU対応のライブラリです。今回はアニメーションライブラリとしてGPU.js...