プレミアムユーザー限定記事
MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから。
- 2017/12/14
- できることを全力でやる
- 2017/11/25
- 恥ずかしさを感じないためにできること
- 2017/11/11
- プロジェクトを遅延させないコミュニケーションパス管理
Visitor Badge - 現代風に作り直した昔懐かしいカウンター
古き良きインターネットの遺物といえば、Webサイトにあるカウンターではないでしょうか。CGIやSSIなどで設置して「あなたは何番目のお客様です」といった文言を表示していました。ちょうどいい番号をゲットしたら、キリ番ゲットなどと呼ばれて、それを掲示板で報告したりしました。そんな昔懐かしいカウンターを現代風に復刻したのがV...
Narration Studio - Webでナレーションを作成
ナレーションはあらかじめ作成した原稿をきちんと読み上げなければいけません。長文のナレーションだった場合、途中で間違えてしまって最初からやり直しでは大変です。そこで使ってみたいのがNarration Studioです。Webベースでナレーションを作成できます。## Narration Studioの使い方最初の画面です。...
Painterro - Webアプリケーションにペイント機能を追加
Webアプリケーションの中にペイント機能を取り入れたいと思ったことはないでしょうか。たとえばユーザがアップロードした画像に対して、ペイントで加工できるようにしたり、お絵かき機能を取り入れるといった具合です。今回紹介するPainterroはWeb用のペイントプラグインになります。単体での利用ではなく、Webアプリケーショ...
wafxr - Web上でSEを生成
ゲームなどで使われるSE（サウンド・エフェクト）はフリーのものもあれば、商用でも販売されています。最近であればYouTuberなどもそうした音声を利用しています。動画やゲームにひと味加えてくれる大事な存在です。そんなSEをWeb上で自動生成できるのがwafxrになります。## wafxrの使い方メイン画面です。!
vdx - FFMPEGをラップした動画を簡単に変換できるコマンド
FFMPEGは多機能な動画操作ツールです。動画に関係する様々なソフトウェアで使われています。しかし、その多機能さ故に使いこなすのが難しくなっています。オプションも数が多すぎて、覚えきれないでしょう。そんな中、特定の目的に特化して使いやすいコマンドにしてくれるのがvdxになります。## vdxの使い方vdxで用意されてい...
Origami Simulator - 折り紙をWebGLでシミュレーション
折り紙は日本のみならず、世界中で愛されている存在です。1枚の紙から、技巧を凝らして折ることでさまざまな造形を可能にします。中には、どうやって折ったのか分からないものも多数あります。そんな折り紙をシミュレーションできるソフトウェアがOrigami Simulatorになります。## Origami Simulatorの使...
Eripusisu - テキスト以外にも使える省略表示ライブラリ
CSS3では長すぎる文字列を省略する機能があります。しかし、使いこなすのはなかなか難しく、JavaScriptなどと組み合わせるケースが多いでしょう。また、テキスト以外のコンテンツに対応していないのも問題です。そこで紹介したいのがEripusisuです。多数のコンテンツ形式に対応したテキスト省略ライブラリです。## E...
OpenPlayerJS - 軽量なHTML5動画プレーヤー
HTML5で動画を再生する際にはvideoタグを利用します。しかし、このvideoタグはごく基本的な機能しかなく、使い勝手はよくありません。そこで、外部のライブラリを使って機能を追加するのが基本です。今回紹介するOpenPlayerJSもそんなHTML5用の動画プレーヤーになります。## OpenPlayerJSの使い...
t-rec - コンピュータ操作をアニメーションGIFにするCLIツール
コンピュータの操作を提示する際にコマンドラインを並べたり、テキストで○○ボタンを押すといった表現があります。しかしGUIの場合、どうにも分かりづらかったり、クリックすべき対象が見つからなかったりします。そんな時、動画はとても分かりやすい表現です。今回紹介するt-recはコンピュータ操作をアニメーションGIFにしてくれる...
Stingle Photos - セキュアなデータ保護を実現する写真/ビデオ管理アプリ
写真は大切な思い出です。企業の提供するサービスに預けておく人は多いですが、そのデータの安全性についてどれくらい把握しているでしょうか。そこには多くの個人情報、プライバシーが含まれているはずです。不用意に公開されたり、利用されるのは防ぎたいはずです。そこで使ってみたいのがStingle Photosです。プライバシーに配...
I Got Urls - 消えてしまったURLを取り戻そう
デジタルデータは永遠であるかのようにいわれますが、実際にはそんなことはありません。クリック一つ、キー入力一つで消えてしまう分、アナログよりも儚いかも知れません。しかし、オンライン上にあるデータを残そうとするプロジェクトは多数あります。そうしたデジタルアーカイブサービスにどんな情報が残っているかチェックできるのがI Go...
TwitGrid - Twitterをマルチカラムでまとめてチェック
Twitterで色々な情報を収集している人たちはTweetDeckを利用しているでしょう。便利なサービスですが、もっとシンプルでいいのにと思うことがあります。情報が多すぎて、混乱します。そこで使ってみたいのがTwitGridです。表示したいユーザを並べていくだけの簡単なTwitterリーダーです。## TwitGrid...
CSS Spider - CSS設定を素早く確認、編集
表示されているCSSの内容を確認する際には開発者ツールを利用するでしょう。しかし、情報が多すぎて分かりづらかったり、スタイルをコピーすると余計な情報もたくさん付いてきたりします。そこで使ってみたいのがCSS Spiderです。開発者ツールよりも使いやすく、分かりやすいスタイルチェッカーです。## CSS Spiderの...
apkLeaks - APKファイルを解析してURLやシークレット情報を取り出す
アプリは一つのパッケージでリリースします。そのため、完全に暗号化されており、機密データも安全に扱われていると考えてしまいがちです。実際にはそんなことはなく、さまざまな情報が読み取れます。今回紹介するapkLeaksはAndroidのAPKファイルを読み込み、そこに書かれたURLやエンドポイント、シークレット情報があるか...
markdown-wasm - WebAssemblyでMarkdownをHTMLに変換
MarkdownをHTMLにするライブラリは多数あります。それらを使ってWebページ上でHTMLを表示している方は多いでしょう。しかし巨大なMarkdownコンテンツになると解析、HTMLへ変換するのに時間がかかるようになります。これはリアルタイムプレビューが求められるエディタでは致命的な問題です。そこで使ってみたいの...
Team Blog Hub - チームブログをメンバーのフィードから作成する
企業のテックブログは廃れやすいという問題があります。個人のブログならば更新するのに、会社のブログを更新するのは面倒に感じる人は多いようです。また、転職するかも知れない可能性は常にあるので、それを考えると個人で情報発信したいと考えることでしょう。そこで使ってみたいのがTeam Blog Hubです。個々人の発信した情報を...
LocalCDN - 有名なライブラリをローカルで読み込む
jQueryをはじめ、有名なライブラリがCDNによって配信されています。URLが共通化されることでキャッシュが有効になったり、CDNによる配信で高速ダウンロードされるというメリットがある一方で、利用者のプライバシーが脅かされています。今回紹介するLocalCDNはCDNから配信されるライブラリのURLをローカルのものに...
yogAI - AIの力でヨガのポーズをチェック
コロナウイルスの影響があって、自宅でストレッチやヨガを行うコンテンツが人気だそうです。ヨガは通う人たちは強者なイメージがあって、素人だと何となく気後れしてしまっていたかも知れません。動画であれば、人の目を気にせず、誰でもヨガにチャレンジできます。そんなヨガで大事なのは正しい姿勢が取れているかどうかです。ぜひyogAIを...
sheet2gmap - GoogleシートとGoogleマップを簡単に連携
Googleマップではユーザがカスタマイズしてピンを立てたり、情報を付与する機能があります。便利なのですが、使うためにはJavaScript SDKを使いこなさなければなりません。また、データをどこかに保存しておく必要もあります。そのため利用を控えてしまっていないでしょうか。今回紹介するsheet2gmapは世界一簡単...
glow - CUIでもMarkdownを綺麗に表示
Markdownを閲覧するソフトウェアは多数あります。MarkdownからHTMLに変換できるので、Webベースのものが多いです。GUIであってもElectronを使っていたりして、結果としてWeb技術で表示するものが殆どです。しかし開発者であれば、GUIよりもCUIの方が触れる時間が長いはずです（偏見）。そこで使いた...