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

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

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

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

もっと見る

List

  • 2020/12/05

Javascript Bundle Size - JavaScriptライブラリのサイズが分かるブラウザ機能拡張

JavaScriptで開発を行う際に、外部ライブラリをまったく使わないというケースは少ないでしょう。大抵何らかのライブラリを導入します。しかし、ライブラリも多数あり選定に困ってしまうはずです。その際の一つの基準として、サイズの大きさが挙げられるでしょう。なるべく小さなもので自分の要求を満たせる方がいいはずです。今回紹介...

None

  • 2020/12/04

Marko - eBayでも使われている軽量フロントエンドフレームワーク

仮想DOMの登場によって、フロントエンド開発時に状態(ステート)を管理する必要がなくなりました。変数を更新さえればすれば、後は仮想DOMの方で表示を更新してくれます。この画期的な考えにより、多くのフロントエンドフレームワークが仮想DOMを利用しています。今回紹介するMarkoもそんなフレームワークの一つです。特徴は他と...

List

  • 2020/12/03

Simorgh - BBCで利用されているSPAテンプレート

最近はSaaSやIT系企業に限らずオープンソース・ソフトウェアを提供するようになっています。異なるマーケットから出てくるオープンソースは、これまでとは違う分野の方たちに届く可能性があります。オープンソース・ソフトウェアの可用性を広げるためにも大切なことです。今回紹介するのはイギリスの国営放送であるBBCからリリースされ...

List

  • 2020/12/02

PRESENTA Lib - 多機能なWebスライドライブラリ

HTMLでスライドを作れば、Webブラウザさえあればどこでも再生できるので便利です。コンテンツもHTML組みするほか、Markdownで記述できるものもあります。現在、さまざまなライブラリが存在します。今回紹介するPRESENTA Libは、そのHTMLスライドアプリケーションの最新ソフトウェアです。## PRESEN...

None

  • 2020/12/01

DBML - データベースのスキーマ設計用言語

データベースのスキーマ設計を行うソフトウェアは幾つもありますが、固有のデータベースに依存していたり、専用のソフトウェアを使わないといけません。案件によってデータベースを変える際に、その知見が活かせないのは面倒です。そこで使ってみたいのがDBMLです。データベースのスキーマ設計用言語です。## DBMLの使い方DBMLの...

List

  • 2020/11/30

WikiRank - Wikipediaの記事品質をチェック

Wikipediaには無数の記事があります。その中には信頼性の高いものもあれば、若干怪しげなものもあります。以前○○語を知らないのにWikipediaのコンテンツを無数に作成した人の話がありましたが、コンテンツの質は玉石混交といえるでしょう。そんなWikiepdiaの記事の質を少しでも第三者評価したいならばWikiRa...

List

  • 2020/11/29

Svg Wave - 綺麗な波のデザインを描く

自然の動きを表現するのはとても難しいです。コンピュータは直線を描いたり、繰り返す動きを描くのは得意ですが、滑らかな曲線を自然に描くのは容易ではありません。しかし自然物のデザインはそうした繰り返しではないところに魅力があります。今回紹介するSvg WaveはSVGで波を描けるソフトウェアになります。## Svg Wave...

None

  • 2020/11/28

jwt-cli - JSON Web Tokenを作成、検証するコマンド

Web APIでのデータ送受信で認証データの受け渡しは大事です。ランダムな文字列のトークンを使うこともできますが、その文字をデータベースに入れておかなければなりません。DB不要でセキュアに使えるトークンとしてJSON Web TOken(JWT)が知られています。今回紹介するjwt-cliはそんなJSON Web To...

List

  • 2020/11/27

Forsaken-Mail - 一時的に使えるメールアドレスを作成

白書やeBookなどをダウンロードするためにメールアドレスを登録するのはとても面倒です。後々スパムがたくさん来るのが予想できるため、自分のメールアドレスを開示したいと思わないでしょう。Gmailの+を使ってフィルタを作成することもできますが、ドメインすら教えたくないこともあります。そうした時に使えるのがForsaken...

None

  • 2020/11/27

torrent - CUIのBitTorrentクライアント

BitTorrentはP2Pのイメージが強く、使うのを躊躇してしまいがちです。しかし、P2Pの技術面だけ見れば素晴らしいものであり、ダウンロード速度は通常のクラサバ方式よりも高速です。そのためOSのイメージなどはBitTorrent上で手に入れることが多いです。しかしBitTorrentクライアントをインストールするの...

List

  • 2020/11/24

Painterro - Webアプリケーションにペイント機能を追加

Webアプリケーションの中にペイント機能を取り入れたいと思ったことはないでしょうか。たとえばユーザがアップロードした画像に対して、ペイントで加工できるようにしたり、お絵かき機能を取り入れるといった具合です。今回紹介するPainterroはWeb用のペイントプラグインになります。単体での利用ではなく、Webアプリケーショ...

List

  • 2020/11/24

wafxr - Web上でSEを生成

ゲームなどで使われるSE(サウンド・エフェクト)はフリーのものもあれば、商用でも販売されています。最近であればYouTuberなどもそうした音声を利用しています。動画やゲームにひと味加えてくれる大事な存在です。そんなSEをWeb上で自動生成できるのがwafxrになります。## wafxrの使い方メイン画面です。!

List

  • 2020/11/23

Origami Simulator - 折り紙をWebGLでシミュレーション

折り紙は日本のみならず、世界中で愛されている存在です。1枚の紙から、技巧を凝らして折ることでさまざまな造形を可能にします。中には、どうやって折ったのか分からないものも多数あります。そんな折り紙をシミュレーションできるソフトウェアがOrigami Simulatorになります。## Origami Simulatorの使...

List

  • 2020/11/20

TwitGrid - Twitterをマルチカラムでまとめてチェック

Twitterで色々な情報を収集している人たちはTweetDeckを利用しているでしょう。便利なサービスですが、もっとシンプルでいいのにと思うことがあります。情報が多すぎて、混乱します。そこで使ってみたいのがTwitGridです。表示したいユーザを並べていくだけの簡単なTwitterリーダーです。## TwitGrid...

List

  • 2020/11/17

LocalCDN - 有名なライブラリをローカルで読み込む

jQueryをはじめ、有名なライブラリがCDNによって配信されています。URLが共通化されることでキャッシュが有効になったり、CDNによる配信で高速ダウンロードされるというメリットがある一方で、利用者のプライバシーが脅かされています。今回紹介するLocalCDNはCDNから配信されるライブラリのURLをローカルのものに...

List

  • 2020/11/17

yogAI - AIの力でヨガのポーズをチェック

コロナウイルスの影響があって、自宅でストレッチやヨガを行うコンテンツが人気だそうです。ヨガは通う人たちは強者なイメージがあって、素人だと何となく気後れしてしまっていたかも知れません。動画であれば、人の目を気にせず、誰でもヨガにチャレンジできます。そんなヨガで大事なのは正しい姿勢が取れているかどうかです。ぜひyogAIを...

List

  • 2020/11/16

sheet2gmap - GoogleシートとGoogleマップを簡単に連携

Googleマップではユーザがカスタマイズしてピンを立てたり、情報を付与する機能があります。便利なのですが、使うためにはJavaScript SDKを使いこなさなければなりません。また、データをどこかに保存しておく必要もあります。そのため利用を控えてしまっていないでしょうか。今回紹介するsheet2gmapは世界一簡単...

List

  • 2020/11/15

Nokia Composer - 昔懐かしいノキアの着信音を作成

ノキアはMicrosoftに買収されたり、フランス企業に買収されたりと様々な遍歴を経た企業です(via Wikipedia

List

  • 2020/11/15

Resume builder - JSONから履歴書/レジュメを生成

日本でいえば履歴書、海外ではレジュメは就職や転職の際によく使われます。一般的な履歴書では情報が足りないのか、多くの場合業務経歴書なども求められます。開発者の場合、経験が重視されることが多いので、どういったプロジェクトにどういったポジションで関わっていたのかを明記することでしょう。今回紹介するResume builder...

List

  • 2020/11/14

MONOSPACE - 1KBという制限の中で作られたWebアニメーション

今はメモリもストレージも潤沢にあり、リッチなアプリケーション開発が容易です。しかし、制約があるからこそ新しいアイディアが見つかることもあります。ファミコンなどは数KB程度でゲームを実現しており、スーパーマリオの雲と草の形は同じで色が違うだけというのは有名な話です。これもメモリやストレージを削減するための工夫につながって...