プレミアムユーザー限定記事
MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから。
- 2017/12/14
- できることを全力でやる
- 2017/11/25
- 恥ずかしさを感じないためにできること
- 2017/11/11
- プロジェクトを遅延させないコミュニケーションパス管理
Firetable - Firestoreのデータ管理を表計算風に
モバイルアプリやWebサイトで、FirebaseのFirestoreを使っている方もいるでしょう。Firestoreはクラウドのデータベースシステムですが、データをJSONで管理しているので、Firebaseの管理画面からでも見づらいのが問題です。そこで使ってみたいのがFiretableです。Firetableを使えば...
WebSheets - GoogleスプレッドシートをCMSのデータ管理に使うWebサイト
Googleスプレッドシートを使うことで、Webサイトのコンテンツを管理できるというのはよくある手法です。個人的にもOnline Meetup
Terminal Lite - Flutter製のターミナルエミュレータ
Flutterを使うことでマルチプラットフォームに対応したソフトウェアが開発できます。元々AndroidとiOSに対応していましたが、さらにWindowsやmacOS、そしてWebまで幅広いプラットフォームに対応しています。今回紹介するTerminal LiteはそんなFlutterを使ってターミナルを開発した例になり...
Water.css - シンプルなWebサイトをちょっと良い感じに
HTMLは自由な表現が可能ですが、素のままでは本当に貧相な表示になります。かといって気の利いたデザインを作るのは大変です。一部の表現が足りないために、全体のバランスが崩れてしまうことも多々あります。そこで使ってみたいのがWater.cssです。読み込むだけで、Webサイトをそれっぽくしてくれます。## Water.cs...
Elsa - 小さくてセキュアなJavaScript/TypeScript実行環境
nodeやWebブラウザ上のJavaScript実行エンジンとしてはv8が最もよく知られています。かつてに比べると圧倒的に拘束で、JavaScriptがWebアプリケーションなどで十分に使えるようになったのはv8エンジンのお陰でしょう。そんな中、新しいJavaScript/TypeScript実行エンジンとしてElsa...
CharaTypeSeparator - 文字種ごとにCSSを適用して文字詰めをサポート
テキストの表示は読みやすさ、分かりやすさという観点において大事な視点です。広がりすぎても読みづらく、狭くても読みづらいものです。さらに文字種によって適切な幅は異なるので、問題が複雑化します。今回紹介するCharaTypeSeparatorは文字種をスタイルとして適用してくれるJavaScriptライブラリになります。#...
Placeholder service - 自分で立てる画像のプレイスホルダーサーバ
画像のプレイスホルダーはWebサイトやアプリのモックアップを作るときに重宝します。情報量が多い画像を使うと本質を見失いがちです。グレー表示などの画像であれば、サイトの構成など、必要な場所だけに目を配れます。今回紹介するPlaceholder serviceは自分で立てるプレイスホルダーサーバです。自由な大きさに画像を生...
signal - Webブラウザではじめる作曲生活
音楽制作をはじめようと思うと、さまざまな機材が必要になります。ずっと制作しているならば用意した方がいいですが、時々しかしない時に機材を購入したり、引っ張り出してくるのは面倒です。そのせいで制作意欲が削がれてしまうのは勿体ないことです。今回紹介するsignalはWebブラウザだけで使える音楽制作ソフトウェアです。今すぐに...
go-stare - CUIでWebサイトのスクリーンショットを取得
CLIでWebサイトのスクリーンショットを撮るソフトウェアは、大半がChromiumをヘッドレスで立ち上げています。そして非表示状態でレンダリングしたWebサイトの内容を画像として保存しています。多くの場合、Node.jsで作られることが多かったのですが、go-stareはGo言語で作られているのが特徴です。## go...
GitHub Breakout - GitHubのアクティビティグラフがブロック崩しに
GitHubの活動を可視化するアクティビティグラフは、開発者の記録としても使われるようになっています。そんなアクティビティグラフを遊ぶべく、自由な絵を描くソフトウェアは有名です。そろそろ、もっと新しい遊び方（？）が欲しくなっていることでしょう。そこで使ってみたいのがGitHub Breakoutです。アクティビティグラ...
Go-Diagrams - Goを使ってネットワーク図を描く
システム用の図を書く場面はよくあります。特にプロジェクトでのネットワーク図であったり、アーキテクチャをまとめたりするのによく書くことでしょう。ドロー用のソフトウェアを使ってビジュアルで描くこともできますが、メンテナンスが面倒だったり、専用のソフトウェアをインストールしないといけません。そこで使ってみたいのがGo-Dia...
Boop - エディタ内部でちょっとしたコマンドを実行
プログラミングエディタには選択したテキストを大文字に変換したり、置換で置き換えたりする機能があります。Markdownエディタであればリンクや画像用の記法を埋め込む機能もあるでしょう。ただ文字を書くだけでなく、プログラマブルな使い方ができるのです。今回紹介するBoopは、そんなプログラマブルな機能を際立たせたエディタに...
Spotify Downloader - SpotifyのプレイリストからYouTubeの楽曲をダウンロード
Spotifyは今や世界有数のストリーミング音楽サービスとなっています。世界中の人たちがSpotifyを使って音楽を聴いています。ストリーミングなので、音楽が突然なくなってしまうこともあるでしょう。そして、それがショックな人が多いのも確かです。今回紹介するSpotify DownloaderはSpotifyのプレイリス...
git-cu - ディレクトリ構造を維持してクローン
Gitでクローンすると、フォルダが作られます。フォルダ名は一番最後のスラッシュ以降の名前が使われるので、フォークした場合にはディレクトリ名が重なることがあります。その場合、わざわざ別名を指定する必要がありました。今回紹介するgit-cuは、ドメイン名を含んだ形で、階層構造そのままにフォークしてくれるソフトウェアです。#...
vue-easytable - Vue用の高機能テーブルコンポーネント
Webページでテーブル表示はよく使われますが、デフォルトでの機能の少なさには失望させられます。その結果、使い勝手の悪いテーブルで我慢するか、自分たちで機能を追加しなければなりません。今回紹介するvue-easytableは名前の通り、Vueで使えるテーブルコンポーネントになります。## vue-easytableの使い...
player.html - ディレクトリインデックス代わりに使える動画プレイヤー
Apacheやnginxにはディレクトリインデックス機能があります。これを使えばHTMLファイル以外のコンテンツを公開する際に、ディレクトリに放り込めばいいだけです。しかし単なるリストであり、見栄えはよくありません。もし公開するのが動画であれば使ってみたいのがplayer.htmlになります。プレイヤー付きで格好良いイ...
onhold - コマンドの実行中/完了時に音楽を奏でる
シェルコマンドの実行時間が長いために、他の作業に移動してしまって気がついたら終わっていたなんてことがあります。終わったら通知してくれればいいのに…と思いつつ、毎回同じことをやってしまっていないでしょうか。今回紹介するonholdは、シェルの実行が終わったら好きな音楽を流してくれるソフトウェアです。## onholdの使...
Lofimusic.app - Lo-Fiミュージックを聴いてリラックス
新しい曲を高音質で聴くのもいいですが、レコードやラジオなど、それほど音質の高くない環境でゆったりとした曲を聴くのも悪くありません。結局のところ、音楽のよさは人それぞれ、TPOに応じて変わるということでしょう。今回紹介するLofimusic.appは、YouTubeのLo-Fi音楽をラジオ風に聴けるアプリケーションです。...
lookatme - ターミナル用のプレゼンテーションツール
プレゼンテーション用のスライドといえばPowerPoint、Keynote、Googleスライドを使っている人が多いでしょう。よく見るだけに、作る人も見る人も飽きてしまっているかも知れません。そこで作成ツールを変えて、新しいスライドでインパクトを与えてみるのはいかがでしょうか。今回はターミナルで動くlookatmeを紹...
glitch-image - 画像にグリッチ加工を行う
グリッチは画像などのバイナリデータをわざと壊すことで、映像に乱れを起こす加工技術です。乱れによってちょっとした不安感を感じさせたり、空気の乱れやSF的な効果を呼び起こせます。そんなグリッチを任意の画像に適用できるライブラリがglitch-imageです。## glitch-imageの使い方適用した画像です。!