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

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

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

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

もっと見る

List

  • 2020/04/16

Zoom Redirector - Zoomの会議室をWebブラウザ向けに差し替え

コロナウイルスの影響もあり、オンライン会議室のニーズが高まっています。そんな中、一番使われるようになっているのがZoomではないでしょうか。有料プランなら100人までの参加が可能で、これならばミートアップでも十分使えます。そんなZoomはWebでもアクセスできるのですが、デフォルトはZoomアプリのダウンロードを迫って...

List

  • 2020/04/15

GreenTunnel - DPIを回避してWebサイトへアクセスする

インターネットは本来自由であるべきです。しかし、企業や政府によってコントロールされている部分もあります。そこで、見たい情報にアクセスする、そのための回避策もまた技術的に提供されています。この手の技術としてはVPNが一般的ですが、今回はDPI(ディープ・パケット・インスペクション)を回避するGreenTunnelを紹介し...

List

  • 2020/04/12

Tabler Icons - 300種類のSVGアイコン集

最近は画像ではなく、SVGでアイコンを表示するケースも増えています。PNGなどのバイナリとは異なり、SVGならば縮小、拡大しても綺麗だというのが利点です。さらにちょっとしたデータ変更であれば(色など)、データを書き換えたり、CSSで変更できます。今回紹介するTabler IconsはSVGで作られた300種類のアイコン...

List

  • 2020/04/12

Mesh Spreadsheet - JavaScriptが使えるWeb版の表計算ソフトウェア

GoogleスプレッドシートやExcelでは専用の関数を使ってデータを計算したり、文字列処理をします。一つのセルの中に記述するので、書き方が難しくなりがちで、後でメンテナンスするのも困難になります。いっそ通常のプログラミングができたらいいのにと思ったことはないでしょうか。そんな可能性を感じさせてくれるのがMesh Sp...

List

  • 2020/04/11

JOY.JS - プログラミングで何ができるのか、ビジュアルで楽しもう

小中学生をはじめとして、プログラミング初学者にとってはいきなりコーディングをはじめるのではなく、多少ビジュアル的な要素があった方が楽しめます。Scratchをはじめとするビジュアルプログラミング言語はまさにそうです。今回紹介するJOY.JSは、プログラミング初学者が楽しめるような、設定を変更するとダイナミックに表示が変...

List

  • 2020/04/11

Sterling - Web上で使えるAlloyビューワー

ソフトウェアの設計を行う際には、専用のモデリング言語を利用することが多いです。その言語の一つとして知られているのがAlloyです。Alloyはオープンソースのソフトウェアモデリング言語およびアナライザになります。今回紹介するSterlingは、そんなAlloyのビジュアル化をWebブラウザ上で行えるソフトウェアになりま...

List

  • 2020/04/10

Animockup - iOS/macOSデバイスに動画を当てはめてモックアップ作成

言葉で説明しても分かりづらいことであっても、絵にすると分かりやすくなります。さらに、イラストではなくアニメーションなら、もっと伝わりやすくなることもあるでしょう。例えばアプリはUXも大事なので、アニメーションさせることで把握しやすくなります。そんなアニメーションを伴うモックアップを作れるのがAnimockupです。映え...

List

  • 2020/04/09

UDOC.js - PDF/PostScriptなどを別フォーマットへ変換

Web上で利用することの多いPDF。JavaScriptから変更したりすることは殆どありませんし、ただ表示するだけという使い方が多いでしょう。他にもこうした表示だけのためにあるフォーマットが幾つかあります。今回紹介するUDOC.jsは各種ドキュメントを読み込んで、別フォーマットに変換できるソフトウェアです。## UDO...

List

  • 2020/04/08

YouTube Live chat filter - YouTube Liveのチャットをフィルタリング

チャットは面白いですが、リアルタイムゆえに思わぬ単語が出てしまったりします。卑猥、暴力、差別的な言葉が表示されると、せっかくの楽しい気分が台無しになります。親であれば、子供を守るためにも必要でしょう。例えばあなたがYouTube Liveを楽しんでいるならば、使ってみたいのがYouTube Live chat filt...

List

  • 2020/04/08

Universal Data Tool - 機械学習のためのラベリングをサポート

機械学習などで重要なのは、学習元になるデータを用意することです。元になるデータが十分になければ適切な結果は返ってきませんので、そのためにデータをラベリングする必要があります。例えば猫、テキストなどの部分にラベルを付けます。今回紹介するUniversal Data Toolは、そんなラベリングを行うための専用ツールです。...

List

  • 2020/04/07

FlowTask - React製。モバイルデバイス対応のカンバン

カンバンはタスク管理する際によく使われるツールになっています。ステータスを横に、各タスクは縦に並ぶので、各ステータスにおいて、どれくらいのタスクがあるのかが一目で分かります。ただ、どちらかといえば広い画面向きの表示といえそうです。そこで使ってみたいのがFlowTaskです。スマートフォンなど小さな画面でも使えるタスクボ...

List

  • 2020/04/05

DM警察 - そのダイレクトメッセージ、本当に必要ですか

会社で、すぐ裏からやり取りしようとする人っていますよね。メールで証拠を残さないように、直接話してきたり、パブリックなチャットではなくDMでやり取りしようとしたり。個人的に大嫌いなタイプです。そうした無用なDMでのやり取りに対してストップをかけてくれるのがDM警察です。## DM警察の使い方Slackのボットとしてインス...

List

  • 2020/04/04

Youka - 好きなの音楽動画をカラオケ風に

カラオケといえば日本の文化ともいえますが、海外でもとても人気です。カラオケボックスのようにあらかじめ楽曲が用意されているところにいくのも良いですが、あまりマニアックな曲はなかったりします。これでは歌えなくて残念です。そこで使ってみたいのがYoukaです。任意の音楽をカラオケにしてくれる、そんなソフトウェアです。## Y...

List

  • 2020/04/02

OpenJSCAD - JavaScriptで描く3D CAD

3D CADは元々専門家のものでしたが、3Dプリンターの普及に伴って、一般のデザイナーやプログラマでも扱うようになっています。慣れないと造形が難しいですが、3DはゲームやVRでも利用できる技術なので、今後可能性が広がる期待ができるでしょう。そんな3D CADとしてOpenJSCADを紹介します。ユニークなのはWebベー...

List

  • 2020/03/31

Overlay Scrollbars - ページ内にスクロールバーを表示

Webサイトのデザインにおいて、すべてをそのまま表示するとデザインが崩れてしまうことが多々あります。そこで文字を途中で途切れさせたり、詳細はこちらといった具合に別リンクに飛ばしたりします。もう一つの手法として、ページ内でスクロールを設ける方法があります。今回はOverlay Scrollbarsを紹介します。ページ内に...

List

  • 2020/03/30

Genius - Webで遊べるサイモン

サイモン

List

  • 2020/03/27

WeiBlocked - Weiboを登録なしで閲覧する

Weiboは中国では多くの人たちが使っているソーシャルメディアです。TwitterとFacebookを合わせたようなツールで、便利なサービスです。しかし、当たり前ながら中国当局による監視下のサービスでもあります。そんなWeiboのコンテンツを登録なしで見てみたいという方はWeiBlockedを使ってみましょう。## W...

List

  • 2020/03/27

Blocks UI - JSXベースの画面をWeb上で設計

Webページを作るのは主にWebデザイナーの役割ですが、毎回依頼するのではお互い時間がかかってしまいます。運用担当者でも定型であれば画面を作りたいと思うでしょう。そして、それがReact製のWebサービスだったりすれば、デザイナーからエンジニアへと、さらに時間を要するかも知れません。そこで使ってみたいのがBlocks ...

List

  • 2020/03/24

NeutralinoJs - Electronよりもメモリ消費が小さいデスクトップアプリケーション開発環境

Web技術を使ってデスクトップアプリケーションを作成する事例が増えています。有名なところではAtomやVisual Studio Codeが挙げられるでしょう。プログラミングエディタができるなら、大抵のソフトウェアが作れるはずです。その基盤としてはElectronを使っている例が多いです。NeutralinoJsはEl...

List

  • 2020/03/22

Copy Excel Paste Markdown - Excelの表をMarkdownに変換

Excelで作成した表をWebページに使いたいと思うことは多いでしょう。そんな時、Markdownを使っている場合はどうするでしょうか。テキストファイルに貼り付けて、正規表現でタブを|に変換したりすることでしょう。しかしカラムの数を間違えたりして、なかなかうまくいきません。そこで使ってみたいのがCopy Excel P...