プレミアムユーザー限定記事
MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから。
- 2017/12/14
- できることを全力でやる
- 2017/11/25
- 恥ずかしさを感じないためにできること
- 2017/11/11
- プロジェクトを遅延させないコミュニケーションパス管理
Magic-Grid - ウィンドウ幅に応じてグリッドを自在に並び替え
Webページをレスポンシブに対応させようと思うとグリッドベースのデザインを採用することが多いでしょう。デバイスの幅に応じて並べるグリッドの数を増減させることで表示をカスタマイズできます。多くのUIフレームワークがグリッドに沿ったUIを提供しています。今回紹介するMagic-Gridはグリッドだけを提供するライブラリです...
エディ太郎 - 下書き専用エディタ
SlackやGitHubのIssueに投稿する際に、長文はあらかじめ別なテキストファイルに書いたりしないでしょうか。いきなり本番のサービス上で書くのは躊躇してしまうので、一旦下書きに書くという人は多いはずです。確かに下書きであれば間違って公開されることもありません。そこで使ってみたいのがエディ太郎です。下書き専用のエデ...
Current Device - デバイス判定をスタイルシートに反映
Webページにアクセスするデバイスが多様化している中、JavaScriptで各デバイスを判別して表示分けしているWebサイトも多いのではないでしょうか。こういった実装を都度行うのはとても面倒ですし、条件分岐も増えがちです。そこで使いたいのがCurrent Deviceです。デバイスに応じてスタイルシートにクラスを追加し...
WatchingU - インターネットオタクのためのRSSリーダー
オンライン上の情報を効率よく集めるのにRSS（フィード）リーダーは最適です。しかしビジネス的には難しいようで、多くの会社がフィードリーダーから撤退しています（それこそGoogleリーダーさえも）。そんな中生き残るのはむしろオープンソースなのかも知れません。今回紹介するWatchingUはWebベースのRSSリーダーで、...
Ervy - CUIで棒/円/折れ線/ゲージグラフを表示
コンソール用のアプリケーションが増えています。UIをあまり作り込まずに済み、さらに結果の出力も簡単にできます。その反面、グラフのような可視化は苦手です。テキストで出力して、別なライブラリで可視化するのではないでしょうか。そこで使ってみたいのがErvyです。ターミナル上で簡易的な可視化を実現できます。## Ervyの使い...
spacetime - JavaScriptの高機能時間ライブラリ
JavaScriptで悩ましいのが時間の扱いではないでしょうか。Webブラウザごとによって異なるタイムゾーン、年月日を表示するのにもばらばらのメソッドを実行するなど面倒な操作が多いと感じます。そこで使ってみたいのがspacetimeです。JavaScriptにおける日時関連の処理を手軽にしてくれるライブラリです。## ...
tiptap - Vue.js向けのリッチなWYSIWYGエディタ
WYSIWYGなエディタは開発者ではない人たちにコンテンツを作ってもらいたい時に活躍します。HTMLを手書きするのは困難ですし、編集している内容と結果が異なるので、結果を想像しながら作るのは慣れない人にとっては難しいでしょう。もしVue.jsを使っているならば導入したいWYSIWYGエディタがtiptapになります。多...
backer - コンテナのバックアップ/リストア
開発や運用時にコンテナを利用するのも当たり前になってきています。そんな中、誤ってコンテナを削除してしまったり、ストレージの障害でデータをロストするような問題も出てきます。そんな時には何はともあれバックアップが大事です。今回紹介するbackerはコンテナ専用のバックアップソフトウェアになります。利用用途は限られそうですが...
SQLPad - クエリを保存、可視化するSQL実行環境
社内でエンジニア以外の人たち（特にマーケター）にSQLを覚えてもらうと業務効率が良くなるという話をよく聞きます。データを様々な角度から取り出したいと思う人たちは自分でやってもらう方が早いのです。そんなSQLを実行したり、保存できるのがSQLPadです。re:dash
model-viewer - Webコンポーネントの3D/ARビューワー
HTML5の機能が追加されている中で、Web上でできることが増えています。その一つとして注目したいのがWebVRであったり、AR技術です。これまでは専用のソフトウェアがなければ実現できなかったことがWeb標準の技術で実現できます。そんなAR/VRを簡単に表示、操作できるライブラリがmodel-viewerです。## m...
virtual-scroller - 長大なリストもサポートするスクロールライブラリ
Webページは縦に長く伸びがちです。特にリスト状に情報を載せる際にデータ量をシステムからの出力で動的に変化させている場合、間違って数十万件のデータを一気に表示しようとしてDOMレンダリングが終わらなくなったりします。そういった時に使ってみたいのがvirtual-scrollerです。縦横を含めたスクロールをスムーズにし...
slack-filesave - Slackにアップロードしたファイルを一括ダウンロード
Slackをビジネス、プライベート双方で使っている人は多いでしょう。単なるテキストのやりとりだけでなく、写真をはじめとして様々なデータをアップロードしているはずです。それらは残り続けますが、ふと思い立った時に探すのは大変です。そこで使ってみたいのがslack-filesaveです。Slack上にアップロードされたファイ...
myConsole - スマートフォン向けのJavaScript実行環境
JavaScriptの実行環境としてはWebブラウザの開発者ツールがよく使われますが、それはデスクトップにしか用意されていません。タブレットやスマートフォンでちょっとしたJavaScriptを実行したいと思うこともあるでしょう。そんな時に使えるのがmyConsoleです。Webベース、スマートフォン特化型のJavaSc...
Write.as - シンプルなUI、書くのに集中できるブログシステム
すべての人に最適なサービスは存在しません。テキストエディタにも好みがあったり、OSだって使い慣れたものが好きになるものでしょう。同様にブログプラットフォームも、リッチな方がいい人もいれば、シンプルさを大事にする人もいます。今回紹介するWrite.asはどちらかといえばシンプル側に属するブログプラットフォームになります。...
demado - 決まった幅と高さでURLを開く
チャットやプレイ中のWebゲームなど、別ウィンドウにしておきたい場面は多々あります。そんな時、Electronなどで別アプリ化する手もありますが、機能拡張やアプリが分かれるのが面倒という方もいるでしょう。そこで使ってみたいのがdemadoです。特定のURLを固定された大きさのウィンドウで開いてくれるソフトウェアです。#...
MindForger - Markdownを使ったナレッジベース
思案し、新しいアイディアを生み出すのは今なおコンピュータにはできない人独自の能力と言えます。一度仕組みができあがってしまえば、後はコンピュータに任せることもできますが、その思案する過程とアウトプットに大きな意味があります。そこで使ってみたいのがMindForgerです。Markdownをベースとして、ナレッジを蓄積でき...
i18n-manager - GUIで翻訳ファイルを管理
ローカライズというのは思っている以上に難しい作業です。単純に訳せば良いという訳ではなく、時に単語を削ったり追加したりしなければなりません。国内では通用しない言い回しだったりしたら思い切って帰る必要もあります。そんな翻訳を管理するためのツールがi18n-managerです。翻訳ファイルをYAML形式で管理します。## i...
jsc - Rustで書かれたJavaScriptコンパイラ
JavaScriptを利用できる場面は広がっていますが、実行するためにはJavaScript実行エンジンたるv8などが必要です。また、スクリプト言語なので実行時に解釈されるため、実行速度は若干遅くなるでしょう。今回紹介するjscはそんな限界を超えるかも知れないソフトウェアです。Rustで書かれたJavaScriptコン...
lorca - Go + HTML5でデスクトップアプリを開発する
Web技術を使ってデスクトップアプリケーションを作る技術としてElectronが知られています。Electronで利用するのはnode/JavaScriptですが、別な言語使う技術も存在します。今回紹介するlorcaはGoを使ってデスクトップアプリを作ります。UIこそHTML5ですが、大きな可能性を秘めた存在と言えそう...
ProjectVisBug - HTMLやCSSの情報をビジュアル的に確認、調整
Webサイトのデザインを作っていて、配置を少し変えたり、色合いを変えたいと思うことは多いでしょう。開発者ツールでCSSを変更したり、Webブラウザを再読込しても良いですが、細かい調整では時間がかかってしまいます。そこで使ってみたいのがProjectVisBugです。ビジュアルを細かく調整できるGoogle Chrome...