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

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

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

2017/11/11
プロジェクトを遅延させないコミュニケーションパス管理
2017/10/28
2017年09月の人気ソフトウェアまとめ
2017/10/03
面倒な仕事は分解しよう

もっと見る

List

  • 2017/08/30

Git Point - React Native製のGitHubクライアント

GitHubは単なるコードリポジトリサービスではありません。よく使っているプロジェクトの動向をチェックしたり、気になる開発者をフォローしたりできます。スターはちょっとした応援になります。そんなGitHubをiPhone/Androidの中で使えるGit Pointを紹介します。## Git Pointの使い方起動してG...

List

  • 2017/08/30

node dependencies view - nodeプロジェクトの依存性を可視化

nodeに限った話ではありませんが、各プログラミング言語では多くのライブラリを利用します。自分では一つしか使っていないつもりでも、そのライブラリが別なライブラリに依存し、そのライブラリがまた別な…と広がっていくのはよくある話です。そんなnodeプロジェクトの依存性を可視化してくれるのがnode dependencies...

List

  • 2017/08/29

CSS SANS - 時代を表現するCSS製フォント

CSS3によって多くのデザインがCSSだけで実現できるようになっています。しかしまだまだできないことも存在します。その一つがフォントです。複雑でバランスが大事なフォントはWeb Fontを使って表現するのが基本です。そんな中作られたのがCSS SANSです。CSSだけで作られた、「時代によって変わる」がコンセプトのフォ...

List

  • 2017/08/29

NetRunner - 新しいニーズから生まれたWebブラウザ

Webブラウザと言えばEdge、Google Chrome、FirefoxなどGUIのものがしのぎを削っています。対してlynxやw3mなどCUIのものも存在します。時々サーバ上でデータの確認をする際などに便利です。今回紹介するのはそれらと一線を画す新しいブラウザNetRunnerになります。Firefoxの思想から生...

List

  • 2017/08/28

octohint - GitHub上のコードでインテリセンスを提供

IDEを使う魅力の一つが関数や変数の説明を表示してくれるインテリセンスにあるのではないでしょうか。入力補完と異なり、すでに入力されているものに対して説明を付与してくれます。コードリーディングで非常に役立つでしょう。そんなインテリセンスをGitHub上のコードに対して提供してくれるのがoctohintになります。## o...

List

  • 2017/08/28

Web Audio Synth V2 - Web上でシンセサイザーを操作

HTML5によって新しく追加された技術にWeb Audioがあります。その名の通り、Web上で音楽を奏でるためのAPIですが、利用が難しいものとなっています。だからこそ使いこなすと凄いソフトウェアができます。今回紹介するWeb Audio Synth V2はまさにWeb Audioを使い、シンセサイザーを作り上げてしま...

List

  • 2017/08/27

gtop - ターミナル上のシステムダッシュボード

システム管理者はシステム全体のステータスを把握する必要があります。そのためにサーバ側データを送信して可視化するダッシュボードソフトウェアがたくさんあります。しかしデータをあえて飛ばすことなく、ターミナル上でそのまま確認できるのがgtopです。## gtopの使い方メイン画面です。!

List

  • 2017/08/27

CSS Grid Highlighter for Chrome - CSS Gridをハイライト表示するChrome機能拡張

レスポンシブWebデザインの広がりに合わせて利用が広がっているのがグリッドベースのデザインです。そんな中、ついに登場したのがCSS Gridになります。Web標準だけで手軽にグリッドデザインが実現できるようになりました。そんなCSS Gridもまだまだ普及していない技術だけに手探り感があります。そこで使ってみたいのがC...

List

  • 2017/08/26

RichText - シンプルなWYSIWYGエディタ

自分の見たままに編集する、いわゆるWYSIWYGな環境を提供するソフトウェアは開発者以外の方には必須のソフトウェアです。Markdownがいかに分かりやすい記法とは言え、開発者以外の方には使いづらいはずです。今回はjQueryプラグインのRichTextを紹介します。シンプルなデザインのWYSIWYGエディタとなってい...

List

  • 2017/08/26

JSconsole - DevToolsで任意のJavaScriptライブラリを読み込む

Google Chromeのコンソールを使うと、通常見ているWebサイト以上の操作ができるようになります。jQueryが使えればDOMはいじり放題になりますし、Ajaxなどの確認も容易です。しかし入っていない場合はdocumentを直接いじったり、scriptタグを追加したりしなければなりません。そこで使ってみたいのが...

List

  • 2017/08/25

Slack Black Theme - Slackアプリを黒ベースのデザインに

コミュニケーションツールは一日に目にする機会の多いサービスと言えます。それだけに目を刺激しない、低刺激なデザインやカラーリングになっていると嬉しいでしょう。現在最も使われているであろうSlackについてはどうでしょう。プログラミングエディタは黒ベースなのに、Slackが白ベースだと目が痛くなってきます。そこで使ってみた...

None

  • Premium_s 2017/08/25

プレゼンテーションであがらないコツ

MOONGIFTでは開発者向けマーケティング活動であるDevRelをサービスとして提供しています。その大きなタスクの一つがエヴァンジェリスト活動というのがあります。例えば勉強会やセミナーなどで登壇するのですが、個人的にはあがり症だったので人前で喋るのは好きではありませんでした。そんな筆者にしてどう克服していったのかを紹...

None

  • Premium_s 2017/08/25

隙間時間仕事術

電車に乗っているとき、エレベーターを待っているとき、さらにミーティングが始まるまでのちょっとした空き時間。意外とこういう時間を積み重ねると一日の大きな時間を占めていたりします。1回3分だとしても、それが20回もあったら1時間に相当してしまうのです。非常に勿体ないと感じませんか。そこでトライしてみて欲しいのが隙間時間を使...

None

  • 2017/08/25

cnps - connpass参加者を分析しよう

日本で一番使われている勉強会の集客サイトと言えばconnpassですが、各勉強会で集まってくれている人たちを正しく分析しているでしょうか。ただの一見さんなのか、常連なのかきちんと分かっていますか。そんな参加者の可視化をしてくれるのがcnpsです。勉強会を開催することが多い方はぜひ分析してみましょう。## cnpsの使い...

List

  • 2017/08/24

image-compressor - Webブラウザ上で画像圧縮

スマートフォンのカメラの性能が大幅に向上し、1ファイルのサイズが肥大化する傾向にあります。JPEGなのである程度圧縮がかかっているものの、それでも数MBあったりします。ブログなどで使うのであれば、正直そこまでの品質や画像の大きさは不要でしょう。そこで使ってみたいのがimage-compressorです。Webブラウザベ...

List

  • 2017/08/24

File Manager - Webベースのファイルマネージャ

ファイルサーバのファイルを操作しようと思うとサーバにログインしたり、RDPを使って操作したりします。社内であればサーバのあるところまで歩いていって操作するかも知れません。それは非常に面倒です。そこで使ってみたいのがFile Managerです。Webブラウザベースのファイルマネージャです。## File Manager...

List

  • 2017/08/23

Kantu Browser Automation - Google Chromeの操作を記録して自動再生

Webブラウザを自動操作したいというニーズはよくあります。同じような操作を繰り返す場合や、Webブラウザを使ったテストなども同様です。そのため、Seleniumやヘッドレスブラウザ系のソフトウェアが幾つも存在します。今回はGoogle Chrome機能拡張として提供されるKantu Browser Automation...

List

  • 2017/08/23

Authenticator - Google Chrome機能拡張として動作する二段階認証アプリ

二段階認証は使っているでしょうか。方法は幾つかありますが、一番多いのはスマートフォンを使ったものではないかと思います。しかし毎回スマートフォンで表示された数字を入力するのは面倒です。そこで使ってみたいのがAuthenticatorです。Google Chrome機能拡張として動作する二段階認証アプリです。## Auth...

List

  • 2017/08/22

o-grid - グリッドだけ提供するCSSライブラリ

最近のレスポンシブWebデザインを支えるのはグリッドデザインです。画面幅を幾つかに分割し(大抵12個が多いですが)、画面幅によってその内幾つのブロックを横に並べて表示するかを決定します。多彩なUIフレームワークと共に提供されることが多いですが、今回はごく基本的なグリッド機能だけ提供するo-gridを紹介します。## o...

List

  • 2017/08/22

Electron Code Editor - Electron製のごく基本的なプログラミングエディタ

AtomはElectronというWeb技術でデスクトップアプリケーションが開発できるフレームワークを基盤としています。HTML/JavaScript/CSSであっても、十分にプログラミングできるレベルの性能が発揮できるようになっているのです。自分でもそんなエディタを作ってみたいと考えるならばElectron Code ...