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

ライセンス - MIT Licenseの記事一覧

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

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

もっと見る

List

  • 2019/08/17

console.chat - 開発者ツール上のチャット

開発者ツールは開発者以外の方には用のないツールでしょう。逆に開発者はデバッグ以外の目的でも利用しており、APIについて調べたり、予定なDOMを消したり、ユーザスクリプト的に使っていたりします。そんな開発者ツールを使った密かな遊びとしてconsole.chatを紹介します。名前の通り、開発者ツール上でチャットをします。#...

List

  • 2019/08/17

News Vue.js - Vue.jsのニュースポータル

フレームワークの使い方を学ぶのに、そのフレームワークを使っている事例を参考にするのは良い方法です。何ができるのか、何ができなさそうかが判断できます。そのフレームワークらしい書き方を学ぶこともできるでしょう。今回紹介するNews Vue.jsはVue.jsを学ぶのにぴったりなWebサイトです。Vue.jsに関するニュース...

List

  • 2019/08/15

Random World Map Generator - WebAssemblyで高速に3D/2D地図を生成

ゲームなどで地図データを使いたい時は良くあります。シムシティなどのシミュレーションゲームであったり、ローグライクなRPGでも使えます。そういった時の地図はある程度のランダム性があるとより面白いです。今回紹介するRandom World Map GeneratorはWeb上でランダムな地図データを生成してくれるサービスで...

List

  • 2019/08/14

graphql-cli - GraphQLを使った開発時に便利なCLIツール

GraphQLは注目度が高い技術であり、周辺ツールが充実してきています。それらのツールを組み合わせることで、GraphQLを使った開発がさくさくと進められるようになるでしょう。今回紹介するgraphql-cliは名前の通り、ターミナル上で便利なGraphQLツールになります。## graphql-cliの使い方初期設定...

None

  • 2019/08/13

ncc - nodeプロジェクトを一つのファイルにまとめる

nodeではnpmを使ってライブラリをインストールしてプログラミングを行います。そして配布する際にはnode_modulesを除き、各自がインストールします。しかしネットワークが必要だったり、場合によってはライブラリのインストールに失敗するかも知れません。そこで使ってみたいのがnccです。コードを一つにまとめてポータブ...

List

  • 2019/08/12

Vscode Google Translate - Visual Studio Code上でGoogle翻訳実行

多言語対応するプロジェクトは多々あります。その際、翻訳ファイルを作成して単語をそれぞれ置き換えるというやり方が良く行われます。その結果、開発時に翻訳サービスは活躍しているのではないでしょうか。もし開発にVisual Studio Codeを使っているならば、使ってみたいのがVscode Google Translate...

List

  • 2019/08/11

lama - Go製のHTTPサーバ

開発時にWebサーバを立ち上げる際、何を使っているでしょうか。PythonやRubyのワンライナーで立ち上げる人もいるでしょう。わざわざソフトウェアをインストールするのは面倒と感じる人もいるでしょう。今回紹介するlamaはわずか20文字(スペース含む)で立ち上げられるWebサーバです。## lamaの使い方lamaは以...

List

  • 2019/08/10

Exthouse - Google Chrome機能拡張のパフォーマンスをチェック

多数のWebブラウザ機能をインストールするとパフォーマンスは自然と悪化します。しかし、均等に悪くなる訳ではなく、特定の機能拡張が原因だったります。そこで確認するのが機能拡張ごとのパフォーマンスチェックです。今回紹介するExthouseはGoogle Chrome機能拡張のインストール前後のパフォーマンスをチェックできる...

List

  • 2019/08/09

GPortfolio - GitHubのプロフィールからポートフォリオを生成

オープンソースに対して何らかの活動を行うことが開発者としてもポートフォリオとして重要になっています。転職などを行う際にGitHubのアカウントをチェックするのも当然になっています。今回紹介するGPortfolioはGitHubでの活動をベースにしたポートフォリオ生成ソフトウェアです。## GPortfolioの使い方ポ...

None

  • 2019/08/09

mask - Markdownファイルを使ったタスクランナー

あらかじめ設定した処理を実行する、いわゆるタスクランナーは多数あります。GulpやGradleなどが有名です。多くのタスクランナーはシステム向けで、数ヶ月後にメンテナンスするのが困難になったりします。今回紹介するmaskはMarkdownファイルを使ったタスクランナーです。コメントも使えたりして、使い勝手が良さそうです...

List

  • 2019/08/08

Monaka - 添付ファイルも使える汎用メールフォーム

メールフォームはWebサイトで最もよく使われる機能ではないでしょうか。お問い合わせであったり、注文フォームなどユーザに入力してもらってサーバで送信を行う機会はとても多いです。毎回プロジェクトで作っているという方も多いでしょう。今回紹介するMonakaはPHP製の汎用的なメールフォームソフトウェアです。## Monaka...

None

  • 2019/08/08

Media Scraper - 各種ソーシャルメディアに対応した写真&動画ダウンローダー

今は自分のサイトに写真や動画を載せるのではなく、ソーシャルメディアにアップロードする方が多いのではないでしょうか。多くの魅力的なメディアがソーシャルメディア上にあり、それを収集したり保存している人も多いはずです。そこで使ってみたいのがMedia Scraperです。多彩なサイトに対応した写真と動画の収集ツールです。##...

List

  • 2019/08/07

GraphQL Zeus - GraphQL用のクライアントライブラリを生成

GraphQLの最も優れている点はWeb APIながらスキーマが用意されている点ではないでしょうか。それによってREST API以上に関連ツールが作りやすくなっています。動的にスキーマを読み込んでも良いですし、あらかじめコードを生成することもできます。今回紹介するGraphQL Zeusは後者に該当します。スキーマファ...

List

  • 2019/08/06

Argdown - 文章構造を可視化する記法

文章を構造化して書くのは難しいものです。特に長文になったりすると全体像を一目で把握するのが難しくなり、読み飛ばしてしまったりすれば意味を取り違えてしまうことになります。そこで使ってみたいのがArgdownです。文章構造を解析し、ビジュアル化してくれるソフトウェアです。## Argdownの使い方例です。左側が文章、右側...

List

  • 2019/08/05

KeyCastOW - キー操作をビジュアル化

ライブコーディングやソフトウェアの操作動画などで活躍するのがキーストロークの可視化ソフトウェアです。キーボード操作は画面上に表示されないのでキーボードショートカットを多用すると何をやっているのか視聴者には分からなくなってしまいます。そこでショートカットキーが見える形になっている必要があります。Windowsを使っている...

List

  • 2019/08/04

Windows Terminal - Micosoft製のターミナル

WindowsでCUIを使おうと思ったらコマンドプロンプトでした。その使い勝手の悪さは定評があり(失礼)、代替になるソフトウェアを使っている人が多かったのではないでしょうか。しかしWindows Terminalによって状況が変わりそうです。ローカル操作、リモート操作がすべてWindows Terminalでできるよう...

List

  • 2019/08/04

Fingerprint.js - Cookieに依らないトラッキング技術

広告システムで肝になるのがトラッキングです。トラッキングを行うことで、趣味や趣向を探ることができ、より精度の高い広告が表示できます。しかしトラッキングはプライバシーとの兼ね合いもあり、ブロッキングされることもあります。そんな中で注目されているのがFingerprintです。Cookieに頼らないトラッキング技術になりま...

List

  • 2019/08/03

Resilience - プロキシ型のアドブロッカー

インターネットには広告が付きものです。それを避けるための手段としてアドブロッカーがありますが、Webブラウザによって性能が異なったり、機能拡張が提供されていない場合もあります。そこで使ってみたいのがプロキシベースのアドブロッカー、Resilienceです。## Resilienceの使い方はてなブックマークのトップペー...

List

  • 2019/08/03

GifCapture - デスクトップ操作をアニメーションGIF化

アニメーションGIFはとても使い道が多いです。動画だとついつい冗長的になってしまいがちですが、アニメーションGIFはハイライト部分だけを切り出して作られています。面白い部分だけが繰り返し再生され、音声もないとあって、面白さが増幅します。そんなアニメーションGIFをデスクトップで手軽に作成するソフトウェアとしてGifCa...

List

  • 2019/08/01

host yo self - ファイルをアップロードしないWebベースのファイル共有システム

他の人とファイルを共有する機会は多いですが、時々とても面倒に感じることがあります。それこそ目の前にいる相手に対してファイルを送るの手段がなく、USBにコピーすることもあります。チャットやSlack、メールなどは相手と繋がっていたり、メールアドレスが分からないといけません。そこで使ってみたいのがhost yo selfで...