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

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

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

2017/10/03
面倒な仕事は分解しよう
2017/09/26
人と違うことをしよう
2017/09/20
アウトプット重視の働き方

もっと見る

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です。...

48456?type=list&url=http%3a%2f%2fimages.moongift.jp%2f2014%2f07%2fscreenshot%25202014-07-30%252018.36.15_thumb.2b6b36532de284582d6291702d90284d

  • Premium_s 2014/08/29

2014年08月の人気ソフトウェアまとめ

過去分はこちら。- 2014年01月今回は8月のまとめです。Web系が多いのは紹介しているソフトウェアの性質上致し方ないとして、最近node/Goを使ったソフトウェアが増えてきています。まだプロダクションで使えるレベルかは分かりませんが、尖った技術者の人柱的段階を過ぎて、技術力の高いエンジニアによる試用段階に入ってきた...

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を作れれば、データをサーバに残していつでも続きができるようになります。そのベースとし...

List

  • Premium_s 2014/08/26

エンジニアとしても注目すべきInstagramの面白さ&関連オープンソース・ソフトウェア

今回はInstagramを取り上げます。月間アクティブユーザが2億を越え、各種ブランドからも利用されているInstagramですが、技術者的にはあまり積極的に使われていないような気がします。ということで利用者としてだけでなく、開発者としてInstagramの面白さを使って、その世界観の中で何ができるのか考えてみたいと思...

None

  • 2014/08/26

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

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

List

  • 2014/08/26

Panamax - WebベースのDocker管理

Docker界隈が盛り上がっています。そんなときプログラマ、エンジニアとして考えるべきは利用者として積極的に試用、評価、利用していくことはもちろんのこと、さらに便利なソフトウェアやライブラリを開発してこの波に乗るというのが大事です。そこで今回はDockerのWebベースの管理ツール、Panamaxを紹介します。コマンド...

List

  • 2014/08/25

Markless – 見出しやリストをMarkdownフォーマットからHTMLへ自動変換

最近、技術系サービスを中心にMarkdownで記述するケースが増えてきました。それだけシェアが増えてきたということでしょう。しかし慣れていない人にとっては見た目と記述内容が異なるのに違和感を感じるかも知れません。そこで使ってみたいのがMarklessです。Markdownフォーマットで記述するとリアルタイムに表示をHT...

None

  • 2014/08/25

GitAnalysis - Gitリポジトリを解析して貢献度を測る

オープンソースのプロジェクトを運営している場合、そのコミッターがどういった人たちが多いのか気になりませんか。個人として参加している場合、完全に把握できるという訳ではありませんが傾向は見えるかも知れません。そこで使えるのがGitAnalysisです。既存のGitリポジトリを解析してJSON出力してくれるソフトウェアです。...