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

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

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

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

もっと見る

None

  • 2016/11/11

tget - Torret版wget

Torrentをソフトウェアのダウンロードに使っているサイトは多数あります。特にLinuxディストリビューションのようなオープンソースで要領の大きいファイルを配布しているサイトで利用されています。そういったソフトウェアをダウンロードするためにTorrentクライアントをインストールするのは面倒という方にお勧めしたいのが...

List

  • 2016/11/08

Notification Logger - console.logとデスクトップ通知へ同時にメッセージ

Webアプリケーションのデバッグを行う際には開発者ツールが使われます。多くはconsole.logを使ってデバッグメッセージを確認するでしょう。しかし毎回開発者ツールを開くのにうんざりしている人もいるはずです。そこで使ってみたいのがNotification Loggerです。コンソールへのログと同時にデスクトップ通知も...

None

  • 2016/11/07

Yarn - 次世代のJavaScriptライブラリ管理

JavaScriptのライブラリ管理としてはnpmまたはBowerがよく使われています。npmを使っていて思うのはインストールにかかる時間がとても長いということです。ライブラリをインストールするのに長時間待たされてイライラした経験がある方は多いのではないでしょうか。そこで使ってみたいのがYarnです。npmと同等に扱え...

List

  • 2016/11/06

jquery.tabSlideOut.js - クリックするとスライド表示されるコンテンツ

少し前にはWebサイトでUserVoiceのフィードバックウィジェットをつけているサイトがよく見られました。サイトの右端、左端などにぴったりと表示されて、クリックするとフォームが表示されるというものです。あのような表示を再現できるのがjquery.tabSlideOut.jsです。任意のコンテンツが表示できるのでフォー...

List

  • 2016/11/03

Hyperform - Webフォームの入力チェックライブラリ

Webフォームにおける入力検証の仕組みは大事です。一度サーバに送信してからエラーを返す方式はユーザのストレスも大きくお勧めしません。サーバ側での入力チェックは必要ですが、ユーザビリティのためにWebブラウザ側でも入力チェックをしましょう。今回はそんな入力チェックを提供するJavaScriptライブラリ、Hyperfor...

None

  • 2016/11/03

facebook-cli - node製のFacebookクライアント

Facebookへ頻繁にアクセスしてしまって業務がままならないという方はFacebookへのアクセスを禁止しましょう。しかし、閲覧はしなくともステータスのアップデートはしたかったり、多少面倒でも内容が見たいということがあるかも知れません。そんな時に使いたいのがfacebook-cliです。ターミナルからFacebook...

List

  • 2016/11/02

exerslide - React製のHTMLプレゼンテーション作成ツール

HTMLのスライドをよく見かけるようになってきました。派手なアニメーションはなくとも、作成のしやすさであったりデザインのカスタマイズが容易なのが利点です。オンラインでの公開も簡単です。今回はFacebookインキュベーターで生まれたHTMLスライド作成ツールexerslideを紹介します。## exerslideの使い...

List

  • 2016/11/01

Tesseract.js - なんと!Webブラウザでも動作するJavaScript OCRエンジン

今後OCRのニーズは高まっていきます。世界中で写真が撮影されており、そこから意味を見いだす上でテキスト情報は欠かせません。ディープラーニングも使われていますが、テキストとして得られる情報はまだまだ多いでしょう。そんなOCRをJavaScriptで実行してしまうのがTesseract.jsです。なんとWebブラウザベース...

None

  • 2016/10/31

wzrd.in - Browserifyをサービス化

最近では多数のJavaScriptライブラリを使うのが当たり前になっています。そうした時に一つ一つのライブラリをscriptタグで読み込むのは大変であり、Browserifyを使って一つのファイルにまとめてしまうのが便利です。今回はそんなBrowserifyをWeb上のサービスとして提供するwzrd.inを紹介します。...

None

  • 2016/10/31

moji - JavaScriptによる全角/半角の文字種変換

Webの入力フォームでイライラさせられるのは半角、全角の判定ではないでしょうか。データベースに入れる際にデータを統一したいだけで、利用者に対して苦痛を押しつけています。解決する手段など幾つもあるにも関わらずです。今回はJavaScriptによる文字種変換ライブラリ、mojiを紹介します。### mojiの使い方moji...

List

  • 2016/10/29

Serverless Buffer App - サーバレスアーキテクチャによるBuffer風アプリ

個人的にTwitterやFacebookのアカウントを管理するのにBufferを使っています。予定したスケジュールでソーシャルメディアにシェアしてくれるので便利なのですが、時に物足りないと思ったり、アカウントのアップグレードが求められたりして残念なこともあります。そこで使ってみたいのがServerless Buffer...

List

  • 2016/10/29

Presentation Annotator - スライドのメモ、注釈を記述

プレゼンテーションのスライドは作って終わりではなく発表が大事です。何を話せば良いか忘れないように各スライドにノートを記述しておく人は多いです。筆者もいつもそうしています。Keynoteなどはそのための機能を備えていますが、単なるPDFファイルではメモ書きする場所がありません。そんなスライドに対する指摘やメモ書きを実現で...

List

  • 2016/10/28

Orb - Web上でピボットテーブルを実現

Web上でテーブル/グリッド表示をすると多くの機能が求められるようになります。ソートであったり、一括更新などの機能が有名ですが、業務担当者ではなくマーケティング担当者などが求めるものとしてピボットテーブルがあります。作るのはとても大変ですが、Orbを使えば容易に実現できそうです。## Orbの使い方メイン画面です。!

List

  • 2016/10/27

smartscroll - スクロールをジャックしてぴったり合わせた表示を実現

スクロールというのはユーザが好きな場所まで自分で指定できるのが基本です。しかしサイトの種類によってはスクロールさえも制御したいと思うことがあります。一つのページの中で複数の情報を分けて表示したい時などがそうです。そこで今回はスクロールを制御できるsmartscrollを紹介します。## smartscrollの使い方実...

List

  • 2016/10/25

Kap - Web技術を使ったスクリーンキャスト

ソフトウェアのデモ動画を作成する際などにスクリーンキャストが便利です。昔はあまり良い選択肢が多くなかったのですが、今では多くのソフトウェアが存在します。Mac OSXであれば標準でインストールされているQuickTimeで録画することもできます。今回紹介するKapはオープンソースのスクリーンキャストソフトウェアで、We...

Missing

  • 2016/10/24

placeholder.js - Webブラウザでダミー画像を生成

Webサイトのモックアップを作っていて便利なのがダミーの画像です。多くのダミー画像提供サービスがありますが、難点としてオンラインでないと使えないという問題があります。ダミー画像サイトが落ちているために見栄えが悪くなるのも残念です。そこで使ってみたいのがクライアントサイドでダミー画像を生成するplaceholder.js...

List

  • 2016/10/24

Texture - シンプルながらも構造化された文章を作成できるWebワードプロセッサ

最近のエディタはとてもリッチで高機能になるか、Markdownのように記法に沿うことでとても簡単に書けるかの二極化されているように感じます。しかし、Markdownではちょっと物足りず、とは言え簡単に書けるエディタが欲しいと思うのではないでしょうか。今回はそんな可能性を見せるWebベースのワードプロセッサ、Textur...

List

  • 2016/10/23

Textillate.js - CSS3を使って華麗なテキストアニメーションを実現

CSS3になって表現力が広がっています。これまでFlashやJavaScriptを駆使しないとできなかったことが、スタイルシートだけで実現できるようになっています。スタイルシートを使えばGPUを使うのでより滑らかに表現できます。今回はTextillate.js、CSS3を使ってテキストアニメーションソフトウェアを紹介し...

List

  • 2016/10/22

Excel Builder.js - node製のExcelファイル生成ライブラリ

業務システムを開発していて度々ニーズがあるのがデータのエクスポートです。多くの場合、CSVファイルで出力されますが、数値や日付の型も指定できませんし、ユーザビリティは高くありません。そこで実現したいのがExcelフォーマットのサポートです。今回はnodeで実現できるExcel Builder.jsを紹介します。## E...

List

  • 2016/10/21

epub-gen - ePub3にも対応したnode製の電子書籍生成ライブラリ

ePubファイルを生成するソフトウェアは幾つかありますが、カスタマイズが容易なものは多くありません。固定されたフォーマットに合わせて記述する必要があったり、すべてが自動化されているので融通が効かなかったりします。そこで使ってみたいのがepub-genです。自分でコードを書く必要はありますが、柔軟にカスタマイズできるeP...