プレミアムユーザー限定記事
MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから。
- 2017/12/14
- できることを全力でやる
- 2017/11/25
- 恥ずかしさを感じないためにできること
- 2017/11/11
- プロジェクトを遅延させないコミュニケーションパス管理
React SlideShow UI - Slideshare/Speakerdeck風の表示を行うReactコンポーネント
スライドを共有するSlideshareやSpeakerdeckのようなサービスを作りたいと思ったことはないでしょうか。個人的には以前作ったことがあるのですが、その頃はFlashに変換してビューワーで表示するのが基本でした。今であればPDFや画像化して表示することでしょう。今回紹介するReact SlideShow UI...
s3st - Amazon S3にある複数オブジェクトの内容を標準出力
システムのログをAmazon S3に保存しているという会社は多いかと思います。そして、そのログの中で特定のメッセージが来たら分かるようにしたいというワークフローは多いでしょう。定型化されればシステムを組んでも良いですが、都度変わる場合にはデータをダウンロードして検索して…といった手間暇をかける必要があります。そこで使っ...
Helpdesk - Ruby on Rails製のヘルプデスク
Webサービスにつきものなのがヘルプデスクです。使っていて困ったことがあったら、まずヘルプデスクを見るでしょう。そこですでに質問があがっていればすぐに解決できますし、解決しなければそのまま質問できます。今回紹介するHelpdeskはそんなヘルプデスクを自前で持てるシステムとなっています。## Helpdeskの使い方こ...
jsoff - JavaScriptオンオフを切り替えるGoogle Chrome機能拡張
JavaScriptが高機能化し、もはやJavaScriptを使っていないWebサイトが見当たらないくらいです。しかし、だからこそJavaScriptをオフにした状態でどう表示されるのか気になることがあります。Google ChromeでJavaScriptをオフにするのは開発者ツールを使わないといけないですが、jso...
Mini Tokyo - 電車の動きを地図にマッピング
都内では毎日たくさんの電車が動き続けています。数分おきに厳密な時間管理に基づいて動き続けるのは有機的ですらあります。それを殆ど事故なく稼働し続けるのは奇跡的とすら言えるでしょう。そんな公共交通機関のデータを実際の地図上にマッピングしたのがMini Tokyoです。## Mini Tokyoの使い方メイン画面です。地図上...
GrapesJS MJML - Web上でHTMLメールをオーサリング
メールマーケティングにおいて、HTMLメールを利用する機会が多くなっていますが、使い勝手はWebでHTMLを表示するのとは多少異なります。さらにレスポンシブなフォーマットに対応させるのは大変です。そんなHTMLメール用に作られたマークアップとしてMJMLがありますが、そのMJMLを使ってWeb上でオーサリングできるのが...
Jekyll Admin - Jekyll用のWeb管理画面
個人的に最近利用が多いJekyll。GitHub Pagesが標準で対応してくれていることもあって、JekyllベースでWebサイトを構築することが多いです。そんなJekyllでちょっと面倒なのが、データ管理がすべてローカルOSのファイル管理頼りなことでしょう（それが良さでもあるのですが）。そこで使ってみたいのがJek...
Kanban Board - リッチなWebカンバンシステム
カンバンシステムはTrelloの登場以降、様々なシステムが作られています。シンプルなものもあれば、ものすごくリッチなものもあります。導入する場合には自分たちの組織にあったものを選定する必要があるでしょう。今回紹介するKanban Boardはタグやカレンダー連携などの機能を備えたカンバンシステムです。## Kanban...
jsmind - Webベースのマインドマッピング
マインドマッピングは考えを整理するのに便利なツールです。人によって会議の内容をマインドマッピングでまとめていたり、ブレインストーミング側に使ったりします。いずれにしても思考を広げるのに使えます。そんなマインドマッピングをWeb上でできるようにするのがjsmindです。## jsmindの使い方メイン画面です。!
goop - Google検索結果をスクレイピング
Googleの検索結果を取得して分析に使いたいと考える人は大勢います。しかし機械的に収集しようとすると、GoogleからCAPTCHA入力が求められます。そのため自動化しづらく、手作業で収集している人も多いでしょう。しかし裏道がありそうです。Facebookを経由するとそのトラップに引っかからないようです。その実証とし...
Exment - マスタ管理に便利なWebデータベース
Microsoft Accessはオフィスで活躍しています。ちょっとしたシステムであればエンジニアの手を借りることなく、作成できるでしょう。しかし最近ではmacOSも使われるようになっていたり、スマートフォンからも使いたいと言われるかも知れません。そこで使ってみたいのがExmentです。手軽に使えるWebデータベースシ...
ASS.js - 動画に字幕を表示
英語や中国語など、他言語で流れる動画には字幕が欲しいものでしょう。YouTubeやNetflixなど動画配信サイトでは字幕の表示、非表示を切り替えられます。あんな機能が欲しいと思ったことはないでしょうか。今回紹介するASS.jsはHTML5のvideoタグに対してASSフォーマットの字幕を表示できるライブラリです。##...
andOTP - Android用のOTPアプリ
多要素認証は当たり前になっていますが、その中でもよく使われているのがアプリベースのコード表示でしょう。ワンタイムパスワードなので、万一コードを見られたとしても1分後には使えなくなっています。そんなOPTを管理するためのアプリがandOTPです。Android用のアプリになります。## andOTPの使い方最初にウィザー...
Jasper - GitHub用のIssue管理を強力にサポート
GitHubのIssueはプロジェクトやオープンソース・ソフトウェアが成長するために必須の機能です。しかし、その数が増えるとついつい見過ごしてしまったりします。その結果、数ヶ月放置されるなんてことも少なくありません。その結果、開発者を失望させてしまいます。そうならないために使ってみたいのがJasperです。まるでメーラ...
repub - MarkdownからePub3ファイルを生成
Webになぜこれほどコンテンツが増えたかと言えば、かつては手打ちだったHTMLがオーサリングツールによって簡単に編集できるようになったり、CMSで特別なソフトウェアを用意することなくコンテンツが作れるようになったことが大きいでしょう。なるべく敷居を下げないといけません。今回紹介するrepubはMarkdownファイルか...
upload.express - React製のファイル共有サービス
インターネットを通じたファイル共有サービスはたくさんあります。日本でも幾つかあり、ビジネスでも使われていたりします（ユーザ情報漏洩して炎上したりもしていましたが）。それだけ需要が大きい分野なのでしょう。今回紹介するupload.expressはそんなファイル共有サービスの一つです。UIでReactを採用し、モダンな作り...
SeaPig - 多彩な図形埋め込みに対応したMarkdownエディタ
Markdownは開発者にとってデファクトスタンダードと言えるフォーマットになっています。そうなるとたくさんのエディタが生まれます。その中には独自の拡張を追加して、標準のMarkdownでは物足りない機能を補うことでしょう。今回紹介するSeaPigもそんなMarkdownエディタの一つです。チャートを書くことの多いプロ...
Glitch Studio - グリッチ画像を自在に作成
グリッチには何とも言えない魅力があります。古く言えばファミコンカセットを中途半端に差し込んだ時の画像と言うか、普通ではない状態だからこそ感じる面白さがあります。今回紹介するGlitch Studioはそんなグリッチ画像を様々なフィルタを通して作成できるソフトウェアです。## Glitch Studioの使い方画像を開き...
shiori - ターミナル/Webで使えるシンプルなブックマーク管理
ブックマークを管理するのはWebブラウザに付属のものを使うのが基本ですが、大量のブックマークをすると管理が煩雑になります。そこでソーシャルブックマークを使うようになりますが、データを公開したくないと考える人も大勢います。そこで使ってみたいのがshioriです。ターミナルやWebで使えるブックマーク管理です。## shi...
Xprite Editor - レイヤーが使えるピクセルアートエディタ
ピクセルアート（ドット絵）は今なお色褪せない魅力があります。際限ない表現が可能になっている現代だからこそ、色数やサイズの制限された中での表現は知恵と工夫が必要で、それが魅力になっています。今回紹介するXprite Editorはレイヤーまで実装された多機能なピクセルアートエディタです。## Xprite Editorの...