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

ライセンス - MIT Licenseの記事一覧

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

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

もっと見る

List

  • 2017/01/17

Pit-scheduler - 線表形式の使いやすいカレンダー

スケジュール管理は多くのシステムで使われています。プロジェクト管理、顧客管理、グループウェアなどは特にそうで、日付と連動して動くシステムは他にも多数あります。純粋なスケジュール管理ではリッチなカレンダー表示が行われていますが、それ以外のシステムでは大したことない場合も多いでしょう。今回はjQueryで見やすい線表ベース...

List

  • 2017/01/17

AddSearchOptions - Googleの検索結果にオプションを追加

GoogleのWeb検索では条件を指定して実行ができます。有名なところではドメインを制限したり、ファイルの種別を特定することもできます。これらは検索タームの中で指定するもので、別途ドロップダウンで条件指定することもできます。今回はその一つ、検索結果の期間絞り込みを追加できるAddSearchOptionsを紹介します。...

List

  • 2017/01/16

A-Painter - WebVRで空中にイラストを描く

VRは単純にゲーミングデバイスとしての枠を越えて、その中で友人とチャットをしたり、記念写真を撮ったり、さらに一緒にゲームをしたりとソーシャルVRという概念に注目が集まっています。今回はWebVRフレームワークであるA-Frameを使ってWebブラウザの中でお絵かきができるA-Painterを紹介します。## A-Pai...

List

  • 2017/01/15

nodeftpd - Node.js製のFTPサーバ

FTPサーバはパスワードを平文で送るのでセキュリティ上、利用はあまり好ましくありません(SFTPであれば良いのですが)。そのため、今はあまり使われなくなっていますが、それでも多くのサーバで使われ続けています。昔からあるプロトコルだけに、ライブラリやクライアントソフトウェアも数多く存在するのが利点です。そこで新しいFTP...

List

  • 2017/01/15

paste.js - JavaScriptでクリップボードからペーストされたデータを読み取る

HTML5になってクリップボードの内容にもある程度JavaScriptからアクセスできるようになりました。ファイルをアップロードする際にもinput

List

  • 2017/01/14

reg-cli - 二つの画像で異なる部分を抽出

間違い探しは好きでしょうか。好きか嫌いかに関わらず、仕事をしていると時に2つのデータを見比べなければならないことが何度もあります。穴が空くほど見つめても違いが見つからないのですが、他の人に聞くとあっという間に見つかったりします。見ている視点がほんの少しだけずれているのです。そんな二つのデータの比較をさくっと行ってくれる...

List

  • 2017/01/14

kuzusi - これなら上司にばれない?ターミナルで動くブレークアウト

サーバエンジニアは常にターミナルを立ち上げておく必要があります。白黒の画面では面白さが欠けるかも知れません。そこでついデスクトップのブラウザなどを立ち上げたくなりますが、仕事はターミナル上で発生します。なんとかターミナル上で楽しめないでしょうか。そんな方に朗報です。ターミナル上で遊べるブレークアウト、kuzusiが登場...

List

  • 2017/01/12

jquery.diamonds.js - 菱形を並べたデザインをどうぞ

Webでの表現は基本的に四角が重なった形で表現されます。そのため、デザインする際の効率は良いのですが、そこから逸脱したデザインをしようと思うと途端に大変になります。例えば円形や菱形などです。今回紹介するjquery.diamonds.jsはそんなデザインが難しい菱形が連なったデザインを実現できるソフトウェアです。## ...

List

  • 2017/01/11

PPTX2HTML - PowerPointファイルをHTML化

Googleドライブにあるスライド機能はHTMLでありながらPowerPointレベルのスライドを作成できる便利なサービスです。HTMLであればインターネットとの相性もよく、検索もしやすくなります。今手元にPowerPointのファイルがあるならばPPTX2HTMLを使ってHTML5化してみてはいかがでしょう。## P...

List

  • 2017/01/11

Awesomplete - Webにもっと便利な入力補完を

HTML5の新しい機能の一つに入力補完があります。Safariなどは対応していませんが、大量にある候補の中から絞り込みつつ入力できるので便利です。とは言え、日本語では漢字があるので変換したりする手間を考えるとアルファベット向けの機能に感じます。そんな若干使い勝手の悪い入力補完をもっと便利にしてくれるのがAwesompl...

None

  • 2017/01/09

textlint-rule-ja-no-redundant-expression - 日本語の冗長的な表現をチェック

読みづらい日本語の文章を書く人は冗長的な表現を行うケースがあります。なんとなく硬い文章の雰囲気になりますが、実際には分かりづらさが増すだけで、メリットは殆どありません。しかし慣れてしまうとついそういった表現を使ってしまいます。そこで使ってみたいのがtextlintのプラグイン、textlint-rule-ja-no-r...

List

  • 2017/01/09

textlint - 文章の問題をチェック

テキストを書くような仕事をしていると、問題のある表現であったり、冗長的な表現を使ってしまうことがあります。プログラミングで言えばバグを踏みそうな書き方(またはバグそのもの)とも言えます。プログラミングであれば自動的にチェックしてくれるツールがある訳で、テキストにおいてはtextlintを使ってチェックしましょう。## ...

List

  • 2017/01/06

scrollMonitor - 大量のデータもスムーズにスクロール

Web上で大量のDOMを表示するのは自殺行為です。Webブラウザの動きがガクガクになったり、フリーズしてしまったりします。そのためページネーションが使われるのですが、業務要件として全データの表示を求められることは多々あります。そんな時にはscrollMonitorを使ってみましょう。大量のデータであってもスムーズなスク...

List

  • 2017/01/06

jd - インタラクティブなJSONエディタ

JSONはシステム用のファイルフォーマットなのですが、可読性がそれほど悪くないので人が読むのはそこまで苦痛ではありません。とは言え整形は必要で、さらに検索ツールもあった方が良いでしょう。今回はそんなJSONを読み書きするためのツール、jdを紹介します。## jdの使い方起動したところです。一番上にある文字とマッチする部...

List

  • 2017/01/04

FileExplorer - iOS用のファイル管理

iOSアプリでアプリ内にあるファイルやディレクトリを一覧したり表示したりする機能が必要になることがあります。ビジネス用途のアプリではよくありますし、写真やPDFなどをダウンロードするアプリであれば一覧、表示系機能が必要になるでしょう。そこで使ってみたいのがFileExplorerです。CocoaPodsを使って自分のア...

List

  • 2016/12/31

Mobile-Checker - w3c製のモバイルサイトチェッカー

スマートフォンの世界は進化が速く、スマートフォンに対応したWebサイトを正しく作れているかどうかは熟知している人であってもなかなか判断できないのではないでしょうか。そんな時には本家であるw3cの仕様に沿うのがベストです。今回紹介するMobile-Checkerはw3cが作成しているモバイルデバイスへの適合性チェックツー...

List

  • 2016/12/30

swip - 体験必須!複数デバイスを簡単に連携

Googleが作成した、複数のウィンドウを連携させるChromeの実験的デモを見たことがあるでしょうか。複数のウィンドウ間でメッセージを飛ばすことでデータの位置やステータスを同期させていると思われます。そんなデモを複数のスマートフォン、タブレットでできてしまうのがswipです。## swipの使い方swipを使っている...

List

  • 2016/12/29

opn-cli - コマンドからリンクやファイルを開く

macOSにはopenコマンドがあります。これは便利なコマンドで、ファイルやURLを渡せば適切なソフトウェアで開いてくれます。しかし簡単に使える反面、細かなカスタマイズはできません。さらに他のプラットフォームでも使ってみたいという方は多いかと思います。そこでインストールしたいのがopn-cliです。## opn-cli...

List

  • 2016/12/29

WhitestormJS - 物理エンジンを備えた3D Webアプリケーションフレームワーク

Web上で3Dを表現するのはコツがいります。THREE.jsのような専用のライブラリもありますので、そうしたものを使うのが良いでしょう。そこに物理演算を追加するとさらに込み入った難しさが出てきます。今回紹介するオープンソース・ソフトウェアはWhitestormJS、物理エンジンを備えた3D Webアプリケーションフレー...

List

  • 2016/12/28

Bludit - プラグイン/テーマ機能を備えたPHP製ブログエンジン

ブログエンジンというのは常に新しいものが登場している気がします。世界的に見れば圧倒的なシェアを持っているのがWordPressでしょう。しかしMediumであったりnotesのような手軽に書けるサービスも人気です。今回はそんなブログエンジン、Bluditを紹介します。PHP製ですっきりとしたデザインが特徴のソフトウェア...