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

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

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

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

もっと見る

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

CyberChef - 多彩な変換を備えた文字列操作ライブラリ

データはそのまま使われるのではなく、時に暗号化したり、圧縮などフォーマットを変換して使われます。そのためのツールは数多くありますが、一つ一つは独立しているのが一般的です。今回紹介するCyberChefはそんな変換ツールをまとめて提供してくれるソフトウェアです。## CyberChefの使い方デモです。左側に処理が並んで...

List

  • 2017/01/07

PureScript - Haskell風言語からコンパイルしてJavaScript生成

最近JavaScript代替言語が熱いです。一時はCoffeeScriptに代表される、JavaScriptで面倒な書き方を省略できるものに人気がありましたが、最近はTypeScriptのような型指定を行えるものが人気です。今回紹介するPureScriptもそんなJavaScript代替の一つで、コードとしてはHask...

List

  • 2017/01/06

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

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

List

  • 2017/01/03

Tenki Electron - tenki.jpの情報をメニューバーに表示

デジタルの世界であるコンピュータを使っているにも関わらず天気が気になることは多く、OS標準でも天気アプリのようなものが提供されています。天気のサイトも数多くあります。しかしもっと手軽に天気のチェックできるソフトウェア、Tenki Electronを紹介します。## Tenki Electronの使い方起動するとメニュー...

List

  • 2017/01/02

ffftp - Electron製のFTPクライアント

FTPなんていうと2000年には絶滅したんじゃないかと思ったりするのですが、今なお使われ続けていたりして驚くことがあります。セキュリティ的にどうなんだろうと思うのですが、SFTPにしたりしつつ今なおFTPという言葉を聞くことがあります。今回はそんなFTPクライアントの最新版とも言えるffftpを紹介します。あの懐かしい...

List

  • 2017/01/02

ndm - npmのGUI管理ツール

nodeで開発する際にはパッケージ管理としてnpmが欠かせません。npmはCLIツールなのでターミナルなりを使って操作します。殆どの開発者にとって、それで特に問題ないでしょう。しかしnodeが普及する中で開発者でない方たちもnpmを使うようになっています。そこで使ってみたいのがndmです。## ndmの使い方プロジェク...

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

tdo - キーボード主体のハッカー向けTodo管理

マウス操作は何かと面倒です。一度掴むと離すのが面倒になって、ついついWebブラウジングの時間が長くなったりします。指は常にキーボードのホームポジションから離したくないという人は多いはずです。そんな方にお勧めのTodoリスト、tdoを紹介します。キーボードで操作できる、ハッカー向けTodoリストとのことです。## tdo...

None

  • 2016/12/27

fallback - JavaScript/スタイルシートを外部CDNからダイナミックに読み込み

最近はCDNサービスが多数あり、JavaScriptやスタイルシートを外部サイトから読み込むのも当たり前になっています。しかし他サービスとあって、ずっと存在し続けるのかも安定性も若干の不安が残ります。しかしだからといってローカルにファイルを用意するのも面倒です。そこで使ってみたいのがfallbackです。## fall...