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

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

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

2016/09/24
業務で使えるオープンソース(205)「既知」
2016/09/21
業務で使えるオープンソース(204)「カンバン」
2016/09/16
理解できる仕様書を書くために必要な6つのこと

もっと見る

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

  • 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系プロジェクトのコード...

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製で、個人的なニー...