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

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

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

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

もっと見る

List

  • 2020/01/29

Weboji - Webブラウザ用のアニ文字

iOSに搭載されているアニ文字は利用しているでしょうか。メッセージなどで使うことはあっても、テレビ電話的に使う文化があまりない日本では利用者は多くないかも知れません。技術的には顔認識と、その表情や動きを絵文字に反映する点が面白いです。そんなアニ文字をWebブラウザ上で実現するのがWebojiです。Webカメラの顔トラッ...

List

  • 2020/01/27

Timelite - 時間の使い方を可視化する時間管理

ふと気がつくと夕方、さらに深夜になっていたなんて経験ないでしょうか。目標だった仕事がなかなか終わらず、時間だけが過ぎ去っていく…そんな経験をしたことは少なからずあるはずです。何が問題なのか、それを知るためには、まず時間の使い方を可視化するのが大事です。それを可能にするのがTimeliteです。## Timeliteの使...

List

  • 2020/01/27

G6 - ノードの繋がりを可視化するチャートライブラリ

Webの表現力を補うために多くのデータビジュアル化ライブラリが存在します。グラフのようなものもあれば、さらに複雑なチャートライブラリもあります。アニメーションしたり、高速で表示されたりと様々な特徴があります。G6はノード同士を連携し、それを表現するのを得意とするチャートライブラリになります。## G6の使い方サンプルで...

List

  • 2020/01/26

Canvas-Notes - メモ × ペイントなWebアプリ

Webベースのメモソフトウェアは星の数ほど存在します。多くはテキストを記述する機能と、画像アップロード機能になるでしょう。画像は別途画像編集やペイントアプリで作成しなければなりません。今回紹介するCanvas-Notesはテキストを記述する機能に加えて、Canvasを使ったスケッチ機能も備わったメモソフトウェアです。#...

List

  • 2020/01/25

isocity - 小さな箱庭で自分の街を作る

シムシティに代表される、シミュレーションゲームが好きな人たちは大勢います。箱庭的な空間で自分が最高と考える都市を造ったり、ビルを造りあげるのはとても面白いです。個人的にも大好きなのですが、時間を奪いすぎるので控えるようにしています。そんな街作りが好きな人であればきっとisocityが楽しめるはずです。## isocit...

List

  • 2020/01/23

NodeTube - 画像や音楽もアップロードできるYouTube代替

YouTubeの持つ力はとても大きいです。YouTuberをはじめ、様々な新しい文化を生み出しています。その中から新しいスターが日々誕生しており、YouTubeを頼る人たちがどんどん増えています。そんなYouTube代替ともいえるのがNodeTubeです。動画だけでなく、画像やオーディオもアップロードできます。## N...

List

  • 2020/01/22

SES - JavaScriptをセキュアに実行

JavaScriptを使えばWebページを自在にコントロールできます。ユーザにマクロを組ませて、より彼らのニーズに合ったサービスにしたいと思うこともあるでしょう。しかし自由にJavaScriptが実行できるのはセキュリティ上の問題にもなります。そこで使ってみたいのがSESです。セキュアにECMAScriptを実行できる...

None

  • 2020/01/21

2020 - OpenFaaSの使い方を学ぶFaaSサンプル

FaaS(Function as a Service)と呼ばれるサービスを使えばサーバレスでちょっとしたコードを実行できるようになります。AWS Lambdaが有名ですが、他のクラウドも同様のサービスを提供しています。今回はその一つ、OpenFaaSを使って作られた2020を紹介します。## 2020の使い方2020は...

List

  • 2020/01/21

mastogetter - ますとげったー。Mastodon版Togetter

Twitterはリアルタイムに情報が流れていきます。爆発的に一気に盛り上がった話題も、刻々と新しい話題に移り変わってしまい、その余韻も残りません。そこで使われるのがTogetterで、ツイートをストックして残せる仕組みです。分散型Twitterとして知られるMastodonについては、mastogetter(ますとげっ...

List

  • 2020/01/20

Native JavaScript for Bootstrap - 脱jQueryしたBootstrap

Bootstrapは開発者でも整ったデザインが簡単に実現できる便利なUIフレームワークですが、jQueryに依存している点がいけてません。jQueryは便利ですが、今時…と思ってしまっている人も多いでしょう。実際、次期バージョンのv5からはjQueryを外す

List

  • 2020/01/19

CPod - シンプルで綺麗なUIのポッドキャスティングアプリ

ポッドキャスティングのいいところは動画やテキストと異なり、ながら作業が可能なことです。ラジオを流しながら仕事をするような感覚で、ポッドキャスティングを流しながら別なことができます。今回紹介するCPodはシンプルで美しいUIなポッドキャスティングアプリです。## CPodの使い方メイン画面です。デフォルトで幾つかのポッド...

List

  • 2020/01/18

Twizzle - ツイート送信とDMに特化したTwitterクライアント

Twitterではあまりタイムラインを見ていなかったりします(そもそもそんなにフォローしていないというのもあるのですが)。個人的なつぶやきであったり、知り合いとのDM用に使っているという人は意外と多いのではないでしょうか。そんな方にお勧めなのがTwizzleです。メニューバーからのツイート、メッセージに特化したTwit...

List

  • 2020/01/17

Kutt.it - 自分で立てる短縮URLサービス

短縮URLサービスは生まれては消えていったように思います。Googleでさえ短縮URLサービスは止めてしまいました(社内向けは残っていますが)。t.coや自社サービスで使うものばかりで、他はbit.lyくらいでしょうか。今後も恒久的に短縮URLサービスを使いたいならば自社で立てるのが良さそうです。そこで知っておきたいの...

List

  • 2020/01/16

EscherSketch - タイル状のシンメトリーデザインを簡単に作成

あるパターンを繰り返すシンメトリーデザインは万華鏡などでよく知られています。折り紙を折って、ハサミで切ったりして遊んだ経験がある人も多いでしょう。繰り返すことで新しい魅力が引き出されるのは面白いです。今回紹介するEscherSketchはWeb上でシンメトリーデザインを描けるソフトウェアです。## EscherSket...

List

  • 2020/01/13

geoapi - IPアドレスを位置情報に変換するWeb API

位置情報はGPSからしか取れない訳ではありません。有名なところではWiFiやIPアドレスからも位置情報が取得できます。もちろん精度は高くないことも多いですが、スマートフォンは様々な情報を組み合わせて位置情報を取得しています。今回紹介するgeoapiはそんなIPアドレスベースの位置情報取得を簡易化してくれるWeb API...

List

  • 2020/01/12

vConsole - モバイルサイト用の開発者ツール

スマートフォンサイトをデバッグする際にはどのように操作しているでしょうか。多くの場合、macOSをUSBで接続したり、デスクトップのGoogle Chromeでデバッグするはずです。つまりデスクトップやラップトップが必須です。vConsoleを使えばモバイルだけでコンソールが使えるようになります。ちょっとしたデバッグな...

List

  • 2020/01/11

文言(wenyan-lang) - 漢文なプログラミング言語

以前、日本語でプログラミングを書けば、ハッキングしづらいのではないかとツイートしました。ソフトウェアやシステムがハッキングされるのは、利用できる開発者の数によって大きく異なります。日本語で書けば、それを理解するのと不正操作する二つのコストが発生します(もちろんなでしこは知っています)。そんな妄言を実現させてしまったよう...

List

  • 2020/01/11

Ordinary Puzzles - じっくり楽しめるReact Native製のパズルゲーム

フレームワークやSDKがあったとき、それでどんなゲームが作れるのか提示してあげるのは面白い試みです。一般的なソフトウェアよりも目を引きやすく、興味を持ってもらいやすいかも知れません。今回紹介するOrdinary PuzzlesはReact Nativeで作られたスマートフォン向けのゲームになります。## Ordinar...

List

  • 2020/01/10

Mammoth - WordをHTMLファイルに

Wordファイルは広くオフィスで使われています。様々なドキュメントがWordで作られていることでしょう。そんなWordにはHTML出力機能もありますが、すごいマークアップで出力されるので、あまり使っている人を聞いたことがありません。もしあなたがWordファイルをシステムに取り込んだりしなければならない時にはMammot...

List

  • 2020/01/08

Nonflowers - 世界中どこにも存在しない花を生成

最近、プライバシー保護の動きもあって、機械学習を使って人の顔を生成する動きがあります。自動生成された、世界中どこにもいない人であれば著作権を気にせず利用できるという訳です。それと類似技術を花に対して適用したのがNonflowersです。## Nonflowersの使い方アクセスする度に異なる花が生成されます。!