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

オープンソースの記事一覧

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

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

もっと見る

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

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

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

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で作られたブ...

List

  • 2017/08/14

Postage - PGAdminの代替を狙うデータベース管理

PostgreSQLの管理UIとしてはPGAdminが使われることが多いでしょうか。しかし、時にはインタフェースを変えたいと思うこともあるはずです。特にWebブラウザではなくデスクトップアプリの方がアクセスしやすくて便利に感じる方も多いでしょう。そこで使ってみたいのがPostageです。PGAdminの代替を狙ったPo...

None

  • 2017/08/14

mailit - メール送信をWeb APIで

メールをシステムに組み込むのは意外と面倒で、SMTP用のライブラリをついつい頼ってしまいます。さらに日本語問題やHTMLメール、添付ファイルなど様々な用途があります。それをシンプルに解決してくれそうなのがmailitです。メール送信をシンプルなREST APIで提供してくれます。## mailitの使い方mailitは...

List

  • 2017/08/13

BorderColorAnimate - 枠線をアニメーションさせるjQueryプラグイン

ユーザのアクションに対して反応することで、相手のストレスを軽減できます。特にAjaxを使うSPAなどでは通信状態を適切に表示しておくのが大事です。何の反応もなかったら、ユーザは何度もボタンを押してしまうでしょう。一例として紹介したいのがBorderColorAnimateです。枠をアニメーションさせるという面白い方法で...

List

  • 2017/08/12

JS-XLSX - Web上でExcelファイルを読み書き

なんだかんだ言ってもシステム開発においてExcelファイルはよく使われます。しかしサーバサイドでExcelファイルを生成したり、読み取ったりするライブラリをインストールするのは嫌なものでしょう。そこで使ってみたいのがJS-XLSXです。WebブラウザベースでExcelファイルの読み書きができます。## JS-XLSXの...

List

  • 2017/08/11

Tubutler - とてもシンプルなYouTubeプレイヤー

YouTubeはとても楽しいサービスですが、動画を見るために不要な情報がたくさん並んでいます。コメントや余計なメニューはいらない、とにかく動画を見たいんだと考える人は多いでしょう。そうした人にお勧めなのがTubutlerです。とてもシンプルで使い勝手の良いYouTubeプレイヤーです。## Tubutlerの使い方動画...

List

  • 2017/08/10

HashLink4Excel - Excelにハイパーリンク機能を追加

Webの根幹とも言えるのがハイパーリンクです。ハイパーリンクによってドキュメントのどの部分を指し示しているのかがすぐに分かるようになります。それをExcelでも実現したいと思ったことはないでしょうか。メールなどでやり取りされるExcelファイルで、どの部分を見て欲しいかを連絡できるようになります。それがHashLink...

List

  • 2017/08/10

Alchemy - 画像をPDFに変換する常駐アプリ

画像をPDFに変換したいと考える時があるかも知れません。そんな時、画像を開いて印刷機能の一部で提供されるPDF変換を使ったり、PDFにしてくれるプリンタドライバを利用します。しかしこれは手間です。そこで使ってみたいのがAlchemyです。メニューバーに常駐するPDFコンバータです。## Alchemyの使い方常駐してい...

List

  • 2017/08/08

Skypad - Skygearを使ったリアルタイムコラボレーションエディタ

Webアプリケーションに魅力を加えてくれるのがリアルタイムコラボレーションです。遠く離れた人と一つのデータを同期して作成、編集して一気に作品を創り出していけます。しかし技術的に難関な部分も多いです。それを簡単に解決してくれるのがSkygear