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

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

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

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

もっと見る

List

  • 2019/07/09

SwitchHosts - hostsファイルの設定を切り替え

開発中はhostsファイルの内容を変更したいと思ったことはないでしょうか。普段は標準のままで、特定の時だけネットワーク設定を変えたいというのは良くあることです。その度にコメントアウトしてある設定を有効にするのは面倒です。そこで使ってみたいのがSwitchHostsです。hostsファイルの入れ替えを行ってくれます。##...

List

  • 2019/07/09

Rune Search - 山羊を操作して文字を探したり戦ったり

たくさんの文字が並んだ中から目的の文字を探すゲームがあります。上下左右、斜めの中から単語を探していきます。意外と集中できて、時間つぶしにトライしている人も多いのではないでしょうか。それと似ているようで似ていない、そんなゲームがRune Searchです。## Rune Searchの使い方ゲームのチュートリアル。!

List

  • 2019/07/07

OctoLinker - GitHubでライブラリ探索を簡単に

GitHubでコードを読む機会は多いと思います。そんな時、外部ライブラリを読み込んでいるコードがあったらどうするでしょうか。ライブラリ名をコピーして、Googleで検索したりするでしょうか。意外と手間ですよね。そこで使ってみたいのがOctoLinkerです。Google Chrome機能拡張を使えば自動ジャンプできるよ...

List

  • 2019/07/05

Graviton Editor - Electron製のコードエディタ

プログラミングエディタが多彩になっています。VS CodeやAtomのようにWeb技術でエディタが作られるようになり、より手軽にエディタが作れるようになっているのでしょう。自分の手に馴染むエディタを自分で作り上げるという楽しさもあります。今回紹介するGraviton Editorもそんなエディタの一つです。機能はまだ多...

List

  • 2019/07/05

Kanban Board PWA - PWAのカンバンシステム

カンバンはタスクだけに限らず、情報をステータスに沿って管理するのに役立ちます。多くの場合、そのデータをサーバサイドに保存しますが、ちょっとしたものであればクライアントでも問題ないでしょう。今回紹介するKanban Board PWAはカンバンシステムをPWAにした、そんなソフトウェアです。## Kanban Board...

List

  • 2019/07/03

textFit - 枠に合わせてテキストを最大表示

Webの表現力は高く、ウィンドウの幅によってテキストの行数が変わってしまったりします。その結果、デザイナーの意図した表示にならないことも多く、かといって固定サイズにすると閲覧者にストレスを与えることにもなりかねません。そこで使ってみたいのがtextFitです。テキストを枠の中に収まる形で最適化してくれるライブラリです。...

List

  • 2019/07/03

GraphvizOnline - GraphvizをWebブラウザ上で使う

複雑なチャートを描く際に、ExcelやPowerPointを使っていては、後々の更新コストが大きくなります。そこでお勧めなのがGraphvizです。dotファイルを作れば、チャート化する部分は自動で任せられるようになります。今回紹介するGraphvizOnlineはWeb上でGraphvizを試せるツールです。各自のロ...

List

  • 2019/07/02

太鼓ウェブ - 太鼓の達人非公式シミュレータ

太鼓の達人は人気の衰えないゲームです。ゲームセンターはもちろん、家庭用ゲーム機としても提供されています。しかし、それだけでは満足できない人たちがいます。楽曲の数を増やしたり、さらに難しく楽しみたい人たちがいます。そんな方たちの情熱によって作られているのが太鼓ウェブです。本物かと見まごうばかりの太鼓の達人シミュレータです...

List

  • 2019/06/30

MenuTube - メニューバー常駐型のYouTubeクライアント

YouTubeをBGM代わりにして再生させている人は多いでしょう。BGM系であれば数時間の動画も少なくありませんし、気分に応じて選べる曲風もたくさんあります。しかしWebブラウザで再生していると間違って閉じてしまったり、Webブラウザの立ち上げ直しもままなりません。そこで使ってみたいのが専用ブラウザです。今回はmacO...

List

  • 2019/06/28

Nullboard - シンプルなカンバンシステム

カンバンシステムはプロジェクト管理をはじめ、情報をステータスごとに管理する際に便利に使われています。社内でも使っている人たちは多いのではないでしょうか。仕組みもすぐに覚えられますし、アイディア次第で応用が様々に考えられます。今回紹介するNullboardはシンプルなカンバンになります。コンパクトで読みやすさを重視してい...

List

  • 2019/06/27

Sol Journal - シンプルなジャーナルアプリ

日記を書いていますか。ブログで代行もできますが、日記は誰かに公開するものではなく、個人的なものです。秘密の内容を書くこともできれば、単に徒然なるままに書き連ねることもできます。記録しておくことで、後で振り替えれるようになります。今回紹介するSol JournalはWebベースの日記帳(ジャーナルアプリ)です。PWAにも...

List

  • 2019/06/26

jlua - Web上で動作するLua

JavaScriptはWebブラウザ上で動くことが保証されている唯一のプログラミング言語ですが、素のままでは書きたくないという人たちはたくさんいます。型がないため、動作保証するのが難しい、言語体系が好きではないなど様々です。そこでLua好きな人に贈りたいのがjluaです。JavaScriptではなくLuaでWebアプリ...

None

  • 2019/06/23

mr2.js - ローカルコンピュータをインターネットに公開

ローカルで開発しているものを人に見てもらいたいと思うことがあります。そんな時、インターネット上に公開されているサーバへデプロイするのは面倒です。ローカルをそのまま公開できれば良いのにと思ったことがあるでしょう。そんな時に使えるのがmr2.jsです。ローカルの特定のポートをインターネット上に公開できます。## mr2.j...

List

  • 2019/06/22

glfx.js - JavaScriptで画像を加工

画像を加工する場合、画像編集ソフトウェアが使われます。そして加工したファイルを保存し、Web上にアップロードするでしょう。しかしこの場合、再度編集する際に備えて元ファイルは保存しておかなければなりません。また、同じ加工を何十枚もの画像に施すのも大変です。そこで使ってみたいのがglfx.jsです。JavaScriptを使...

List

  • 2019/06/21

Try Puppeteer! - クラウド上でPuppeteerを実行

Puppeteerを使ってChromeをヘッドレスで実行することがあります。単純な自動操作はもちろん、テストなどにも使えるので便利です。しかし、環境構築を各ローカルコンピュータで用意しなければならないのが面倒です。そこで使ってみたいのがTry Puppeteer!です。Puppeteerのスクリプトをクラウド上で実行し...

List

  • 2019/06/20

mario.js - マリオをWebサイトに追加

デスクトップに小さなキャラクターを表示するデスクトップマスコットが知られています。ちょっとした機能もあり、目にも楽しい存在です。同様の存在をWebサイトにも付けてみたいと思ったことはないでしょうか。今回はその一例としてmario.jsを紹介します。あなたのサイトにマリオを表示できます。## mario.jsの使い方実行...

List

  • 2019/06/20

Medium to own blog - Meduimから独自ブログへの移行に

Mediumが有料化を強めているせいか、徐々に抜け出そうという動きが出始めています。FreeCodeCampがMediumに有料化を迫られたために移行すると発表したのも大きな要因になっているようです。フリーミアムモデルにおける課金率は大きな問題ですが、それを迫るようなやり方はよくありません。もしあなたがMediumを使...

List

  • 2019/06/19

Encryptic - 暗号化して保存されるWebノートアプリ

Webサービスとプライバシーは常に相対する存在です。個人のデータを預けるというのは信頼がおけるサービスでないといけません。データ漏洩なども頻繁に発生しており、その度に個人情報が危険にさらされています。防ぐための手段として、サーバ側のデータを暗号化する方法があります。今回は暗号化に対応したノートアプリ、Encryptic...

List

  • 2019/06/18

md2pdf - CSSを組版に使ってMarkdownをPDFに変換

MarkdownをPDFにするソフトウェアは幾つもありますが、細かい組版に対応しているものは多くありません。ごく簡単なものであれば問題ありませんが、ドキュメントなどで体裁にこだわりたい場合もあるでしょう。専用アプリもありますが、自動化したいというニーズもあります。今回紹介するmd2pdfはコマンド一つでMarkdown...