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

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

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

2017/09/20
アウトプット重視の働き方
2017/09/15
2017年08月の人気ソフトウェアまとめ
2017/09/15
業務で使えるオープンソース(235)「Markdown拡張記法」

もっと見る

List

  • 2014/06/12

Random Color - デザイナー向け。ランダムなカラー生成ライブラリ

Webデザインなどで色を作るのって意外と難しいですよね。色をちょっと変えるだけで全体のデザインががらっと変わってしまうことは多々あります。しかし色々なカラーリングを試すのはとても大変です。そこで使ってみたいのがプログラミングの力です。Random Colorはその名の通り、ランダムな色(RGB)を生成してくれるライブラ...

List

  • 2014/06/11

Fort.js – YouTube風?画面上部に入力進捗を表示

大量の入力を一気にさせようと思うとユーザは引いてしまうものです。そこでちょっとずつ、段階を踏まえて入力してもらうとスムーズにいくことがあります。ウィザード形式の入力はまさにそうです。Fort.jsを使うとWeb上でも同じような入力ができるようになります。いつになったら終わるのかも分かるのでユーザストレスの低い入力操作が...

List

  • 2014/06/11

initial.js - ユーザ名を使った格好いいプロフィール画像を生成

最近は大抵のサービスでユーザプロフィール画像が掲載できるようになっています。FacebookやTwitter、GitHubから取ってきてくれれば良いのですが、そうでない場合は自分でアップロードする必要があります。そうしないと格好わるいデフォルトの画像だったりしますよね。ユーザごとに多少なりとも変化を持たせたいと思うなら...

List

  • 2014/06/10

RiceKaraoke – JavaScriptでカラオケの歌詞表示

カラオケは日本はもちろん、海外でもとても人気です。しかし日本ほどカラオケ店が多い国はない訳で、それでもカラオケがしたいとなれば自作するほかありません。カラオケのためにはボーカルの音声を消した音楽と、歌詞の表示が必要です。さらにRiceKaraokeを使えば一歩進んだ歌いやすさを提供できるでしょう。## RiceKara...

List

  • 2014/06/10

KARAS - Markdownよりも機能豊かで分かりやすい記法の国産マークアップ

ドキュメントを書く際にはテキストそのままではなく、何らかのマークアップ言語を使う人が増えています。例えばMarkdownを使っている人はとても多いのですが、機能的に物足りないと感じることも多々あります。他のマークアップ言語では多機能ながら記法が難しかったりと二の足を踏んでしまっている方も多いでしょう。そこで紹介したいの...

List

  • Premium_s 2014/06/10

使えるWebサービス・オープンソース(29)「WebGL」

今回のテーマはWebGLです。iOS 8においてようやくSafariがWebGLをサポートするようになります。これでスマートフォン、タブレットにおいてもWebGL利用が広がっていくと思われます。そこでWebGL利用を促進させてくれるようなWebサービス、オープンソース・ソフトウェアを紹介します!# Webサービス## ...

List

  • 2014/06/09

Browsers – インストール済みの多数のブラウザを一カ所に集約してくれるユーティリティ

HTML5になってブラウザの表示確認が減るかと思ったのに、状況は大して変わっていません。HTML4だけのレガシーブラウザは残っているし、スマートフォンなどのブラウザまで増えてむしろ確認が大変になっているかも知れません。そこで多数のブラウザをインストールして表示確認を行っているかも知れませんが、それらを全て一つのフォルダ...

List

  • 2014/06/09

Add Clear - テキストボックスをスマホ風に。×ボタンで入力削除

あらこれ素敵。スマートフォンでは文字の入力が面倒で、さらに言えば文字を消すのすら面倒だったりします。もう入力されている文字を一気に全部消したいと言う時はテキストボックス右側にある×ボタンを押すと全部消してくれます。これは意外と便利です。ある環境において便利なものは他の環境において便利である可能性は高いです。そこでデスク...

List

  • 2014/06/08

Webshot – PhantomJSを使ってWebスクリーンショットを保存

Webサイトのスクリーンショットを撮ってくれるAPIって便利ですよね。でも一般に公開されているサービスの場合、セキュリティ上Cookieが伴うものは使えなかったり、URLを与えるだけでその後操作した後のスクリーンショットは撮影できません。そこで使ってみたいのがWebshotです。Rubygemsのライブラリとして提供さ...

List

  • 2014/06/08

envchain - 環境変数の保存にキーチェーンアクセスを利用

頻繁に使うアクセスキーなどの文字列をどこに保存していますか。パスワードなどはちゃんと暗号化された場所に保存しつつも、プログラムから使うようなキーは設定ファイルに直接書いたり、環境変数に平文で定義してしまったりしていないでしょうか。システムで扱う文字というのは漏洩するとパスワード以上に被害を被る可能性があります。そのため...

List

  • 2014/06/07

Tuktuk – フラットUI、軽量なUIフレームワーク

HTML5のUIフレームワークは何を使っていますか。恐らく最も多いのはBootstrap

List

  • 2014/06/07

9m - Unicode文字を使った短縮URL

Twitter、Facebook、Google、Amazon…最近では数多くのサービスが独自の短縮URLサービスを提供しています。また、オープンソース実装の短縮URLサービスも数多いので自分たちのサービスに短縮URLを組み込むのも難しくありません。そんな短縮URLサービスと言えば基本は英数字4〜5桁程度の組み合わせなの...

List

  • 2014/06/06

smalruby-editor – 小学校3年生でも使えるWeb上でのビジュアルプログラミング環境

あなたはいつコンピュータに触れて、いつからプログラミングを組むようになったか覚えていますか。筆者は小学校中学年ころ、家にあったPC8801でBASICを組んでいたのが最初だったように思います。今はコンピュータが十分に発達しており、小さい頃から高度なプログラミングが学習できる環境が整ってきています。そんな中にあって、一人...

List

  • Premium_s 2014/06/06

使えるWebサービス・オープンソース(28)「サーバサイドレス画像加工」

Webサービスの中で画像を加工したいというニーズは多々あります。ちょっとしたものであればアバターの登録もそうです。アップロードされた画像をそのまま使うのではなく、サムネイルにサイズ変更して使ったり、正方形にしたりすることは良くあります。サーバサイドに仕組みを用意しても良いですが、それでは共有サーバで使えなかったり、イン...

List

  • 2014/06/06

Herlock.js for HTML5 - JavaScriptで高パフォーマンスなゲームを開発できるHerlockのブラウザ版

iOS/Androidアプリをワンソースで…というのは誰しもが夢見ることではないでしょうか。しかし現実はそうそう甘くなく、打ちのめされた人も多いでしょう。なんでもワンソースは無理がありますが、一部の分野であればこなせるようにはなっています。3Dや高機能なゲームであればUnityがあります。もっとカジュアルなゲームであれ...

List

  • 2014/06/05

JSCapture – こんなことまで!JavaScriptでスクリーンショット&キャストの保存

HTML5ではgetUserMediaを使ってWebカムにアクセスできるのは良く知られています。しかしデータの入力元は他にも考えられます。その一つがディスプレイです。画面に表示されている内容は確かに出力データになるでしょう。そんな画面の内容をキャプチャできる機能が最新のGoogle Chrome(35以上)から登場して...

Missing

  • 2014/06/05

Sassmatic - CSS3を使ってダイナミックに画像へフィルタ適用

画像の加工処理をやろうとすると、サーバサイドでもJavaScriptでも面倒といった印象がありますよね。特にユーザに選ばせたり、その場でダイナミックにフィルタを適用するなんてのは相当大変です。そこで使ってみたいのがSassmaticです。SCSSを使ってCSS3だけでフィルタリングを実現するライブラリです。## Sas...

List

  • 2014/06/04

Kandan – HipChatクローンなWebチャット

会社やプライベートでチャットアプリは何を使っていますか。あまりにも選択肢が多くなってしまったため、却ってどれを選んだら良いのか悩んでしまうかも知れません。さらにニーズに合わせてカスタマイズしたいという場合もあるでしょう。そこで世界的にも有名なHipChatのクローンというコンセプトのチャットアプリKandanを紹介しま...

List

  • 2014/06/04

transitive.js - 路線図を生成するJavaScriptライブラリ

データのビジュアル化を考えた場合、常に正確に出すのが最善とは限りません。トレンドを知りたい場合はその傾向を見るためにデータを無視したり、より特徴的なポイントに主眼を置いたりします。地図も同じです。案内図などは正確性よりも直線や曲がり角を重視した図になっています。同様に路線図も駅の間隔や合流ポイントなどに主眼を置くでしょ...

List

  • 2014/06/03

OnionShare – Torを使ったセキュアなファイル送信

某遠隔操作事件があったせいでアングラな雰囲気を感じさせてしまっているTorですが、匿名アクセス技術はインターネットの発展を支える上でとても大事になってくると考えられます。NSAによる傍受、プライバシー問題への高まりもあって今後ますます注目されるようになるはずです。そんなTorは一般的にネットワークを利用する場合において...