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

List

  • 2015/05/05

Basscss – 軽量、モジュール化されたCSSツールキット

スタイルシートのフレームワークは数多く存在しますが、がちがちなものは影響範囲が大きいためにプロダクトベースでは導入が困難です。もっと軽量でカスタマイズが容易なものを使いたいと思うでしょう。そこで紹介したいのがBasscss

List

  • 2015/05/06

black-hole.js – 画像にブラックホールエフェクト

宇宙に浮かぶ真っ黒い穴、それがブラックホールです。近くに寄れば吸い込まれてしまいますので遠くからの観測や想像でしか分からないですが、それゆえにとても魅力的な存在です。そんなブラックホールを画像上に再現するライブラリがblack-hole.js

None

  • 2015/05/07

react-engine – Reactでサーバサイドレンダリングするnode用ライブラリ

Reactの魅力の一つにnodeを使ってサーバサイドレンダリングができるというのがあります。サーバサイドレンダリングを使うことで、初期表示はサーバサイドに任せつつ、その後の処理はクライアントサイドに任せることができるようになります。今のところExpressが手軽に対応しているようなのですが、Paypal社が開発したのが...

List

  • 2015/05/07

Mouse Follows Focus - アプリ切り替え時にマウスカーソルをハイライト

最近はディスプレイが大型化し、さらにマルチディスプレイを使った開発も当たり前になっています。そんな中、マウスカーソルがどこかにいってしまって探した経験は誰しもがあるはずです。異なるモニタ上のアプリに切り替えた際にカーソルを分かりやすくハイライトしてくれるツールがMouse Follows Focus

None

  • 2015/05/06

dockutil - CLIでDockの操作

Mac OSXのDockは起動中のアプリが一覧化され、そこからアプリの切り替えに使ったり、ダウンロードやゴミ箱などよく使うアプリケーションを登録しておくことで簡易的なランチャーとして利用することもできます。基本的にドラッグアンドドロップをはじめマウスで操作するのですが、dockutil

List

  • 2015/05/05

Amok - JavaScriptの変更をリアルタイム反映

Webブラウザのライブリロードは便利なのですが、変更する度に再読込されてしまうとそれまで入力したデータがすべて消えてしまいます。フォームの修正をするたびにデータを入力し直すのは億劫で面倒です。最近であればJavaScript関係で編集する度にリロードして準備を整えるなんて面倒さもあります。そこで紹介したいのがAmok

List

  • 2015/05/04

bootstrap-google-plus – Google+風のBootstrapテーマ

Bootstrapの良いところは構造が標準化されたことで、多くのテーマが作られていると言うことです。もし使っているデザインが時代遅れになってきたと思ったら、テーマを差し替えることで一気に新鮮みを出すことができます。今回はBootstrapをGoogle+風にしてくれるテーマ、bootstrap-google-plus

List

  • 2015/05/04

Niltalk - とても簡単に使えるプライベートチャット

ここ数年チャット系サービスが盛んです。しかしSlackやHipChatなどは組織向けに作られているので最初にはじめるまでのステップが若干面倒だったりします。もっと手軽にコミュニケーションを行いたいと思うでしょう。数人でちょっとしゃべる程度で十分、アカウントもFacebookやGoogle+など固定ではないものが良いとい...

List

  • 2015/05/03

ios-simulator-app-installer – iOSシミュレータ向けアプリインストーラー

iOSアプリを開発していて、それをシミュレータで試す場合にはどのようにするでしょうか。スタンダードな方法としてはXcodeでプロジェクトをビルドすることですが、みんながインストールしていなければいけません。マシンパワーの少ないコンピュータでビルドするのも大変ですし、各シミュレータデバイス向けにコンパイルし直すのも大変で...

None

  • 2015/05/03

Embiggen - 短縮URLを元に戻す

ソーシャルサービスが広まるのに従って短縮URLサービスが人気になりました。メールやチャットでURLを送る時にも短縮URLサービスを使うと便利です。しかし実際のURLが見えないということから、悪意をもった利用をされることも多々あります。DropboxやFacebookのような特定のサービス内でしか使えない短縮URLではな...

List

  • 2015/05/02

Void – テキストファイルだけのPHP製CMS

ブログを書く人が減っています。TwitterやFacebookなどに書いて満足してしまうのです。また、発信意欲をかき立てるにはブログが重たすぎるという問題があります。もっと手軽に思いついたことを書けるようなシンプルさが必要です。そこで紹介したいのがVoid

List

  • 2015/05/02

i-love-markdown.css - スタイルシートによるHTML to Markdown

Markdownで記述するのが好きという人は何でもMarkdownで記述したいと思うかも知れません。そうなるとHTMLにするのは目的ではなく、Markdown記法の方がHTMLよりも見やすくて良いと思うものでしょう。そこで使ってみたいのがi-love-markdown.css

List

  • 2015/05/01

Anki – マルチデバイス対応の英単語学習アプリ

学生の頃には一度はやったことのあるのが単語帳ではないでしょうか。個人的には最近、英語の学習を開始したのでその際に単語の学習に単語帳を自作しています(Biscuit

List

  • 2015/05/01

Octosaver - Octcat好きにはたまらないスクリーンセーバー

GitHubが好きな開発者ならみんな大好き(?)なOctcat。Octcatをテーマに様々なモチーフのデザインが作られており、他のキャラクターの格好をしたり、様々な場所に旅行をしたりと活躍しています。そんなOctcatのデザインを集めて作られたスクリーンセーバーがOctosaver

List

  • 2015/04/30

Grav – PHP製、データベース不要なCMS

CMS(コンテンツマネジメントシステム)というとつい大げさなものを思い浮かべてしまいます。PHPやRuby、Python、Perl、nodeなどのサーバサイドの言語、さらにMySQLやPostgreSQLといったデータベースなどです。環境整備だけで面倒になってしまいます。そこで紹介したいのがGrav

List

  • 2015/04/30

markdown-finder – node-webkit製のMarkdownファイル管理

Markdownでメモを取っておくと後々別なフォーマットにする際に便利なのですが、どんどん書いてしまうといつの間にかファイルが散在してしまって管理しきれなくなります。これではとても不便です。そこで使いたいのがmarkdown-finder

List

  • 2015/04/30

breaktime - 時間が経過すると強制ロックしてくれるコマンド

集中して仕事をするのは大事ですが、定期的な息抜きを挟むことでリラックスし、頭をリフレッシュさせることができます。生産性も回復することでしょう。そこで使ってみたいのがbreaktime

List

  • 2015/04/29

Japont – 日本語Web Fontをダイナミックに生成

Web Fontが流行っていますが、日本語はなかなか広まりません。なぜかと言えば、欧文フォントに比べて日本語フォントは文字数が多く、サイズが肥大化する傾向にあるからです。いくら綺麗でもダウンロードに時間のかかるフォントは使えないでしょう。そのため、日本のWeb Font配布サービスではページ上で使われているフォントだけ...

List

  • 2015/04/29

IEDiagnosticsAdapter - IEのデバッグにGoogle ChromeのDevToolsを使おう

最近のWebブラウザではデバッグツールが標準搭載されています。一番使いやすいと思うのはGoogle ChromeのDevToolsでしょうか。その他FirefoxもFirebugの流れがあって使いやすいです。正直デバッガーが使い勝手悪いと開発効率が大幅にダウンします。IEでWebサイトの検証、デバッグをしないといけない...

List

  • 2015/04/28

Flat Color Icons – 300種類のフラットアイコン集

Webサイトのデザイントレンドに合わせて必要になるのがアイコンです。昔はリアルなものが好まれ、さらに小さくなり、フラット、マテリアルと様々なアイコンが望まれるようになっています。今回はその最新版、Flat Color Icons