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

プログラミング言語 - JavaScriptの記事一覧

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

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

もっと見る

List

  • 2016/11/28

Grade.js - 画像を解析して最適な枠を表示

画像は見せ方がとても大事です。ただ並べただけでは目を引くことができません。例えばPinterestがあれだけ流行ったのは、それまでになかった段違いな組み合わせのグリッドによるところが大きかったでしょう。画像を主体としているサイトでは特に見せ方に注意すべきです。今回紹介するGrade.jsは画像に枠をつけてくれるJava...

List

  • 2016/11/26

Hotdraw.js - JavaのHotdrawをJavaScriptにポーティング

Javaはサーバサイドだけでなく、デスクトップ開発でも利用できます。速度面などに難があって利用は伸びませんが、かつては多くのデスクトップソフトウェアがJavaで作られていました。そんなJavaには多くの先進的試みがありました。JHotDrawというJavaによる2Dドロー技術もその一つで、今回紹介するHotdraw.j...

List

  • 2016/11/26

turbo.js - WebWorkerでGPUを使った計算処理を実現

ブラウザのJavaScriptは一昔前に比べたら大幅に高速化されていますが、それでもシングルスレッドで処理されるという点がネックになります。それを克服するためにはWebWorkerを使った並行処理、GPUを使った計算処理が必要です。それらの技術を使おうと思ったら非常に面倒なイメージがあります。そこで利用するのがturb...

List

  • 2016/11/25

DevdoGs - Electron製のDevdocsビューワー

開発者が知っておくと便利なサービスはいくつかありますが、その一つがDevdocsです。多数の開発時に利用するであろうライブラリやプログラミング言語のドキュメントが閲覧できます。オンラインで読むのも良いですが、お勧めはやはりオフラインです。一旦ダウンロードしておけばいつでも参照できるようになります。そこで使ってみたいのが...

None

  • 2016/11/25

Serverless Traveling Ruby Starterkit - RubyでAWS Labmdaを使う際の基礎にどうぞ

最近注目のキーワードがサーバレスアーキテクチャです。AWS LambdaやAzure Functionなどを使って決して多機能ではない、シンプルなシステムを構築します。それらを組み合わせて一つの大きなシステムとしていく開発技術になります。今回はそんなサーバレスアーキテクチャによる開発を手軽に体感できるServerles...

List

  • 2016/11/24

Jasonette - JSONでiOSアプリを開発するフレームワーク

一昔前のTitaniumであったり、React NativeはJavaScriptをネイティブのJavaScriptエンジン上で実行してネイティブのコンポーネントを使えるようにしています。それを使ってReact Nativeではコードを即時反映しながら開発ができるようになっています。そんな開発スタイルを一歩推し進めたの...

List

  • 2016/11/24

Cloud Commander - Webベースの二画面ファイラー

二画面ファイラーは好きでしょうか。筆者は大好きです。WindowsのエクスプローラやmacOSのFinderはもちろん、ファイルの移動やコピーがとてもやりづらいと感じてしまいます。二画面ファイラーに慣れてしまうと手放せなくなるでしょう。そんな二画面ファイラーをWebベースで提供するのがCloud Commanderです...

List

  • 2016/11/22

flv.js - JavaScript製のFLVプレイヤー

Flashコンテンツは世の中に溢れていますが、HTML5への移行も進んでおり、利用度合いは右肩下がりです。しかしすでにあるコンテンツを移行するのも難しいでしょう。そこでHTML5/JavaScriptの力でレガシーなFlashコンテンツを実行する試みが多数あります。今回はその一つ、flv.jsを紹介します。FLVフォー...

List

  • 2016/11/22

sidebar-v2 - 地図にサイドバーを追加

地図系サービスではサイトに埋め込めるようにしたり、地図にマーカーを載せたりするためのAPIを提供しています。しかし、表示されているもの以上の機能を追加しようとすると途端に面倒になります。意外とカスタマイズ性が低いのが地図系ライブラリです。そこで使ってみたいのがsidebar-v2です。各種地図ライブラリに対してサイドバ...

List

  • 2016/11/21

Scribe.js - nodeのログをカラフルに、かつWebブラウザ上で確認

最近Nodeで開発することが増えてきたのですが、標準出力に出てくるログはあまり見やすくありません。目的のデバッグメッセージがどこに出ているのか確認が面倒で、ターミナル上では検索もままなりません。そこで使ってみたいのがScribe.jsです。ログを格好良く、見やすくしてくれます。## Scribe.jsの使い方ログがWe...

List

  • 2016/11/19

evermark - ローカルディレクトリのファイルをEvernoteにアップロード

Evernoteにメモを蓄積している人は多いと思いますが、そのエディット環境がWebであったり、専用クライアントソフトウェアで使い勝手に苦しんでいる方も少なくありません。フォーマットもWYSIWYGではなくMarkdownを使いたいという人もいるでしょう。そこで使ってみたいのがevermarkです。CLIでローカルとE...

List

  • 2016/11/18

Lighthouse - Progressive Web Appsに即しているか解析&点数表示

Progressive Web Appsというキーワードは2015年くらいに出てきましたが、スマートフォン向けのWebサイトを筆頭として、よりアプリ風なUI/UXが求められるようになっているのは確かです。レスポンシブはもちろん、画面遷移やタップした時のアニメーションなども求められるでしょう。自分の作っているWebサイト...

List

  • 2016/11/17

gridstack.js - jQuery製のウィジェット表示/作成ライブラリ

WebダッシュボードのUIであったり、ユーザがカスタマイズできるページにおいて大事なのがドラッグ&ドロップを使ってカスタマイズできるウィジェット機能です。かつてiGoogleで見られたUIは今は多くの管理画面で採用されています。そういったページを表示する際に使えそうなのがgridstack.jsです。ウィジェットの大き...

List

  • 2016/11/17

Astray - WebGLを使った迷路ゲーム

Webの表現力が低いと言われたのはとうに昔で、HTML5によってぐっと向上しています。とは言え、簡単にできるかと言われるとそうでもないのですが、それでも多くのライブラリやフレームワークによって実現する方法も増えています。今回はWebGLを使った迷路ゲーム、Astrayを紹介します。単純な2Dに比べて高度な表現が特徴です...

List

  • 2016/11/16

Builderscon session timer - Builderscon公式(?)セッションタイマー

2016年12月に第一回目が開催されるBuilderscon

List

  • 2016/11/16

PurpleJS - JVM上で動くサーバサイドJavaScriptフレームワーク

Node.jsはバージョンアップも早く、開発者としては追従するのに苦労します。新しい機能が増える一方、安定と不安定を繰り返す可能性もあり、採用を躊躇してしまう人もいるのではないでしょうか。そんな方々に使ってみて欲しいのがPurpleJSです。JVM上で動くJavaScriptアプリケーションフレームワークです。## P...

List

  • 2016/11/15

PDFJSAnnotate - WebベースでPDFに注釈

FirefoxではPDFの表示にpdf.jsを採用しています。表示は問題なく、普通に表示できます。さらにJavaScriptベースなので、外部からの操作もこれまでに比べると大幅に楽です。Web標準の技術で実装すると大きな恩恵があります。そんなpdf.jsで表示されたPDFに対して注釈をつけられるのがPDFJSAnnot...

List

  • 2016/11/15

JointJS - 多彩な図を描けるJavaScriptライブラリ

Web上での表現力を向上させるためのライブラリが多数存在します。多くはグラフを描くものであったり、より複雑なチャートを描くものです。さらにWebGLを使ったり、Canvasに複雑な描画を行うものもあります。今回紹介するJointJSはCanvas上に図形を描くのですが、JavaScriptと連携したインタラクティブな図...

List

  • 2016/11/14

Shuffle.js - ダイナミックなフィルタ/ソートライブラリ

多数のリストの中から目的のものを探す際に、多くの人が目検でチェックしたり、Webブラウザのテキスト検索を使ったりします。これは非効率的で、面倒です。技術の力でもっと効率的にすべきでしょう。とは言え、作り込むのは意外と面倒だったりします。そこで使ってみたいのがShuffle.jsです。## Shuffle.jsの使い方最...

List

  • 2016/11/13

Parallel.js - マルチコア処理が容易になるJavaScriptライブラリ

JavaScriptは基本的にシングルスレッドです。そのため、一つの処理に時間がかかっていると画面が固まってしまいます。しかしその壁を乗り越えられる技術があります。それがWebWorker APIです。個人的に使いこなせていない技術なのですが、Parallel.jsを使えば実装が容易になるかもしれません。## Para...