プレミアムユーザー限定記事
MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから。
- 2017/12/14
- できることを全力でやる
- 2017/11/25
- 恥ずかしさを感じないためにできること
- 2017/11/11
- プロジェクトを遅延させないコミュニケーションパス管理
Listly - あなたのリストを一カ所に
普段の生活の多くはリストで管理されます。Todoはもちろん、プロジェクトにおけるタスク管理、買い物メモなどリストで管理して、それを消し込んでいく作業がなんと多いことでしょう。そこで紹介したいのがListlyです。何でもリストとして登録できるWebアプリケーションです。## Listlyの使い方最初の画面です。まだ何もあ...
System Font CSS - OSネイティブのフォントを利用するCSS設定
CSSでOS標準のフォントを使いたいときには `system-ui` という指定を行います。ただし古いWebブラウザで使えなかったり、解釈においてまだ課題があるようです。各OSともフォントにはこだわりを持っているはずで、その標準フォントはOSにマッチして表示されるはずです。そこで使ってみたいのがSystem Font ...
Adventar - アドベントカレンダーシステム
11月になって、アドベントカレンダーの話が出てきました。日本でのアドベントカレンダーシステムとしてはQiitaとAdventarが知られています（他の国で同じような試みをみたことがないですが）。Qiitaではプログラミングに関係するものが多いように感じます。もう少し広い話題も許容するならばAdventarの方が良いでし...
TreeSheets - Excel職人向き。グリッドでUIを作るエディタ
企業に一人はいると言われる（？）Excel職人。表計算ソフトウェアであるはずのExcelを駆使してあらゆるUI、帳票を設計すると言われています。彼らにかかればどんな複雑な帳票でも作れてしまいます。そんなExcel職人の方に良さそうなデータ管理ツールがTreeSheetsです。## TreeSheetsの使い方メイン画面...
GitHub name Alias Chrome Extension - GitHubのユーザ名にエイリアスを追加してサジェストを使いやすく
ユーザ名と表示名が一致していないために、メンションを送る相手が分からないことが良くあります。アイコンで見分けができれば良いですが、アニメアイコンやデフォルトのアイコンだったりすると探すのも大変です。GitHubのPRやIssueなどでそう感じたことがある人はGitHub name Alias Chrome Extens...
Alf.io - オープンソースのチケット販売システム
チケット販売システムとしてよく知られているのはti.toやPeatixなどです。便利なサービスなのですが、手数料が高く感じたり、多言語対応していないと言った問題があります。筆者の運営するDevRelCon Tokyo
Webtest.app - アドブロックの有無でサイトの表示速度をチェック
アドブロックを入れることでWebページ表示が高速化されることはよく知られていますが、どれくらい速くなったのか計測している人は少ないでしょう。何となく体感として速くなっている程度の認識かと思います。そこで使ってみたいのがWebtest.appです。Webサイトごとに広告を表示した場合としなかった場合の比較ができます。##...
Mobile First Animation in React - React製のスマートフォンアプリ風UXコンポーネント
Webがどんどんネイティブアプリに近い体験を提供できるようになっています。WebブラウザのAPIもそうですが、アニメーションの高速化によって、スマートフォンアプリのようなUXも実現できます。今回紹介するMobile First Animation in ReactはモバイルWeb向けにアニメーションを提供するReact...
Footsies - シンプルなストリートファイター風格闘ゲーム
パキスタンには恐ろしく鉄拳の強いゲーマーがいるなんて話もありますが、格闘ゲームは熱狂的なファンが多いゲームジャンルの一つです。プレイするのも楽しいですが、開発者であれば自分で作ってみるのはいかがでしょう。今回紹介するFootsiesは2Dの格闘ゲームです。移動キーとスペースキーくらいしか使わないのに奥が深い、そんなゲー...
serve - Dart製の静的ファイル用HTTPサーバ
ローカルでHTMLファイルなどの表示を確認するために、HTTPサーバを立ち上げたいと思うことは良くあります。個人的にはRubyのワンライナーをエイリアスにして使っていますが、Pythonを使う人もいるでしょう。今回紹介するのはserve、ローカルでさくっと使えるHTTPサーバです。## serveの使い方serveを実...
Credit Card Form - Vue製のクレジットカード入力コンポーネント
Web上でものを買う場合、クレジットカード番号を入力する機会は多いかと思います。決済情報を入力する際にはなるべく手間取らないようにしないと、せっかくの決済機会を逃してしまうことになります。そこで使ってみたいのがCredit Card Formです。アニメーションや表示を工夫してスムーズにクレジットカード情報の入力ができ...
Distortion Hover Effect - マウスオーバーで画像を切り替え
Webページではユーザのアクションによって様々なエフェクトが可能です。ユーザ自身が分かるアクションとしては文字入力やクリックなどになりますが、他にもウィンドウサイズを変えたり、スクロールでも可能です。その中で最も簡単そうな、マウスオーバー時にエフェクトを起こすのがDistortion Hover Effectです。しか...
Kashiki - OpenGLを使ったアニメーションが気持ちいいエディタ
テキストエディタはコンピュータを仕事に使う人にとっては商売道具とも言える大事なソフトウェアでしょう。そのため、手に馴染むかどうかで生産性が大きく変わってきます。ただ文字が打てれば良いという訳ではないでしょう。そこで紹介したいのがKashikiです。OpenGLを使うことで、ヌルヌルと動く面白いエディタになります。## ...
Counter - 数字を大まかな時間に換算
時間の表現として、絶対時間を使う場合と相対時間を使う場合があります。相対的な時間は、今の時刻を知らなくとも使えるので便利です。また、見る人のタイミングによって時間が異なる場合、相対時間の方が分かりやすいこともあります。例えばソーシャルメディアの投稿日時などを表現する場合です。だいたいの時間を知りたい場合、Counter...
QR-Code - 今表示しているURLのQRコードを表示
Webブラウジングしていて、そのURLをスマートフォンやタブレットで表示したいと思うことが良くあります。そんな時に便利なのがQRコードで、カメラを使ってURLが送信できます。かつてはGoogleチャートが使えたのですが、QRコードは非推奨になってしまっています。そこで使ってみたいのがQR-Codeです。Google C...