プレミアムユーザー限定記事
MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから。
- 2017/12/14
- できることを全力でやる
- 2017/11/25
- 恥ずかしさを感じないためにできること
- 2017/11/11
- プロジェクトを遅延させないコミュニケーションパス管理
JavaScriptのイベントをたくさん見られるサイト - 開発時に役立つ。JavaScriptのイベント処理を確認
JavaScriptでのアプリケーション開発において肝になるのがイベントのハンドリングです。マウスやキーボード操作などによって多様なイベントが呼ばれます。それらの購読、解除によってアプリケーションを構築するのですが、慣れている人であっても複雑で分かりづらいものです。どんなイベントがあって、どうデータが送られてくるのかを...
ReLaXed - Web技術からPDFを生成
PDFを作るのは数年前に比べると、さほど難しくなくなっています。プリンタドライバ形式でPDFを生成するプロダクトは多く、簡単な体裁のものであればすぐに作成できます。しかし、よりこだわったレイアウトであったり、自動化となると、まだまだ技術が必要です。今回はWeb技術でPDFが作れるReLaXedを紹介します。## ReL...
File Browser - Webベースのファイル管理
Webアプリケーションが増えてきて、Webブラウザ上でドキュメントを作ったりする機会が増えています。そうした中で欲しくなるのはファイル管理ツールでしょう。これもまた、Webブラウザ上で使えるものが便利です。今回はそんなWeb上でのファイル管理に使えるFile Browserを紹介します。## File Browserの...
carbon-now-cli - プログラミングコードを画像化
プログラミングコードをブログなどで綺麗に表示したいと思っても、ブログの環境が対応していないケースがあります。多少のハイライトは入っていても、タブ幅、フォント、テーマなどカスタマイズしたい要素は無数に存在します。そこで使えるのがコードの画像化ですが、毎回手作業でやるのは面倒です。自動化したいならcarbon-now-cl...
SavannaKit - iOS/macOSで使えるプログラミングエディタ開発キット
AtomやVisual Studio Codeなど、Web技術を使ったプログラミングエディタが広まっていますが、パフォーマンスに際して不満を感じている人も多少はいるのではないでしょうか。もっとハイパフォーマンスなプログラミングエディタが欲しいと考える人もきっといるはずです。そこで使ってみたいのがSavannaKitです...
lazygit - ターミナル用のGit UI
Gitはターミナルで使っている人が多いかと思いますが、細かい操作になるとつい忘れがちです。不要なファイルが混ざったのに気付かずに思わずコミットしてしまったり、コミット後のキャンセルなどいちいちネットで調べたりしているのではないでしょうか。そこで使ってみたいのがlazygitです。ターミナル上のGitクライアントです。#...
Terminalizer - ターミナルの入出力内容をアニメーションGIF化
サーバのセットアップ時など、ターミナルの作業内容をメモしておきたいということは多々あります。後になって、コマンドだけで振り返っても分かりづらいので、入出力内容をそのまま保存しておくのが便利です。そこで使ってみたいのがTerminalizerです。ターミナルの作業内容をアニメーションGIFに変換してくれます。## Ter...
pboy - CUIのPDF管理
Markdownのようによく使われるドキュメントには管理ソフトウェアがあるのに、PDFではあまり見かけません。閲覧する頻度はとても多いのに、ストレージの中に散在するに任せてしまっています。そこで使ってみたいのがpboyです。CUIでシンプルにPDFを管理してくれます。## pboyの使い方起動するとディレクトリ中にある...
Snibox - 自分で立てるスニペットサーバ
スニペットは開発中によく使います。同じコードは存在しない方が良いのですが、プロジェクトが異なる場合や、よく使う正規表現など取っておくと便利なコードの断片はよくあります。今回はそんなスニペットを管理するためのSniboxを紹介します。## Sniboxの使い方画面は3ペインに分かれています。一番左が言語、次がタイトル、そ...
Statup - Go製のステータスページ
Web APIやクラウドサービスを提供する際にはステータスページを作っておくと良いでしょう。サービスに万一のことがあった場合に、ステータスページがあることで障害の発生状況や回復状況が分かるようになります。今回紹介するStatupはステータスページを作成するためのシステムになります。## Statupの使い方デモページで...
Canvas Sketch - ビジネスモデルキャンバスをWeb上で
ビジネスモデルを考える際にビジネスモデルキャンバスを使うと、見逃していた視点を発見したり、相互の関連性を俯瞰的に確認できるようになります。A4の紙を使ってすぐに作れるのも魅力でしょう。今回はビジネスモデルキャンバスをWeb上で作れるCanvas Sketchを紹介します。Web上であれば何度も書き直したり、共有しやすい...
React Site Nav - Stripeにインスパイアされたメニュー表示
良いデザインは真似してみると、その良さやエッセンス、理由などが見えてくるものです。細部にまでこだわったデザインはやはり美しく、使いやすいUIやUXになるものでしょう。今回はReact Site Navというライブラリを紹介します。Stripeのメニューを真似したUIコンポーネントです。## React Site Nav...
Excel Gantt Chart - Excel上で綺麗なガントチャートを実現
Excelは何にだって使える魔法のツールです。表計算はもちろん、ドキュメント、仕様書、報告書、ゲーム、データベースなど利用される幅がとても広いです。特に開発現場ではよく利用されているでしょう。今回はExcelをガントチャートにするExcel Gantt Chartを紹介します。類似の表現はよく見ますが、表示の更新が自動...
StyleURL - CSS設定をGistで共有するデザインカスタマイズ機能拡張
開発者ツールを使うと任意のWebサイトに対してスタイル設定を変更できます。可読性を下げる要素を削除したり、並び替えたりすることもできます。Styusのような機能拡張を使えば、サイトを訪問した際にデザイン設定が自動的に適用されます。今回紹介するStyleURLも類似のソフトウェアですが、スタイル設定の作りやすさとシェアの...
Wormholy - シェイクジェスチャーでネットワークログを表示
iOSアプリを作っていて、トラブルになりやすいのがネットワークです。送信したデータと受信したデータが正しいのかデバッグする機会は多いです。そこでプロキシソフトウェアを使って解析したりするでしょう。そんな時に使ってみて欲しいのがWormholyです。ネットワークリクエスト内容をログとして確認できるソフトウェアです。## ...
lexrank.js - 日英対応のテキスト要約
情報は日々増える一方です。もはやすべての情報を収集するメリットは薄くなっています。次に大事なのは必要な情報だけをいかにして収集するかです。一つはフィルタリングで、情報の取捨選択です。もう一つは情報数は変えずに情報量を変えるのです。つまりテキスト要約で、lexrank.jsは日本語/英語に対応しています。## lexra...
Trends - GitHub Trendsを高速表示するWebアプリ
Webサイトの高速表示に注目が集まっています。日本で有名なところと言えば日経新聞のサイトがありますが、PWAやSPAといった技術を活用することで表示を高速化できるようになります。そんなPWAを駆使してGitHub Trendsを高速化にチャレンジしたソフトウェアがTrendsです。## Trendsの使い方最初の表示で...
Juno - メニューバーからJupyter Notebookを呼び出し
PythonやR使いの方はJupyter Notebookを使っている方も多いでしょう。コードとテキストを一つのドキュメントに仕上げられるので、開発者向けのドキュメントを作るのに最適です。そんなJupyter Notebookをメニューバーから呼び出せるのがJunoです。## Junoの使い方メニューバーからJupyt...
Badgen - 各種サービスに対応したバッジを表示
GitHubのREADMEを見ると、様々なバッジが表示されています。バージョンいくつかコンパイル通った、テストが通過したといった情報であったり、ライブラリのバージョンを明記したりもします。そんなバッジを柔軟に生成できるのがBadgenです。SVG製なので軽量です。## Badgenの使い方デモです。横幅の広いバッジも作...
Pushbar.js - 上下左右どこからでも出せるドロワー
最近は常にヘッダーバーを表示しているサイトが増えていますが、正直うざいを感じることがあります。画面の大きくないスマートフォンなどではヘッダーが常にあることで表示されるコンテンツが狭くなってしまいます。そこで使ってみたいのがドロワーです。ユーザアクションに応じてヘッダーなどを表示する方がユーザビリティが高いと言えるでしょ...