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

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

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

2017/12/14
できることを全力でやる
2017/11/25
恥ずかしさを感じないためにできること
2017/11/11
プロジェクトを遅延させないコミュニケーションパス管理

もっと見る

List

  • 2016/09/25

Pure CSS modal - CSSオンリーなモーダル

モーダルウィンドウを表示するWebサービスは多々あります。そうした時にはJavaScriptでイベントをフックして、モーダルコンテンツを表示するというものが多いかと思います。つまりJavaScriptがオフになると使えない機能です。そこで使ってみたいのがPure CSS modalです。なんとスタイルシートだけで実現さ...

List

  • 2016/09/25

TumblrDownloader - Tumblr画像をまとめてダウンロード

Tumblrには多くの魅力的なコンテンツがあります。最近は動画も増えてきましたが、まだまだ画像もたくさんあります。格好良い、素敵な画像を載せている人たちをフォローしている方も多いことでしょう。そんな画像をまとめてダウンロードしてくれるのがTumblrDownloaderです。## TumblrDownloaderの使い...

List

  • 2016/09/24

SuperEmbed.js - 動画埋め込みの幅を可変に

YouTubeやVineなどの動画サイトはとても良いコンテンツで、ブログやWebサイトに埋め込んでいる人は多いかと思います。しかし厄介な問題として、単純に埋め込むとレスポンシブなWebサイトの幅変更に追従できないという問題があります。それを解決してくれるのがSuperEmbed.jsです。モバイルからデスクトップまで、...

List

  • 2016/09/24

in-view.js - DOMの表示/非表示になったタイミングでイベント実行

Webページの表示を遅くする要素としてJavaScriptがあります。Webページは縦長になりがちで、表示されていない部分も含めて処理を行ってしまうと使えるようになるまで時間がかかってしまいます。そこで使ってみたいのがin-view.jsです。指定したDOMが表示されている、または非表示になったタイミングでイベントが実...

None

  • Premium_s 2016/09/24

業務で使えるオープンソース(205)「既知」

オンラインの情報は主に2つに分類されます。1つは未知の情報で、もう一つは既知の情報です。未知の情報を探すのにWeb検索は便利です。しかし既知の情報を探すとなると、意外と不便だったりします。1週間くらい前に見たはずなのに…といったWebページを探して検索し続けた経験は誰もがあるのではないでしょうか。そこで既知の情報を探す...

None

  • 2016/09/23

emoruby - 絵文字で書くRubyコード

最近絵文字が人気です。TwitterやFacebookをはじめ、あらゆるところで絵文字が見られるようになってきました。それは絵文字が世界に認められたということでしょう。さらにただテキストとして使うだけでない利用法も生まれています。今回紹介するemorubyはなんとRubyのコードを絵文字で表現するソフトウェアです。##...

List

  • 2016/09/23

markerPen - Web上で使えるマーカーペン

Webサイトのデザインで修正点を指摘したいと思った時にどうしていますか。テキストで書いても伝わりづらいです。そのため、印刷してペンで書き込んで渡しているでしょうか。または画像編集ソフトウェアや、PowerPointに貼り付けてドローしてくる人もいます。そんな方々に使えそうなのがmarkerPenです。Web上で使えるマ...

List

  • 2016/09/22

Komet - 軽量なコミット専用エディタ

Gitでコミット時にメッセージを書くときにはどうやっていますか。オプションのmでメッセージを指定する方法もありますし、任意のエディタで書くこともできます。しかしテキストエディタが立ち上がるのは仰々しいと感じている人もいるでしょう。そこでさくっと立ち上がるコミット専用のエディタKometを使ってみてはいかがでしょう。##...

List

  • 2016/09/22

GitPitch - Gitリポジトリを使ったスライドプラットフォーム

プレゼン用のスライドは何で作っているでしょうか。PowerPoint、Google Driveのプレゼンテーション、またはKeynoteかも知れません。それらはバージョン管理がうまくできないでしょう。誤った更新などすると元に戻すのも大変です。そこで使ってみたいのがGitを使ってスライドを表示できるGitPitchです。...

None

  • 2016/09/21

git-cleanup-branch - 不要なブランチをまとめて削除

Gitを使ってブランチを切ってPull requestを送るといった開発スタイルを行っていると自然とブランチが多数作られていきます。Git Flowなどを使って運用を手軽にしてもfinishを実行し忘れてしまいます。そこで使ってみたいのがgit-cleanup-branchです。不要になったブランチを削除してくれるコマ...

List

  • 2016/09/21

Source Browser - .NETプロジェクト用のソースビューワー

プログラミングはコードを書くだけではありません。時に人が書いたコードを見ることもあります。外部のライブラリを使う際などはコードを閲覧する時間のが長いかも知れません。そんな時に使い勝手の悪いソースコードビューワーはがっかりするでしょう。そこで使ってみたいのがSource Browserです。.NET系プロジェクトのコード...

None

  • Premium_s 2016/09/21

業務で使えるオープンソース(204)「カンバン」

今回のテーマはカンバンです。トヨタの生産方式として知られていますが、アジャイル開発の中で取り入れられています。が、実際には本家とは全く異なる使われ方になっています。GitHubでも先日のアップデートにより、公式に対応されました。今回はカンバン方式の要点と関連オープンソース・ソフトウェアを紹介します。## 本来のカンバン...

List

  • 2016/09/20

Odoo - SVGを使ったオドメーター

大きな数字の目標を達成した時、イベントの賞金を表示する際に使われるのがオドメーターを使ったカウントアップの表示です。数字がくるくると回転して100万、1,000万などの数字になるエフェクトは誰もが見たことがあるでしょう。そんな表示をWeb上で実現できるのがOdooです。SVGで作られており、軽快に動作します。## Od...

List

  • 2016/09/20

Jekyll Admin - JekyllにWeb管理画面を追加

Jekyllは静的で、CUIからの操作でブログやWebサイトが作れます。とても使い勝手は良いのですが、それでも簡易的な管理画面が欲しいと思う方も少なからずいるでしょう。そこで使ってみたいのがJekyll Adminです。Jekyllと組み合わせられる管理画面です。## Jekyll Adminの使い方実際に入れてみたと...

List

  • 2016/09/19

TweetRain - ツイートを画面上に弾幕表示

Twitterの中では様々な意見が交わされています。多くの勉強会ではハッシュタグを決めており、それらをまとめるだけで臨場感ある生の反応が得られます。テレビ番組などでも下にツイートを流して視聴者の反応をダイレクトに流す試みも行われています。プレゼンテーションと組み合わせて使ってみたいのがTweetRainです。ニコニコ動...

List

  • 2016/09/19

Grip - コミットする前にMarkdownの表示をチェック

Markdownの記法はシンプルですが、それでも書いた内容と実際の表示が異なるので書いた後で確認したら思っていた表示と違っていた、なんてことが多々あります。特にGitHubのREADMEで失敗しがちです。そこで使ってみたいのがGripです。GitHubと同じデザインでMarkdownファイルの表示を確認できます。## ...

List

  • 2016/09/18

Time Keeper - HTML製のシンプルなタイマー

勉強会などでLTを行う際に重宝するのがタイマーです。アプリでもあるのですが、あまり使い勝手の良いものがありません。特に筆者が主催しているイベントでは自己紹介に25秒タイマーを必要としているのですが、幾つ試してもぴったりくるものがありませんでした。そんな時に知ったのがTime Keeperです。HTML製で、個人的なニー...

List

  • 2016/09/18

Maggie - 画像アップロード前のチェックを簡単に実装

HTML5になって、ファイル選択した際にファイルの内容を取得したり、サイズや画像の種別をチェックしたりできるようになりました。しかしその実装については面倒というイメージがあります。そこで使ってみたいのがMaggieです。指定された画像ファイルを柔軟に扱えるようになります。## Maggieの使い方使い方です。getIn...

List

  • 2016/09/17

City Generator - Web上に動かせる3D地図を表示

JAXAが公開している細かいメッシュでの地球上の高度データを使ってどんなことができるのか。主な目的は災害対策であったり、都市計画を立てる際の基礎データになるのですが、そういった目的で使う人は限られた業界の人たちになるでしょう。もっと面白い使い方が考えられれば、地図データの活用幅も広がります。今回はその一つ、City G...

List

  • 2016/09/17

Quasar Framework - SPA/ハイブリッドアプリを想定したHTML5デザインフレームワーク

Cordovaに代表されるHTML5/JavaScriptを使ったスマートフォンアプリ、いわゆるハイブリッドアプリは海外では普及しています。HTML5やJavaScriptの実行速度が速くなったので、多くの目的において十分なパフォーマンスを出すようになっています。そんなハイブリッドアプリから通常のWebサイトまで幅広く...