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

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

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

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

もっと見る

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

List

  • 2017/08/07

AniJS - 効果的なアニメーションとUIコンポーネント集

最近はWebデザインと言っても静的なものだけでなく、クリックやマウスオーバー時などのイベントに基づくアニメーションなども必要になっています。それによって一歩先行くデザインに仕上がります。しかしアニメーションはちょっとした違和感などで台無しになってしまう可能性も秘めています。今回はそんな失敗を防ぐべく、AniJSを紹介し...

List

  • 2017/08/06

iPhone Inline Video - iPhone上で動画を埋め込み再生

iPhoneで動画を再生すると自動的にフルスクリーンになってしまいます。アプリでは最初はインライン再生できるものも出てきています。これらは独自に実装しているケースです。Web上でも同じようにインライン再生できるようにするライブラリがiPhone Inline Videoです。## iPhone Inline Video...

List

  • 2017/08/05

sudolikeaboss - iTerm2上で1Passwordのパスワードを入力

Webページでは同じパスワードを使い回さないのが基本です。ではサーバではどうでしょうか。サーバへのログインは公開鍵で良いとして、その後別なユーザになったりする際にパスワードを使っていないでしょうか。ちゃんと必要最低限に設定されたsudoを使っているケースは多くないように思います。そこで使ってみたいのがsudolikea...

None

  • 2017/08/05

trdsql - CSVファイルにSQLを実行

一度データベースを使い始めるとCSVやテキストファイルに戻ることができなくなります。データベースなら検索するのも簡単ですし、集計したりすることもできます。CSVでやろうと思うととても大変です。そこで使ってみたいのがtrdsqlです。CSVやTSVファイルに対してSQLを実行できるようにするソフトウェアです。## trd...

List

  • 2017/08/04

Mesh - 表データからJavaScriptコードを生成

JavaScriptのコードはコールバックが多かったり、処理した結果を関数で受け取ったりするので分かりづらいと感じるようです。もっと構造を分かりやすく分解して欲しいと思う方もいるでしょう。そこで使ってみたいのがMeshです。JavaScriptのコードを表計算の形で表現してくれる…何を言っているかよく分からないかも知れ...

List

  • 2017/08/04

cgmd-browser - Markdownに注釈を入れる

Markdownが開発者の間でデファクトのフォーマットになってきています。そうやって広まっていく中では、周辺ツールも充実してきます。今回はアノテーション、注釈に注目します。Markdownでもワードプロセッサのように文書に対してコメントしたいと考える時があるでしょう。そんな時に使えるのがcgmd-browserです。#...

List

  • 2017/08/03

DoppioJVM - JavaScriptで作られたJavaVM

JavaといえばかつてはWebブラウザ上でも動いていました。Javaアプレットと呼ばれる技術で、とんでもなく遅かったり、セキュリティホールになったりと悩みの多かった存在ではないでしょうか。HTML5になり、プラグインが軒並みなくなっていく中でJavaアプレットも動く機会がなくなっています。そんな中、安全にJavaが実行...

List

  • 2017/08/02

Paradeiser - ハンバーガーメニューに代わるモバイル向けメニュー表示

モバイル向けのWebサイトではメニュー表示にハンバーガーメニューがよく使われます。しかし、実際のところハンバーガーメニューが一般的に分かりやすいわけでもありません。むしろタップして何が出るのか分からず躊躇してしまう人が多いでしょう。そこで使ってみたいのがParadeiserです。ハンバーガーメニューに変わるメニュー機能...

List

  • 2017/08/02

Chameleon.js - 画像からカラーパターンをピックアップ

Webサイトのデザインを考える上で色彩は重要なパーツです。それだけに慎重に選ばざるを得ません。同系色でまとめれば良いという訳でもなく、一見すると合わないような色合いでも意外とマッチするケースもあります。そんなカラーパターンを既存の画像からピックアップしてくれるのがChameleon.jsです。## Chameleon....

List

  • 2017/08/01

p5.js - Processingライクに使えるグラフィックスライブラリ

Processingといえばグラフィカルなアート作品を生み出す言語として知られています(またはArduinoで使える言語として知っている方も多いでしょう)。しかし専用の言語を覚えないといけないという点において利用を躊躇してしまっている方も多いはずです。そんな方に使ってみて欲しいのがp5.jsです。グラフィックス、インタ...

List

  • 2017/07/31

Sirius UI - Bootstrap/Vue.jsを組み合わせたUIデザインテンプレート

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

List

  • 2017/07/31

ExportToExcel - Web上でデータをExcelにエクスポート

Webブラウザでデータをダウンロードしたいというニーズはよくあります。データフォーマットとしては幾つもありますが、特に要望が多いのはExcelフォーマットではないでしょうか。CSVでも良いですが、より使いやすいフォーマットのはずです。そこで使ってみたいのがExportToExcelです。クライアントサイドでExcelフ...

List

  • 2017/07/30

pell - 1KBの軽量なWYSIWYGエディタ

Webでコンテンツを公開するのが当たり前になっている一方、HTMLを習得している割合はそれほど高くありません。そのため、コンテンツを作成する負荷を軽減するためWYSIWYGエディタの存在は大事になっています。今回はpellというエディタを紹介します。わずか1KBという軽量なライブラリです。## pellの使い方こちらが...

List

  • 2017/07/29

Faao - GitHubのIssue/Pull Requestビューワー

GitHubでは多くのデータがWeb APIで取れるようになっています。しかもトークンを使うことで取得できるデータの制限を自分で行えるようになっています。データの作成については制限も多いですが、取得については自由度が高いです。そんなGitHubの仕組みを使って作られているのがFaao、GitHubのIssue/Pull...

List

  • 2017/07/29

BotUI - Web上で作るボット対話UI

ボット系サービスにおいて大事なのはボットとの対話インタフェースです。何かこちらが疑問を投げかけると、それに対してボットが答えます。最近の質はAIによって急激に向上していますが、対話インタフェースはずっと昔から変わりません。今回紹介するBotUIはそんなボットとの対話インタフェースをWeb上で手軽に実装できるライブラリで...