プレミアムユーザー限定記事
MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから。
- 2017/12/14
- できることを全力でやる
- 2017/11/25
- 恥ずかしさを感じないためにできること
- 2017/11/11
- プロジェクトを遅延させないコミュニケーションパス管理
Run on Google Cloud - GitHubのコードをGoogle Cloudでワンクリックデプロイ
GitHub連携のアプリケーション、Webサービスは多数ありますが、その中でも個人的に好きなのがHerokuボタンです。ボタン一つでアプリケーションをHeroku上にデプロイできる魅力的な仕組みです。ダウンロードして設定してデプロイ…などは毎回やっていると飽きてしまいます。今回紹介するRun on Google Clo...
Zdog - SVGやCanvasにドロー
Illustratorなどで描いたキャラクターも、そのままでは単なる絵と変わりません。SVGであれば、JavaScriptを使ってインタラクティブな操作が実現します。そうすれば、画像とは違った楽しみ方が生まれるでしょう。今回紹介するZdogはJavaScriptでイラストを描き、3Dのように回転もできるライブラリです。...
CSS Grid Generator - CSSグリッドを簡単に作成
CSS3ではグリッドが簡単に作れる機能が実装されていますが、テキストできちんとした設計を行うのは大変です。左右の関係を考えながら組むのですが、入れ子になっていたりするとすぐに破綻してしまいます。最初の設計をきちんと行わなければなりません。そこで使ってみたいのがCSS Grid Generatorです。Webブラウザ上で...
ojichat - おっさんっぽいメッセージを生成
筆者自身が40歳になり、すっかりおっさん世代に入っているのですが、それ故に精神や態度、肉体的におっさんな人たちは嫌いです。痛々しい若さアピールは嫌ですが、下の世代に嫌がられない振る舞いは大事ではないでしょうか。そんな私の嫌いなおっさんを体現してくれるのがojichatです。おっさんがチャットで送信しそうなメッセージを生...
Charm - マルチプラットフォームで動作する時間管理
一日は24時間しかありません。これは誰もが共通で、伸ばすことも縮めることもできません。与えられた共通の時間の中で、何を生産するかが大事です。ぼおっとしていても一日、パワフルに働いても一日です。生産性を高めるためには、まず自分の時間の使い方を知らなければなりません。そこで使えるのがCharmです。## Charmの使い方...
CSS-Only Chat - JavaScriptを使わないWebチャット
技術の凄さを感じるのはどんな時か。一見すると無理と思えるようなことを実現できてしまっている時もその一つです。最近では機械学習を用いて粗い映像を高画質化するプロジェクトもあります。SFと思わんばかりの世界が実現しようとしています。今回紹介するCSS-Only Chatもすごいです。JavaScriptを使わずにリアルタイ...
Automatic App Landing Page - アプリ用Webサイトテンプレート
個人または企業でアプリを作っている人は多いですが、それらのランディングページはちゃんと作っているでしょうか。アプリを作るのに必死で、Webサイトは適当になってしまっているケースは多いようです。それではダウンロードにも結びつきづらいでしょう。今回紹介するAutomatic App Landing Pageはアプリ用のWe...
Tetris - Zig製のテトリス
最近、あらゆるプログラミング言語でテトリスを作る試みが行われいるのでしょうか。かつてはWikiや掲示板が作られていましたが、テトリスもシンプルなルールですし、ゲームとしてのインタフェースの面白さもあります。今回紹介するTetrisはZigというプログラミング言語を使って作られたテトリスです。## Tetrisの使い方画...
adhosts - 広告サービスのドメインを無効化
アドブロック機能拡張などを使って広告を非表示にするのが流行っていますが、最近ではアドブロックを検知してメッセージを出すWebサイトも増えています。いたちごっこではあるのですが、非常に煩わしい戦いです。そこで使ってみたいのがadhostsです。アドブロック戦争に終止符を打つかも知れません。## adhostsの使い方ad...
Uguu.se - テンポラリファイル共有
ファイルを共有するというのは、何らかのサービスを使っていれば簡単なのですが、繋がっていないもの同士だと非常に面倒です。Apple同士であればAirdropがありますが、異なるOSだとさらに面倒になります。そこで使ってみたいのがUguu.seです。一時的なファイル共有として使えるサービスです。## Uguu.seの使い方...
sqleton - SQLiteのデータベース構造をSVGで可視化
データベース設計を定期的に確認することで、全体が分かりづらくなっていないか、不要なカラムが追加されていないかなど健康状態をチェックできます。そんな時、Excelなどではなくビジュアル化されていると分かりやすいでしょう。そこで使ってみたいのがsqletonです。データベース構造をSVGファイルにしてくれます。## sql...
konstellate - Kubernetesの設定をビジュアル化
Kubernetes（以下k8s）は設定ファイルを記述してアーキテクチャを指定しますが、慣れるまでは設定が抜けてしまったり、うまくリンクできなかったりします。さらに設定が複雑化すると、全体を俯瞰的に確認したいと思うことでしょう。そこで使ってみたいのがkonstellateです。k8sの設定内容をビジュアル化します。##...
drawgon - Web上でドロー
Web上で絵を描こうと思うとCanvasタグを使って行います。そして、そこに描かれた情報は画像としてダウンロード可能です。しかし、ベクターデータとして（SVGとして）欲しい場合もあるでしょう。そこで使ってみたいのがdrawgonです。Web上で使えるドローイングアプリケーションです。## drawgonの使い方最初にサ...
watchexec - ファイルが変更されたらコマンド実行
ファイルを編集したら何かを実行したい、というのは良くあるニーズです。webpackやgulpなどを使えばできますが、JavaScriptが関係ないところでは用意が面倒だったり、大げさに感じてしまうでしょう。Shellスクリプトでもできますが、開発者でないと使いづらそうです。そこで使ってみたいのがwatchexecです。...
a2hs.js - iOSでもAdd to Home Screen
PWAに注目が集まっていますが、Androidに比べてiOSの対応は今なお微妙です。アプリケーションのようにインストールできるのですが、その手順も分かりづらく、インストールを促すバナーも出せません。これではiOS向けにはなかなか普及しないでしょう。それを若干でも改善できるのがa2hs.jsです。iOS向けにユーザビリテ...
csvdiff - CSVに特化した差分ビューワー
CSVファイルは今なおシステムの中で現役ばりばりに利用されています。様々なシステムから出力されるCSVファイルに対して、差分を確認したいと考えることはないでしょうか。通常の差分表示では、CSVのようなフォーマットではうまく表示できないかも知れません。そこで使ってみたいのがcsvdiffです。CSVに特化した差分表示コマ...
get-browser - デスクトップ/スマートフォンのWebブラウザを特定
かつてあったブラウザ戦争はなくなり、ほぼWebKit一強になりつつあります。そんな中、スマートフォンやタブレットなど画面解像度やサイズの多様性が生まれており、その中で開発者が対応すべきことも増えています。どのWebブラウザからのアクセスなのか、特定に苦労している人も多いのではないでしょうか。そこで使ってみて欲しいのがg...
imfunniee - 開発者向けポートフォリオテンプレート
開発者であれば自分のポートフォリオを持つべきです。それは個人のアイデンティティになり、転職時などにも有利に働きます。幸いGitHubのリポジトリはポートフォリオに使えるコンテンツになります。後は自己紹介やブログなどがあれば完璧でしょう。そこで使ってみたいのがimfunnieeです。GitHub Pagesで公開できるポ...
SuppleBox - プロテイン専用の口コミサイト
口コミが重視されるようになって久しいです。中にはなりすましや、ライバル店に対してネガティブな書き込みをするような工作、お金でレビューを買うような行為も見られますが、それでも口コミを重視して購入判断をする一は多いでしょう。今回紹介するSuppleBoxはプロテインに特化した口コミサイトです。プロテイン好きはぜひチェックす...
kromo - 画像にレンズぼけ、色収差加工を施す
写真を撮影したそのまま使うのではなく、ちょっとした加工をするだけで全く見え方が変わったりします。しかし慣れていないと、ちょっとした加工でも時間がかかってしまいます。加工法の多くはパターン化されており、それであれば自動化もできるはずです。今回紹介するkromoは画像にレンズぼけ、色収差といった加工を施すソフトウェアです。...