プレミアムユーザー限定記事
MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから。
- 2017/12/14
- できることを全力でやる
- 2017/11/25
- 恥ずかしさを感じないためにできること
- 2017/11/11
- プロジェクトを遅延させないコミュニケーションパス管理
JS Cloudimage 360 View - 自由に360度させられる商品ビューワー
正面からの商品画像だけで購入を決めるのは難しい製品は多数あります。左右や後ろからの写真を見てはじめて自分の納得いくものかどうか判断するでしょう。しかしそのために動画を見るのは面倒です。今回紹介するJS Cloudimage 360 Viewは様々な角度から撮影した商品画像を使って360度回転できるウィジェットを生成しま...
leaderboard-app - プロジェクトへの貢献度を可視化する
プロジェクトへの貢献度で評価が分かれると言った場合、どのように貢献度を見れば良いでしょうか。開発者であればIssueへの対応具合によって推し量ることができます。プロジェクトをIssueを使ったチケット制にすることで、プロジェクトへ貢献していると自然とIssueへの投稿量が増えていくものです。今回紹介するleaderbo...
ローカルファイルリンク有効化 - Google Chromeからローカルファイルへアクセス
Webブラウザはユーザの安全性を第一に考えて作られています。インターネット上には悪意をもった人たちがたくさんおり、Webブラウザからアクセスしただけで被害に遭うのは問題があります。しかし、安全性を考慮しすぎると利便性が失われます。Google Chromeではデフォルトでは file:// は使えません。これはローカル...
mdne - Lispが実行できるMarkdownエディタ
Markdownエディタは無数に存在します。あらゆるプログラミング言語で作られて、WebやWindowsなどおあらゆるプラットフォームに対して作られています。多くは2ペインになっており、機能差も殆どありません。そんな中で目立つためには特徴的な機能が必要です。mdneはコードが実行できる点が特徴なMarkdownエディタ...
cronv - crontabの設定を可視化
Linuxサーバを動かしていれば大抵cronを使って定期的な処理を実行しているでしょう。cronはデータベースという訳ではなく、単純なテキストファイルに設定を書き込むので、たくさんのcronが設定されていると、状況把握も大変になります。そこで使ってみたいのがcronvです。cronの設定内容をビジュアル化します。## ...
maprayJS - 地理空間情報を3Dに高速表示
地図は様々な楽しみ方があります。Googleマップのようにドローイングされたもの、航空写真、Google Earth、路線図など様々な情報が地図として表現されています。それぞれ楽しみ方が異なり、見ていて飽きないことでしょう。今回は地理空間情報とユーザの情報を合わせて3Dマップを生成するmaprayJSを紹介します。##...
Remix Icon - 小さめな表示にぴったりなSVGアイコン
アイコンはWebサイトのデザイン、特徴によって雰囲気に合わせて選ばなければなりません。そのため、一つのアイコンセットを知っていれば良いのではなく、様々なものを見ておくと良いでしょう。フォントと変わらない存在です。そんなアイコンセットとしてRemix Iconを紹介します。小さめのアイコンで、控えめなデザインが特徴です。...
React95 - 懐かしのWindows 95のUIをReactで
Windows 95が発売してからすでに25年が経とうとしている事実。4半世紀前になるのです。その頃からMac派なのでWindows 95発売日の祭りはニュースで見た程度なのですが、PCの歴史が変わった瞬間でもありました。そんなWindows 95のUIを現在の技術、Reactで再現しようというのがReact95です。...
Mongoku - クールなUIのMongoDB管理
MongoDBはNoSQL、ドキュメント型データベースとして注目を集めました。位置情報を扱うのに便利なデータベースでしたが、現在はMySQLやPostgreSQLも扱えるようになり、絶対にMongoDBでないといけない場面は減っているかも知れません。とはいえ個人的には今なお使っているのでMongokuのような管理UIは...
OpenInTerminal - 今開いているディレクトリでターミナルを開く
今、Finderで開いているウィンドウをターミナルで操作したいと思うことがあります。そんな時にできる方法としては、フォルダやファイルをドラッグ&ドロップするというものがありますが、面倒でいけてないです。そこで使ってみたいのがOpenInTerminalです。クリック一つでターミナルを開いてくれます。## OpenInT...
barba.js - スムーズなページ遷移を実現
Webページを素早く表示したいというニーズは強くあります。AMPのような技術しかり、PWAのCache APIもそうです。遅くて良いことなどありません。とにかくWebページは高速に表示すべきです。そしてそのためのライブラリも多数あります。今回紹介するbarba.jsは高速、かつスムーズなページ遷移を可能にするライブラリ...
OpenPlayerJS - 動画と音楽に対応したメディアプレイヤー
HTML5になってvideo、audioタグが追加されました。これらのタグを使うことで動画や音声ファイルをWebブラウザ上で扱えるようになりましたが、そのUIはとても貧弱です。素のままではとても使いづらいでしょう。そこで使うのがサードパーティー製のライブラリです。今回はシンプルで軽量なOpenPlayerJSを紹介しま...
SakubunCSS - 作文用紙風CSS
Web上の文章などは横書きが多いですが、日本語は本来縦書きのために作られています。それだけにWeb上であっても縦書きで文章を公開したいと考えている人は多いでしょう。アラビア語などは右から表示されるのに、日本語にしても横書きのままなのは気になります。そこで使ってみたいのがSakubunCSSです。振り仮名まで含めて日本語...
Rumale - Rubyで機械学習をはじめよう
機械学習をやろうと思うとPythonを覚えないといけない雰囲気があります。確かにPythonには行列や算術系ライブラリが充実しているので採用しやすいでしょう。しかし他の言語もその状態に甘んじている訳ではありません。今回はRubyで機械学習を行うRumaleを紹介します。以前はSVMKitという名前で知られていたライブラ...
MineTime - 21世紀のカレンダーアプリ
カレンダーは生活する上で欠かせない存在です。オンラインでもカレンダーサービスがたくさんありますが、多くは単に日付を表示して、そこにユーザが登録していくだけのものでしょう。もっと進化して欲しいと思う人も多いはずです。その片鱗を見せてくれそうなのがMineTimeです。21世紀のカレンダーと銘打ったソフトウェアです。## ...
Ikonate - カスタマイズ重視のSVGアイコン集
SVGの良いところはXMLでベクターベースなのでJavaScriptからカスタマイズしやすいということです。色などはもちろん、表示する向きなども変えられます。拡大、縮小しても綺麗なのも嬉しいポイントです。そんなSVGアイコンとしてIkonateを紹介します。カスタマイズしやすいのが売りのSVGアイコン集です。## Ik...
Gandul - 簡単に画像の遅延読み込みを実現
Webサイトは縦長なページが多く、その中で画像を多用していることも多いでしょう。そんな時、HTMLを読み込んだタイミングで画像も読み込んでしまうとネットワークの負荷が高くなります。それを防ぐ遅延読み込みもありますが、技術的に面倒と感じている人も多いかと思います。そこで使ってみたいのがGandulです。簡単に遅延読み込み...
Water.css - 読み込むだけでちょっと綺麗なデザインに
Webは自由度の高いプラットフォームです。WebブラウザはHTMLとCSSを使ってデザインするのが前提で、デザインしない時の表示は酷いものです。しかし、こったデザインをするのは時間がかかります。そこで使ってみたいのがWater.cssです。CSSファイルを読み込むだけで、ちょっと良い感じのデザインにしてくれます。## ...
Ripcord - SlackとDiscordを統合するチャットクライアント
オンラインでのコミュニケーション手段は様々にあります。チャットで有名なのはSlackですが、ゲーム界隈ではDiscordの方が使われている傾向があります。対象層によって利用するサービスが異なるのはよくある話です。そこで今回はSlackとDiscordを同時に使うのに便利なRipcordを紹介します。## Ripcord...
jQuery Rowspanizer - 動的にHTMLテーブルのrowspanを設定
これは良いアイディア！HTMLでテーブルはよく使われます。検索結果やレポーティングなど活躍の幅は広いです。そしてデータを表示する際に、重複した項目はセルを連結して表示するでしょう。しかし、colspan/rowspanをシステムで動的に設定するのは非常に面倒です。そんな時に使ってみたいのがjQuery Rowspani...