プレミアムユーザー限定記事
MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから。
- 2017/12/14
- できることを全力でやる
- 2017/11/25
- 恥ずかしさを感じないためにできること
- 2017/11/11
- プロジェクトを遅延させないコミュニケーションパス管理
Monaka - 添付ファイルも使える汎用メールフォーム
メールフォームはWebサイトで最もよく使われる機能ではないでしょうか。お問い合わせであったり、注文フォームなどユーザに入力してもらってサーバで送信を行う機会はとても多いです。毎回プロジェクトで作っているという方も多いでしょう。今回紹介するMonakaはPHP製の汎用的なメールフォームソフトウェアです。## Monaka...
Media Scraper - 各種ソーシャルメディアに対応した写真&動画ダウンローダー
今は自分のサイトに写真や動画を載せるのではなく、ソーシャルメディアにアップロードする方が多いのではないでしょうか。多くの魅力的なメディアがソーシャルメディア上にあり、それを収集したり保存している人も多いはずです。そこで使ってみたいのがMedia Scraperです。多彩なサイトに対応した写真と動画の収集ツールです。##...
Talk - オープンソースのコメントサービス
静的サイトが多用されるようになっていますが、動的な機能が追加しづらいのが欠点と言えます。しかし、そこもアイディア次第で解決できます。例えばコメント機能であればFacebookのコメント機能を使ったり、Discussなども活用できます。今回紹介するTalkは自分で立てるコメントサーバです。データを自分たちで管理、運用でき...
GraphQL Zeus - GraphQL用のクライアントライブラリを生成
GraphQLの最も優れている点はWeb APIながらスキーマが用意されている点ではないでしょうか。それによってREST API以上に関連ツールが作りやすくなっています。動的にスキーマを読み込んでも良いですし、あらかじめコードを生成することもできます。今回紹介するGraphQL Zeusは後者に該当します。スキーマファ...
org-web - React製のorg-mode
org-modeと言えば、Emacsユーザにとっては慣れ親しんだメモ環境です。個人的にも長く使ってきましたが、キーバインドなども複雑で、当時はまだしも今はもう使い方も忘れてしまっています。そんなorg-modeをWebベースで復活させたのがorg-webです。マウス操作も含めると使い勝手が良さそうです。## org-w...
Argdown - 文章構造を可視化する記法
文章を構造化して書くのは難しいものです。特に長文になったりすると全体像を一目で把握するのが難しくなり、読み飛ばしてしまったりすれば意味を取り違えてしまうことになります。そこで使ってみたいのがArgdownです。文章構造を解析し、ビジュアル化してくれるソフトウェアです。## Argdownの使い方例です。左側が文章、右側...
Volta - Rust製のnodeバージョン/ライブラリ管理
nodeにおけるバージョン管理はndenvを使う人が多いのではないでしょうか。また、ライブラリはnpmやyarnを使うことが多いです。そして、それらのライブラリはnodeで書かれているものになります。今回紹介するVoltaは一風変わっており、Rustで書かれています。## Voltaの使い方nodeをインストールする操...
KeyCastOW - キー操作をビジュアル化
ライブコーディングやソフトウェアの操作動画などで活躍するのがキーストロークの可視化ソフトウェアです。キーボード操作は画面上に表示されないのでキーボードショートカットを多用すると何をやっているのか視聴者には分からなくなってしまいます。そこでショートカットキーが見える形になっている必要があります。Windowsを使っている...
Windows Terminal - Micosoft製のターミナル
WindowsでCUIを使おうと思ったらコマンドプロンプトでした。その使い勝手の悪さは定評があり（失礼）、代替になるソフトウェアを使っている人が多かったのではないでしょうか。しかしWindows Terminalによって状況が変わりそうです。ローカル操作、リモート操作がすべてWindows Terminalでできるよう...
Fingerprint.js - Cookieに依らないトラッキング技術
広告システムで肝になるのがトラッキングです。トラッキングを行うことで、趣味や趣向を探ることができ、より精度の高い広告が表示できます。しかしトラッキングはプライバシーとの兼ね合いもあり、ブロッキングされることもあります。そんな中で注目されているのがFingerprintです。Cookieに頼らないトラッキング技術になりま...
Resilience - プロキシ型のアドブロッカー
インターネットには広告が付きものです。それを避けるための手段としてアドブロッカーがありますが、Webブラウザによって性能が異なったり、機能拡張が提供されていない場合もあります。そこで使ってみたいのがプロキシベースのアドブロッカー、Resilienceです。## Resilienceの使い方はてなブックマークのトップペー...
GifCapture - デスクトップ操作をアニメーションGIF化
アニメーションGIFはとても使い道が多いです。動画だとついつい冗長的になってしまいがちですが、アニメーションGIFはハイライト部分だけを切り出して作られています。面白い部分だけが繰り返し再生され、音声もないとあって、面白さが増幅します。そんなアニメーションGIFをデスクトップで手軽に作成するソフトウェアとしてGifCa...
listmonk - 自分で立てるニュースレター/メーリングリストシステム
メールマガジンを備えたWebサービスは多数あります。ソーシャルサービスがこれだけ流行りつつも、ビジネスで効果が大きいのはメールマーケティングだったりします。その管理するSaaSは多いですが、セキュリティ上の理由で自社管理しているところも多いでしょう。外部サービスから移行したい、これからメーリングリスト、ニュースレターシ...
copy-code-block - プログラミングコードをクリップボードにコピー
ブログなどでコードを記載しているサイトは多いです。その表示方法も様々で、行番号があるもの、ハイライトが付いているものなどがあります。そのコードをコピーしても余計な行番号が付いてきたりして、ストレスと感じたりします。そこで使ってみたいのがcopy-code-blockです。自由度の高くコードのコピーが可能です。## co...
host yo self - ファイルをアップロードしないWebベースのファイル共有システム
他の人とファイルを共有する機会は多いですが、時々とても面倒に感じることがあります。それこそ目の前にいる相手に対してファイルを送るの手段がなく、USBにコピーすることもあります。チャットやSlack、メールなどは相手と繋がっていたり、メールアドレスが分からないといけません。そこで使ってみたいのがhost yo selfで...
osu! - クリック主体のリズムゲーム
リズムゲームは世界中で人気があります。上から流れてくるのに合わせてボタンを押すもの、足でステップを踏むもの、さらに太鼓や特別な楽器風入力デバイスを使うものなの様々な形態が存在します。今回紹介するosu!はPC用なのでマウスを使いますが、多様なリズムゲームが楽しめます。## osu!の使い方メイン画面です。!
Moveable - マウスでドラッグ/リサイズ/回転を実現
Webアプリケーションとしてドローアプリを作りたい、または一部の機能としてDOMを移動したりサイズ変更するような機能を設けたいと思うことがあります。しかし、DOMをインタラクティブに操作するのは困難です。そこで使ってみたいのがMoveableです。マウスでDOMを簡単に操作できるようになります。## Moveableの...
webssh2 - Webブラウザで動くターミナル
サーバの操作をターミナルで行うのは基本ですが、クラウドサービスなどではWebブラウザ上で使えるターミナルを提供することがあります。ソフトウェアをもっていない人であったり、スマートフォンやタブレットからでもサーバ操作できるのが便利です。そんなWebブラウザ向けのターミナルとしてwebssh2を紹介します。SSH2を使った...
Simple HTML Invoice Template - シンプルな請求書のテンプレート
Webが苦手なものとしては、帳票があります。定型で体裁の整った帳票を生成するのは難しく、ついPDFなどに頼ってしまいます。かといって日本語で綺麗なPDFを出すのも難しかったりします。今回紹介するSimple HTML Invoice Templateはまさにその名の通り、シンプルな請求書のテンプレートとなっています。#...
capture-website-cli - コマンド一つでWebサイトのスクリーンショット
Webサイトのスクリーンショットを保存したいというニーズはよくあります。テストで利用することもありますし、プレゼン資料に使う時もあるでしょう。毎回Webブラウザを立ち上げてスクリーンショットを保存するのは面倒なはずです。そこで使ってみたいのがcapture-website-cliです。コマンド一回でWebサイトを画像で...