プレミアムユーザー限定記事
MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから。
- 2017/12/14
- できることを全力でやる
- 2017/11/25
- 恥ずかしさを感じないためにできること
- 2017/11/11
- プロジェクトを遅延させないコミュニケーションパス管理
JSON Editor - シンプルなUIのJSONエディタ
システム開発時にJSONを使う機会が増えています。Web APIなどで自動で出力させる場合もありますが、設定ファイルなどで自分の手作業で作る場合もあります。しかし、手作業で作るとミスしやすく、ストレスがたまります。そこで使ってみたいのが専用のエディタです。今回はシンプルなUIのJSON Editorを紹介します。## ...
espanso - 短縮系で入力して自動でテキストを展開
同じテキストを何度も書くのは面倒なので、「おは→おはようございます」のように短縮系をIMEに登録していたりしないでしょうか。しかし、これは日本語入力の場合しか使えないですし、環境を変えると移動が面倒です。そこで使ってみたいのがespansoです。マルチプラットフォーム、どのソフトウェアでも使える入力補完ソフトウェアです...
Locomotive Scroll - マルチプラットフォームで動作するパララックス・エフェクトライブラリ
パララックス・エフェクトを使うと、インパクトのある表現が実現します。Webページは縦長のサイトが多いので、スクロールで見た目のインパクトが与えられればユーザの目を引きつけられるでしょう。今回紹介するLocomotive Scrollはパララックス・エフェクトとDOMの表示されるタイミングを合わせたスクロールライブラリで...
Web Video Capture - Webブラウザでスクリーンキャプチャ
HTML5のAPIはどんどん追加されており、多くの機能がWebブラウザ上で実現できるようになっています。例えばWebカメラを使ったチャットの最中に、自分のデスクトップやアプリケーションの画面を共有することもできます。今回紹介するWeb Video Captureは画面をキャプチャし、動画として保存するデモです。## W...
MMDLoader-app - THREE.MMDLoaderを使ったMMDサンプル集
3Dモデルによるアニメーション、ダンスなどを行うフォーマットとして有名なのがMMD（MikuMikuDance）です。同名ソフトウェアで作ったデータを読み込めばWeb上でのMMDを動かせます。そのためのライブラリがMMDLoaderです。今回紹介するMMDLoader-appは、そんなMMDLoaderを利用するThr...
CSSLive2d - Live2dをCSSだけで動かすチャレンジ
2Dのイラストをまるでアニメーションのように動かしてくれるのがLive2Dです。ノベルゲームなどで使うと、より臨場感が生まれることでしょう。最近ではVTuberなどでも活用されているようです。公式で提供されているリソースを使い、何とかCSSとJavaScriptでLive2Dのデータを動かしたのがCSSLive2dにな...
jsurl - JSONをURLフレンドリーに変換
JSONをWebアプリケーションではよく使います。しかし、JSONで使われている記号（波括弧やカギ括弧など）はURLに使うことができず、エンコードしなければなりません。その結果、URLで使うとURLが長くなってしまいます。そこで作られたのがjsurlです。JSONをURLセーフにし、なるべく短い文字列にします。## j...
Full Page Screen Capture - Webページ全体のスクリーンショットを撮影
スクリーンショットで保存できるのは今見ている情報に限られます。Webページの場合、縦長なことが多いので、見えていない部分も含めてスクリーンショットを撮りたいと思うでしょう。そういったソフトウェアもたくさんあります。今回紹介するFull Page Screen CaptureはGoogle Chrome用の機能拡張として...
Fluttergram - Flutter製のInstagramクローン
新しいプログラミング言語を覚える際に、既存の有名なものを真似するのが一つのお勧めな方法です。Web界隈ではWikiやCMSを作る人が多いです。同様にスマートフォンアプリでも有名なものを真似てみるといいでしょう。今回紹介するFluttergramは名前の通り、InstagramをFlutterで作ったクローンアプリです。...
Jira clone - React製のJiraクローン
JiraといえばAtlassian社が提供している課題管理、プロジェクト管理になります。大規模な開発をサポートし、企業規模の大きなところで使われているイメージがあります。他のAtlassian製のサービスと連携できるのも強みです。そんなJiraのクローンを目指すのがJira cloneです。新しいテクノロジーを使ったモ...
html-vault - HTML内に暗号化コンテンツを埋め込む
Webサイトでパスワードを知っている人しか見られないコンテンツを作ろうと思うと、サーバ側でデータを管理して、認証したユーザにだけコンテンツを返すというのが一般的です。これを静的サイトでも可能にするのがhtml-vaultです。暗号化されたコンテンツをHTML内に埋め込めるソフトウェアです。## html-vaultの使...
Keys - Safariでキーボードブラウジングを可能に
Webブラウジングはキーボードから手を離すことが多いので、一旦Webサイトを見出すとついつい時間を忘れてマウスを動かし続けてしまったりします。これは開発生産性を大いに下げる行為です。そこで使ってみたいのがキーボードブラウジングをサポートしてくれるソフトウェアです。あなたのメインブラウザがSafariであれば、Keysを...
twurl - Twitter APIを呼び出すCLIコマンド
Twitterを操作するアプリケーションを開発するには、Web APIを使う必要があります。プログラミング言語によってはライブラリが用意されていますが、マニアックな言語では自分で一から書かないといけません。CUIで動くアプリケーションであれば、twurlを使うことで手間をなくせます。twurlをコマンドラインで呼び出せ...
Short - Google Chrome機能拡張も備えた短縮URL
短縮URLの使い方というと、メールやソーシャルサービスで使う人が多いでしょう。大抵、ランダムな文字列でURLが生成されるので、覚えるのには不向きです。短くするのに特化している分、URLに特に意味は持たせないのが一般的です。Shortは短縮URLにしつつ、そこに意味を持たせられるソフトウェアとなっています。これは新しい使...
KleeneStar - SwiftUI製の4chan画像ビューワー
SwiftUIによって、アプリの作り方が大きく変わっています。ゲームなどには向かないでしょうが、ユーティリティアプリであればSwiftUIを使うのが今後のトレンドになるでしょう。今回紹介するKleeneStarはSwiftUIの使い方について学ぶのにぴったりなプロジェクトです。4ちゃんねる画像ビューワーであり、機能もシ...