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

List

  • 2014/09/02

Rin – HTML5のWebコーディングがさくさくできるプロジェクトテンプレート

最近のWebデザインでは様々な技術を組み合わせて行うようになっています。昔のようにHTMLとCSS、JavaScriptだけで事足りる訳ではありません。もっと色々なテクニックを組み合わせなければ生産性は高くなりません。Rinはその一つで、単体のソフトウェアというよりもテクニックの組み合わせ集的な存在です。実践の中で培わ...

List

  • 2014/09/02

jquery-hex-gallery - 六角形に画像を表示するギャラリー

ギャラリー系ライブラリではコンテンツ(主に写真)の見せ方にこだわりが感じられます。単純に並べるだけではダメで、大きさを変えたり、Pintrest風に高さを変えたりして効果的な見せ方をします。今回紹介するjquery-hex-galleryもその一つです。面白いのは四角ではなく、六角形になっているという所です。## jq...

List

  • 2014/09/01

DarkroomJS – JavaScriptで画像切り抜き

画像加工を行うと言えばローカルで画像編集ソフトウェアを使うのが思い浮かびますが、最近では随分Webベースで行えるようになっています。複雑な加工はまだまだですが、ちょっとした加工であればWeb上で行う方が手軽だったりします。今回はその一つ、DarkroomJSを紹介します。位置を決めて切り抜きするという加工をシンプルに手...

List

  • 2014/09/01

Knowledge Base - node製のナレッジベース

Webサービスを使う上で質問があったり、ドキュメントが必要になることは多々あります。そんな時に使えるのがナレッジベースです。APIドキュメントやFAQなど色々な用途で使われています。今回はDOBTというサイトで使われているナレッジベース、Knowledge Baseを紹介します。シンプルで見やすいドキュメントビューワー...

List

  • 2014/08/31

Classy – デザインがさくさく進みそう。スタイルシート for iOS

Webの世界ではスタイルシートが当たり前です。デザインとHTML構造がある程度分離できるようになったことでメンテナンス性が向上したり、修正が一括で適用されるようになったりします。それと同じ世界をiOSアプリでも目指そうというのがClassyになります。スタイルシートに似た構文で画面デザインができるようになります。## ...

Missing

  • 2014/08/31

jQuery filter.me - Photoshopのトーンカーブ設定を読み込める画像フィルタ

写真は撮ったそのままよりもある程度加工した方が映えることがあります。とは言え、画像編集ソフトウェアを使うと元画像が変更されてしまうのでわざわざコピーを作成して編集すると言った手間が発生してしまいます。そこで使ってみたいのがjQuery filter.meです。WebベースでJavaScriptを使って画像加工するので何...

List

  • 2014/08/30

CodeWorld – ゲームやアニメーションを通じてHaskellを学ぼう

一番最初に学んだプログラミング言語は何でしょうか。筆者は恐らくBASICだったように思います。最初は数行のコードを書いて実行して結果を見て…というのを繰り返していました。プログラミングはやはり何度も実行して繰り返して覚えるのが基本です。Googleの開発者がHaskellを学習するために用意した環境がCodeWorld...

List

  • 2014/08/30

Responsive - その名の通りレスポンシブなHTML5デザインテンプレート

デザインフレームワークを使えば見栄えのいいWebサイトがさくさくと作れます。そのまま完成には至らなくとも、プロトタイプであれば十分な品質になるのではないでしょうか。現在、様々なデザインフレームワークがありますが、今回は名前があれな気がするResponsiveというソフトウェアを紹介します。SEO的にきつそうな気はしつつ...

List

  • 2014/08/29

Gretro – レトロなグラフィックスを描き出すJavaScriptライブラリ

最近は綺麗なグラフィックスばかり見ますが、そんな時代だからこそ逆に懐古的にレガシーなグラフィックスが楽しい場面もあります。しかし十分に高機能化した現在においてレガシーな状態を作り出すのはそうそう簡単ではありません。再現のためにはレガシーな環境を十分に調べなければならないでしょう。そうやって完成したのがGretroです。...

List

  • 2014/08/29

Responsive Dashboard - Bootstrapベース、レスポンシブな管理画面テンプレート

Bootstrapの良いところは使い手(主にエンジニア)の気持ちを理解し、その利用シーンが想定されていることでしょう。こだわったデザインにすることだってできますが、それでは応用がききません。その汎用性と見栄えのバランスを上手に保っています。今回紹介するResponsive Dashboardもその応用例と言えます。いわ...

List

  • 2014/08/28

92five – 格好いいデザインのプロジェクト管理

プロジェクト管理、何を使っていますか。最近ではRedmineを使っている所が多いかも知れません。規模が大きくなるとMS Projectを使ったり、BasecampのようなWebサービスを使っている所もあるかも知れません。何となくプロジェクト管理は開発者向けのサービスとあって無骨なイメージがあります。今回はフラットなデザ...

List

  • 2014/08/28

Toga - デスクトップからスマホまで。Python製のGUIツールキット

デバイスや環境に合わせてプログラミング言語を切り替えるのが当たり前ですが、それでもなお使い慣れている言語を使って開発したいという思いは誰もが持っているはずです。かつてのJavaもそうです(今もでしょうか?)。今回はその一つ、Togaを紹介します。PythonでGUIアプリケーションを作るツールキットになります。## T...

List

  • 2014/08/27

CSV Fingerprint – チェックに。CSVのセルごとに可視化

これは秀逸なアイディア!CSVはセル内のフォーマットは規定できません。そのため、同じ列であっても文字列も入れられれば数値も入れられます。さらに数値でも整数もあれば小数点を含む場合もあるでしょう。そこでCSVのチェックに使ってみたいのがCSV Fingerprintです。CSV Fingerprintを使うことで、CSV...

List

  • 2014/08/27

HTML5 Canvas Old School RPG - 昔懐かしいRPGをHTML5で表現

ゲームには多くのジャンルがありますが、スマートフォンなどで人気なのはカジュアルなパズルゲームやアクションゲームではないでしょうか。人によってはもう少し時間をかけて遊べるRPGが好きという方も多いかと思います。WebブラウザベースでRPGを作れれば、データをサーバに残していつでも続きができるようになります。そのベースとし...

None

  • 2014/08/26

cccv – 差分を使ってソースコードの重複を探す

プログラミングでやってはいけないことの一つにコピペがあります。場合によっては必要不可欠な時もありますが、基本的にコピペするなら関数にまとめたり、ライブラリ化することでコードの重複をなくすべきでしょう。そこで使ってみたいのがcccvです。ソースコードを差分から洗い出して、コードの重複がないかチェックしてくれるソフトウェア...