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

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

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

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

もっと見る

List

  • 2018/01/11

Darkwire.io - Web Cryptography APIを用いたセキュアなチャット

オンラインチャットは手軽にオンライン上の人たちと会話できる便利なシステムです。あまりに手軽で、ついつい余計なことまで喋ってしまって後で問題になることがあります。データの安全性は常に考えるべきでしょう。そこで注目したいのがDarkwire.ioです。Web Cryptography APIを用いた暗号化チャットシステムで...

List

  • 2018/01/11

Viola - 印刷とWeb表示をサポートしたエディタ

最近の多くのドキュメントはWeb上で使われます。そのため、Web上で綺麗に閲覧できれば問題ないというケースが多いでしょう。しかし、時に印刷する場合があります。そうした時に途端に面倒な表示処理が必要になります。そこで使ってみたいのがViolaです。オンラインにおける表示と印刷を想定したオンラインエディタです。## Vio...

List

  • 2018/01/10

Restyaboard - Trello風のカンバンシステム

Trelloは単なるカンバンシステムではありません。横軸に時間軸を備え、ステータスの移り変わりを可視化するシステムとなっています。そのため、時間が関係する様々な情報を管理、可視化できます。そんなTrelloを模したソフトウェアとしてRestyaboardを紹介します。Restyaboardであれば社内でも立てられるでし...

List

  • 2018/01/10

Docusaurus - Facebook製のオープンソース・ドキュメントサイト

開発ドキュメントの整備は大きな問題です。ソースコードに書かれたりWikiや何らかのCMSを使ったりと様々な方法がありますが、これといった解決策はなかなか見つけられません。そこで使ってみたいのがDocusaurusです。Facebook製のオープンソース・ドキュメントサイトです。## Docusaurusの使い方メインペ...

List

  • 2018/01/09

Misago - Django/Python製の掲示板

Web上でのコミュニケーションの基本と言えばフォーラムでしょう。ユーザであれば会話ができればそのシステムに目を向けることはありませんが、開発者は違います。Pythonのフォーラムが別な言語で作られていたら嫌ですよね。今回紹介するMisagoはDjango/Pythonで作られています。フロントエンドはReact.jsに...

List

  • 2018/01/09

SoraMame.Block - Webベースのブロック型ビジュアルプログラミング言語

ここ数年でビジュアルプログラミングが市民権を得てきました。教育用としてよく使われており、Scratchが有名です。Scratchは様々なデバイスで動きますが、一番基本はPCになるでしょう。今回紹介するSoraMame.BlockはWebブラウザ上で動作するビジュアルプログラミング言語です。ゲームや線を描画するアプリが作...

None

  • 2018/01/07

OverTime - 複数都市のタイムゾーンを確認

海外の人たちとミーティングを行ったりする際に面倒なのがタイムゾーンの確認です。こちらでは昼でも、現地では夜というのはよくあることです。お互いが都合のいい時間というのは探すのが面倒で、どちらかが夜中に対応せざるを得なくなったりします。そこで使ってみたいのがOverTimeです。都市を指定して簡単に時刻の確認ができます。#...

List

  • 2018/01/04

PaintBBS NEO - HTML5版お絵描きしぃ掲示板

イラスト掲示板は昔から人気があります。その多くは画像がアップロードできるものですが、中にはWeb上でイラストを描いて、そのまま貼り付けられるものもあります。昔はよくJavaアプレットで実装されていました。そんな古き良き(?)時代を彷彿とさせるWebペイントがPaintBBS NEOになります。## PaintBBS N...

List

  • 2018/01/03

microlink.js - Webサイトのプレビュー表示を格好良く

最近、Webサイトのサムネイル表示を目にすることがよくあります。SlackでURLを投稿した場合、ソーシャルメディア、キュレーションサイトなど様々なケースで使われます。次に問題になるのがその見せ方です。サムネイルの画像を使ったり、サマリーの文字列をどう表示するかによってクリックされる可能性が変わってくるでしょう。そこで...

List

  • 2018/01/03

LibreRead - Webベースの電子書籍リーダー

電子書籍コンテンツが増えてきました。電子書籍サイトで購入する場合はもちろん、自炊であったりブログなどを電子書籍に変換するサイトもあります。ローカルコンピュータにePubファイルなどが溢れているという方も多いのではないでしょうか。そんな方に使ってみて欲しいのがLibreReadです。自分で立てることもできる、Webベース...

List

  • 2018/01/02

Walt - WebAssemblyに変換できるJavaScriptライクなプログラミング言語

WebAssemblyはRust、C、C++を使って作成します。しかしJavaScriptに慣れた人にすれば、わざわざ別な言語を利用するのに躊躇してしまうでしょう。管理上も別な言語に分かれるのは不便です。そこで使ってみたいのがWaltです。Waltは WebAssemblyに変換できるJavaScriptライクな言語で...

List

  • 2018/01/01

Manta - デスクトップで請求書を作成

ビジネスの基本となるのが帳票です。その中でも特に大事なのが請求書です。請求書がなかったらお金の受け渡しもできず、生活が成り立ちません。電子化されていたとしても、PDFで送ったりするのはよくあることでしょう。そんな請求書をデスクトップアプリで設計、出力できるのがMantaです。## Mantaの使い方チュートリアル付きで...

List

  • 2018/01/01

Vue2 editor - Vueを使ったテキストエディタ

Web上で文章を書く機会が増えています。しかし多くの場合、テキストエリアそのままであったり、普段使っているエディタに比べて操作性が格段に落ちるものばかりです。これでは生産性が損なわれてしまうため、結局エディタで書いてコピー&ペーストせざるを得ません。より使いやすいWebベースのエディタを目指すならVue2 editor...

List

  • 2017/12/31

Fish-UI - Vue向けのUIコンポーネント集

React/Angular/Vueといった新しい形のライブラリが登場したことで、これまで使えていたUIライブラリが使えなくなってしまいました。専用のタグを使っているため、それに合わせたUIデザインが必要になります。そこで、もしVueを使って開発を行っているならば使ってみたいのがFish-UIになります。## Fish-...

List

  • 2017/12/31

LeaderLine - 情報に関連性を持たせる線を描画

情報はただ並べただけではその関連性が分かりづらいものです。線を使って表現すると情報同士の関連性が分かるようになり、理解度が増します。多くの場合、そうした内容はプレゼンテーション用のソフトウェアで作ったり画像編集ソフトウェアを使います。しかしそれではメンテナンスが面倒になります。そこで使ってみたいのがLeaderLine...

None

  • 2017/12/30

js-webassembly-interpreter - WebAssemblyを解析/実行

WebAssemblyを使うことでコンパイルされたコードをWebブラウザ上で実行できるようになります。Safariでもサポートされたことで、実用的になってきたと言えます。そんな WebAssemblyはC/C++/Rustで書くのが基本です。そんな WebAssemblyのコードを解析したり、CUIで実行できるのがjs...

None

  • 2017/12/30

Joy - GoのコードをJavaScriptに変換

JavaScriptを嫌う方は一定層います。スクリプト言語なので型がなかったり、処理が非同期な部分があったりすることに起因するようです。サーバサイドを別言語で書いていたりすると、Webブラウザ向けだけJavaScriptを使わないといけないという制約も嫌がられます。サーバサイドをGoで書いているのであれば使ってみたいの...

List

  • 2017/12/28

Stopify - JavaScriptをフリーズせず安全に実行

Web IDEなどが流行っていく中で必要になるのが、ユーザが開発したコードを安全に実行できる仕組みです。セキュリティ的な意味合いはもちろん、無限ループしてしまった時であったり、重たい処理を実行している時に途中で止められる仕組みが必要です。今回はその一つ、Stopifyを紹介します。JavaScriptから安全な実行でき...

List

  • 2017/12/27

CoreUI - Vue/Bootstrap製の管理画面UI

管理画面は主に運営元が使う画面になるので、デザインへのこだわりが殆ど感じられないことが多いです。しかし運営元が使いやすい画面でないと細かい制御がしづらかったり、サービスのステータス把握が遅れたりするのではないでしょうか。そこで使ってみたいのがCoreUIです。VueとBootstrapを使って作られた管理画面テンプレー...

None

  • 2017/12/24

node-git-server - node製のカスタマイズできるGitサーバ

Gitリポジトリを管理するサービスやソフトウェアは多いですが、そのGit管理の仕組みを自分のサービスでも取り入れたりと思う方は多いはずです。そうした場合、Git操作の仕組みをすべてすべて自分でイチから実装しなければなりません。しかしnode-git-serverを使えば幾分簡単になりそうです。node-git-serv...