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

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

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

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

もっと見る

List

  • 2015/09/28

Extract it! - ついつい忘れがちな解凍コマンドをチェック

圧縮ファイルのフォーマットは多数あります。それに伴ってファイルの拡張子も異なります。有名なzipやtar.gzなどは解凍の仕方も覚えているでしょうが、rarやbz2、.Zなど時々しか使わないフォーマットだとコマンド入力に手間取ってしまいます。そこで使ってみたいのがExtract it!です。ファイル名だけコピーしたらE...

None

  • 2015/09/27

Passbox - コマンドラインのパスワード管理

パスワード管理ソフトウェアを使いましょう。無数あるWebサービス、管理サービスなどで使うパスワードをすべて自分の頭で覚えておくなど不可能です。さらに最近では一カ所の流出から他のサービスへのアタックへの利用が進んでいるのでパスワードの使い回しは危険です。いくつもパスワード管理ソフトウェアはありますが、今回はPassbox...

List

  • 2015/09/27

wiki-hub - GitHubプロジェクトでWikiのようなコンテンツ編集

GitHubにはWiki機能がありますが、あれはGitHubのドメイン内の機能になります。そのためGitHub Pagesのように自分たちのプロジェクトページで使うことができません。しかしオープンソース・プロジェクトのWebサイトはみんなが自由に編集できると楽しいでしょう。そこで使ってみたいのがwiki-hubです。G...

List

  • 2015/09/26

woofmark - MarkdownのWYSIWYGエディタ

Markdownを扱えるサイトが増えるのに伴って、自分のサイトでもMarkdownをコンテンツに使いたいと思うのではないでしょうか。レンダーは数多くありますが、さらにコンテンツを編集する機能も提供しなければならないでしょう。そこで使ってみたいのがwoofmarkです。WYSIWYGなMarkdownエディタで、HTML...

List

  • 2015/09/26

Gatsby - Markdown×Reactによる静的サイトジェネレータ

静的サイトを作る時にはコンテンツを作ってリロードして表示を確認するのが基本です。その時、ライブリロードのような仕組みを使っていても基本は変わりません。SPA(シングルページアプリケーション)であれば一番上まで戻ってしまうでしょう。確認がだんだん面倒になっていくはずです。そこで使ってみたいのがGatsbyです。Markd...

49960?type=list&url=http%3a%2f%2fimages.moongift.jp%2f2013%2f03%2fscreenshot%25202013-03-26%252011.23.44_thumb.1364348886

  • Premium_s 2015/09/26

業務で使えるオープンソース(168)「学習」

今回のテーマは学習です。一口に学習と言っても色々な立ち位置があります。学生のように学業の勉強であったり、社会人としての業務上の知識向上やスキルアップのための学習もあります。今回は特に社会人、エンジニア向けにフォーカスしつつ主なトピックを紹介します。## プログラミング主にスクールとオンラインの2つに分かれるかと思います...

List

  • 2015/09/25

glot.io - 多種多様な言語を実行できるスニペットサービス

スニペット系サイトとしてはGitHubのGistであったり、Pastebinなどが有名です。ちょっとしたコードを載せておいて、後で使い回したり人に教えたりするような使い方としては便利です。そんなスニペット系サイトでありつつ、書いたコードを実行できるのがglot.ioです。実行環境付きスニペットサービスと言えるでしょう。...

List

  • 2015/09/25

Substance - Webページをそのまま編集できるWYSIWYGエディタ

Webサービスの種類によってはユーザにコンテンツを作成してもらうタイプのものがあります。最近ではMarkdown記法で書かせることが多いようですが、それも記法に慣れた人向けでしょう。初心者はHTMLも分からないものです。そんな中使えるのはWYSIWYGなエディタです。HTMLをインラインで修正できるSubstanceは...

List

  • 2015/09/24

HTML5 Deck of Cards - HTML5製のトランプ

トランプを使ったカードゲームは万国共通で誰でもすぐに遊べるのが良いところでしょう。Windowsにあったソリティアのようにみんなが熱中するゲームはそういったシンプルなものではないでしょうか。今回はそんなトランプゲームを作るのに使えそうなHTML5 Deck of Cardsを紹介します。HTML5で作られたトランプです...

List

  • 2015/09/24

Layout Grid - レスポンシブをサポートしたグリッド並び替えライブラリ

ユーザが自由にコンテンツを操作できるのはダッシュボード系など作業効率を求めるサイトでは最適なUIと言えます。ブロックを組み替えられるサイトは多いですが、デスクトップ向けに作られているところが多いのではないでしょうか。Layout Gridはレスポンシブかつドラッグ&ドロップに対応したUI組み替えライブラリです。色々な場...

List

  • 2015/09/23

StringBean - 16分割されたグリッドレイアウトフレームワーク

レスポンシブなフレームワークではグリッドを12に分けています。約数が1/2/3/4/6/12と数多いからだと思いますが、どれもこれも12では面白くないかも知れません。そこで今回はStringBeanを紹介します。グリッドを16に分けて提供されるデザインフレームワークです。## StringBeanの使い方StringB...

None

  • 2015/09/23

chrome-webstore-manager - Chrome Webストアアプリ開発者用コマンドツール

Google Chrome向けの機能拡張を作る場合、管理画面からZipファイルをドロップしてインストールしたり、動作の確認を行うかと思います。また、Chromeアプリストアへの登録もWeb管理画面を使って行うでしょう。そんな手間のかかる作業をコマンドラインからできるようにしてくれるのがchrome-webstore-m...

List

  • 2015/09/22

speed-test - CUIでインターネット速度計測

自宅やオフィスに新しくネット回線を敷いたり、MVNO回線を導入したりするとついついやるのがインターネット速度の計測ではないでしょうか。特にMVNOは最初こそ速くても利用者が殺到すると途端に遅くなったり、地域によって速度差があったりします。そんなインターネット速度の計測は専用のWebサイトで行うのが一般的ですが、npmを...

List

  • 2015/09/22

PriorityNav.js - レスポンシブでユーザビリティ高いナビゲーションメニュー

レスポンシブWebデザインというのは幅に応じて適切なコンテンツの返却が求められます。しかし通常はスマートフォンの幅か否かで一気にデザインが変わったりします。デスクトップとスマートフォンの途中のデザインはあまりありません。あってもタブレットという境が一つ増えるだけです。PriorityNav.jsはメニュー表示において、...

List

  • 2015/09/21

Thimble - HTML5/JavaScript/CSSをオンラインで学習&公開

Webサイトを作る際にはまずHTML/JavaScript/スタイルシートの知識がいるでしょう。もちろんオーサリングツールなど最近は知識がなくとも作れるサービスもありますが、開発者であれば必須の知識と言えます。そんなWeb開発の知識を学んだり、書いた結果をその場で確認できるサービスがThimbleです。Mozilla製...

List

  • 2015/09/21

ViPaint - Vi使いにお勧めのペイントソフトウェア

vi/VimやEmacsなど独特なキーバインドを使っているプログラマーはなぜかそのキーバインドを他でも使いたいと思うようになります。Vimxls

List

  • 2015/09/20

Office UI Fabric - Office 365で使われているフロントエンドフレームワーク

実際のプロダクトで使われているソフトウェアは実践でもまれている分、より細かなニーズに応えられるようになっています。理想的な形ではなく、より実践的な視点で構築されているものでしょう。今回紹介するOffice UI FabricはMicrosoftの提供するOffice 365で使われているフロントエンドフレームワークにな...

List

  • 2015/09/20

sokoban-rs - Rustで作られた倉庫番

新しいプログラミング言語を覚える際に最初は書籍を使うかも知れません。しかし基礎は学べても実践的とは言いがたいのではないでしょうか。そこで使えるのがオープンソース・ソフトウェアです。オープンソース・ソフトウェアを使うことでソースコードを読みつつ、そのテクニックを学んでいけます。今回はRust学習者向けに倉庫番ゲーム、so...

List

  • 2015/09/19

Snip - アニメーション付きでスクリーンショットに注釈

最近開発者界隈での活動が活発になっているMicrosoft。多くのオープンソース・ソフトウェアが開発されており、そうでないものにしてもエッジが効いていて開発者の心に刺さりまくっています。そんなMicrosoftよりリリースされたのがSnip、スクリーンショットの撮影&注釈付けができるソフトウェアです。## Snipの使...

List

  • 2015/09/19

react-blessed - CUIアプリケーションでもReact!

Reactの良いところは表示されている状態を管理する必要なく、ただバーチャルDOMに描画すればReactがいいように仕上げてくれるところにあります。これはWebだけでなく、React Nativeのようにアプリでも使える考えと言えます。他にもWindowsやMac OSXでもReactの考えが取り入れられていくかも知れ...