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

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

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

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

もっと見る

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の使い方アクセスする度に異なる花が生成されます。!

List

  • 2020/01/06

‎Userscripts - Safari用のユーザスクリプト作成、実行環境

ユーザスクリプトを使うことで、Webサイトを便利にできます。公式には提供されていない機能を実現したり、UIで不要な部分を削ったり、逆に追加したりできます。筆者も様々なサイトでユーザスクリプトを使っています。作成が若干面倒なイメージがありますが、‎Userscriptsを使えばとても簡単にユーザスクリプトを作成できます。...

List

  • 2020/01/05

Branded QR Ccode - 任意のロゴを載せたQRコードを生成

QRコードは世界中で使われています。特にスマートフォンが登場して以降、その利用範囲が拡大しているように感じます。仕様として多少汚れていても使えるようになっており、エラー率も考慮して生成できます。そんな仕様を使うことで、QRコードの中に本来不要な情報も盛り込ませることができます。それがBranded QR Ccodeです...

List

  • 2020/01/04

アクセシビリティカラーヘルパー - Webアクセシビリティを考慮した色を提案

Webのアクセシビリティは大事な考え方です。誰もが使いやすいWebサイトを目指す上で、文字の大きさや背景色とのコントラスト、リーダー対応など様々な観点があります。今回紹介するアクセシビリティカラーヘルパーは背景と文字のコントラスト比を維持するためのカラーパレットになります。## アクセシビリティカラーヘルパーの使い方利...

List

  • 2020/01/03

Krabby - キーボードによるWebブラウジング補助ライブラリ

テキストエディタやターミナルなど、開発作業の殆どはキーボード主体でできますが、Webブラウジングだけはマウスが必須です。キーボード操作をアシスタントするユーティリティも多いですが、あまり普及していません。今回紹介するKrabbyはブラウザ機能拡張としての動作はもちろん、Webブラウザ側で仕込むこともできるキーボード操作...

List

  • 2020/01/01

Sweetconfirm.js - 送信を思いとどまらせるボタン

送信フォームを押してしまって後悔した経験はないでしょうか。Gmailなどでは送信後にキャンセルできる機能が追加されました。押す前に熟考したはずなのに、押すとアラが見つかる、なんてことはよくあります。今回紹介するSweetconfirm.jsは送信完了するまでに少し猶予をくれる、そんなライブラリです。## Sweetco...

List

  • 2019/12/29

BlockLike.js - ビジュアルプログラミング風に開発できるJavaScriptライブラリ

ブロックを用いたビジュアルプログラミング環境はプログラミング初学者や、英語が分からない小学生などに向いています。極めれば多くのことが実現できる一方、通常のプログラミング言語との壁は常に存在します。ブロックによるプログラミングと通常のプログラミング、その垣根を越えようとするのがBlockLike.jsです。## Bloc...

List

  • 2019/12/28

Markdown Editor - シンプルなWebベースのMarkdownエディタ

Markdownエディタは多数存在します。それらを使うことで、自分のWebアプリケーション内にMarkdownを使った編集機能を簡単に追加できます。特に開発者向きのWebサービスで役立つでしょう。今回紹介するMarkdown EditorはそんなMarkdownエディタの一つです。シンプルですが、使いやすいエディタです...

List

  • 2019/12/27

Paint GitHub - イラストで説明。GitHub Issueでペイントできる機能拡張

言葉で説明するよりもイラストを描いた方が分かりやすい、そんな場面は多いです。そのため会議などでホワイトボードが使われるのでしょう。それはプログラマーにとっても同じです。絵で描いた方が通じると思っても、そのために画像編集ソフトウェアを立ち上げたりするのは面倒です。そこで使ってみたいのがPaint GitHubです。## ...

List

  • 2019/12/26

JSFrame.js - モーダルからチャットまで。軽量なウィンドウライブラリ

Webアプリケーションを高機能化する上で欠かせないのがウィンドウではないでしょうか。ローカルOSの中で使うのはごく当たり前のようになっていますが、Webアプリケーションも複雑化すると、情報をウィンドウごとに分けたくなるはずです。そんなウィンドウを実現してくれるライブラリがJSFrame.jsです。## JSFrame....

List

  • 2019/12/25

LiteGraph - 高機能なビジュアルプログラミング環境

ビジュアルプログラミング環境が注目されています。例えばNode-Redはビジネスレベルでも使われていますし、プログラミング教育の文脈の中でも様々な環境が利用されています。今回紹介するLiteGraphもそんなビジュアルプログラミング環境といえるソフトウェアです。様々なノードを連結し、情報をリミックスできます。## Li...

List

  • 2019/12/24

Jobmiru - どんなスキルが手に入るのかを重視した転職口コミサイト

仕事を決めるとき、何を重要視するでしょうか。給与、勤務地、待遇、同僚、上司など様々な条件が考えられます。そんな中、何の仕事をして何が得られるのかを重視する人もいるでしょう。そんな方に見て欲しいのがJobmiruです。何のスキルが身につくのか、そんな視点で作られた転職口コミサイトです。## Jobmiruの使い方トップペ...

List

  • 2019/12/24

JSONCrush - JSONをURLフレンドリーに圧縮

JSONはWeb APIのフォーマットとして多用されるようになっています。しかし広く普及すると、その使い勝手に対して不満を感じる人たちが増えます。サイズが大きい、もっと圧縮したいと考える人もいるでしょう。今回紹介するJSONCrushはURLフレンドリーにJSONを圧縮します。## JSONCrushの使い方適用したと...

List

  • 2019/12/23

texme - Markdownの中にLaTeXを埋め込めんで表示

Markdownではベーシックな記法しかサポートされていないので、こだわった記法を使うために拡張している人たちがたくさんいます。特に論文などを書く人たちにとっては表現力の低さが気になるでしょう。そこで使ってみたいのがtexmeです。Markdownの中にLaTeX記法が埋め込めるソフトウェアです。## texmeの使い...

List

  • 2019/12/22

WebGLStudio.js - 本格的な3D Webアプリケーション

デスクトップアプリケーションが続々Webアプリケーション化されています。開発環境や画像編集ソフトウェア、オフィススイートまで幅広くWebブラウザで動作するようになっています。今回紹介するWebGLStudio.jsはWebブラウザ上で3Dグラフィックスを作成できるソフトウェアです。## WebGLStudio.jsの使...