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

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

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

2017/08/16
孫子的プロジェクト管理術
2017/08/16
2017年07月の人気ソフトウェアまとめ
2017/08/14
変化に強い人になる

もっと見る

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 ...

List

  • 2017/08/21

VUESTIC - Vue.jsを使ったシステム管理画面テンプレート

Webサービスを作っていて、必要になるのが管理画面です。多くは開発工程の最後に回されて、予算もないために簡易的な画面で作られます。しかしより良い管理を行うためには管理画面もこだわりたいものです。今回はVue.jsを使った管理画面、VUESTICを紹介します。## VUESTICの使い方トップページです。アイコンが大きめ...

List

  • 2017/08/21

jQuery Skeduler Plugin - カレンダーの週表示を行うjQueryプラグイン

仕事は大抵時間に即して行われているのでカレンダー風に表示したりすると分かりやすく可視化できます。スケジュールアプリでは総じて提供されていますが、自前で実装しようと思うと大変な表示です。そこで使ってみたいのがjQuery Skeduler Pluginです。週表示のカレンダービューを提供するjQueryプラグインです。#...

List

  • 2017/08/20

chalk-animation - ターミナル上でカラフルなテキストアニメーション

時にソフトウェアの中には、役には立たなくとも見ていて面白いものが存在します。また、開発者としてはそれを見て、実際にはどんなところに使えそうか考えてみるのも面白いでしょう。今回はchalk-animation、ターミナル上でテキストアニメーションを流せるソフトウェアを紹介します。## chalk-animationの使い...

List

  • 2017/08/20

toucHNews - Touch BarにHacker Newsを流す

新しいMacBook ProのTouch Barの使い道については皆が悩んでいるかと思います。キーボードを拡張するといっても、どんな入力をさせると生産性があがるのでしょうか。まだまだ実験段階なところはありますが、一例としてtoucHNewsを紹介します。Touch BarにHacker Newsのフィードを流すソフトウ...

List

  • 2017/08/19

Publii - 静的Webサイトを構築するGUIアプリ

静的なWebサイトを構築するフレームワークは多数あります。その多くはコマンドラインのもので、サイトをプレビューしながら開発していくものではないでしょうか。開発者にとっては使いやすいですが、普通の方にはちょっと使いづらいと感じるかも知れません。そこで使ってみたいのがPubliiです。GUIアプリケーションな静的サイト構築...

List

  • 2017/08/19

Fangle - Markdownにインタラクティブ性を追加

Markdownはごく基本的な機能しか提供しないため、物足りないと考える人たちが多彩な拡張を行っています。一般的なHTMLコードを追加するほか、計算式を埋め込めるようにしたり、oembedに対応するなどです。今回紹介するFangleはさらにMarkdownにインタラクティブ性を追加してくれるライブラリになります。## ...

List

  • 2017/08/18

Ring UI - JetBrains製のUIコンポーネント集

Webアプリケーションを作る際に大事なのがUIです。Bootstrapのようなテーマもありますが、まだまだ足りない部品があることも多いでしょう。そうしたときに工夫すれば実装できるのか、または最初から用意されているのかで大きな違いがあります。今回紹介するRing UIはJetBrains社製のUIフレームワークになります...

List

  • 2017/08/18

Raneto - node製/Markdownのナレッジベース

企業のWebサイトなどでよく見られるのがナレッジベースです。FAQ的なものですが、検索がついていたりカテゴライズもされていて、より洗練されたものとなっています。今回はそんなナレッジベースを作成するためのソフトウェア、Ranetoを紹介します。## Ranetoの使い方インデックスです。カテゴリ毎にタイトルが並んでいます...

List

  • 2017/08/17

Uppy - クラウドストレージも使える高機能なファイルアップローダー

HTML5は素のままではあまりUXは向上していません。APIを使って開発者自身で拡張しなければなりません。しかしその開発もそう簡単ではありません。そこですでに他の方が開発したものを積極的に使っていくのが良いでしょう。今回は多機能なファイルアップロード機能が手に入れられるUppyを紹介します。## Uppyの使い方利用し...

List

  • 2017/08/17

SoftU2F - YubiKeyを使ってWebの二段階認証をサポート

スマートフォンを使った二段階認証システムも当たり前になってきました。しかし二段階認証自体はそれ以外のデバイスを使ったものも存在します。特に知られているのは専用のUSBデバイスYubiKeyを使ったものです。GitHubが取り組んでいるのがその領域で、WebブラウザでもYubiKeyを使えるようにしたSoftU2Fです。...

List

  • 2017/08/16

Particle - YouTubeをもっと便利にするブックマークレット

YouTubeをよく使う人ほど、あのUIに不満もあるでしょう。一昔前であれば与えられたもの以上のことは何もできなかったですが、今はユーザ自身の手でカスタマイズできるのです。今回紹介するParticleはそんなYouTubeのUIをより使いやすくしてくれるソフトウェアです。## Particleの使い方設定画面です。イン...

List

  • 2017/08/16

wordcloud2.js - JavaScriptでタグクラウドを生成

たくさんの文字が良い感じに詰め込んだ状態で並んだ状態がタグクラウドやワードルと呼ばれます。それを手作業で作成するという選択はまず考えられないでしょう。また、画像で作ってしまうと後からの更新が面倒です。そこで使ってみたいのがwordcloud2.jsです。与えられた文字列を良い感じに配置してくれます。## wordclo...

None

  • Premium_s 2017/08/16

孫子的プロジェクト管理術

孫武の書いた兵法書、孫子は有名な書です。最初のフレーズ「孫子曰く、兵とは国の大事なり」は大抵の人が知っているのではないでしょうか。しかし実際に内容としてどんなことが書いてあるのかを知らない人は多いかと思います。孫子は基本的に兵法なので、戦に勝つための話が書いてあります。これはさすがにエンジニアにはそぐわないと思います。...

None

  • Premium_s 2017/08/16

2017年07月の人気ソフトウェアまとめ

過去分はこちら。- 01月UIライブラリは幾つ知っておいても役立つものです。Webサイトの雰囲気に合わせてピックアップしたり、機能によって差別化もできるでしょう。すべての要件を一つのUIフレームワークで達成できる訳ではありませんので、色々知っておくとぴたりと当てはまる場面があるはずです。今回はSirius UIというU...

List

  • 2017/08/15

Terminal recorder - ターミナル操作を記録してHTML出力

自分のターミナル操作を記録したい時はないでしょうか。手順書を作る場合でも、ブログ記事を書くときにも考えられます。すべてテキストで書いていくのもいいですが、入力した内容がそのまま記録されるなら、これほど楽なことはないでしょう。Terminal recorderはそんな希望を叶えてくれるソフトウェアです。さらに結果はHTM...

List

  • 2017/08/15

CSS Browsers - CSSで作られたブラウザウィンドウ

GUIのWebブラウザの歴史は長いです。Mosaicの時代から考えるとすでに25年近いのではないでしょうか。その後NetscapeやFirefox、IE、Safari、Opera、Chromeなど様々なブラウザが誕生しました。そんなブラウザの遍歴をうかがい知れるのがCSS Browsersです。なんとCSSで作られたブ...