プレミアムユーザー限定記事
MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから。
- 2017/12/14
- できることを全力でやる
- 2017/11/25
- 恥ずかしさを感じないためにできること
- 2017/11/11
- プロジェクトを遅延させないコミュニケーションパス管理
twigl - オンラインのGLSLエディタ
GLSLはOpenGLやWebGLなどで使われているシェーダーを記述するための言語になります。3D CGなどを行っている方であれば馴染みのある言語でしょう。書き方がJavaScriptなどのプログラミング言語とは異なるので、慣れないとなかなか使い方を覚えられないかも知れません。そんなGLSLをWeb上で書いて試せるのが...
LaTeX.css - HTMLをLaTeX風に表示するCSS
LaTeXで文書を書いていて、HTMLに変換して欲しいというニーズはよくあります。そうしたHTMLはどことなくLaTeXっぽく感じられるでしょう。論文やレポートとしてはよくても、読み物としては読みづらい雰囲気があります。LaTeX.cssはその逆です。HTMLをLaTeXっぽく見せてくれるCSSになります。## LaT...
DeepL Chrome Extension - Google ChromeからDeepLを使って簡単に翻訳
Google翻訳よりも自然な翻訳ができているとして、DeepLに注目が集まっています。執筆時点ではまだAPIベースの翻訳は日本では使えないのですが、提供されればWebサービスやビジネスでの利用も進むでしょう。そんなDeepLをGoogle Chromeから簡単に使えるようにするのがDeepL Chrome Extens...
Twitterclone - Twitter風のUIデザイン
Twitter風のWebサイトを作ってみたいと思ったことはないでしょうか。プロフィール画面やタイムラインがあって、そこにフォロワーがいて…などTwitterの基本的なデザイン構成はそれほど部品が多くはありません。TwittercloneはそうしたTwitter風のデザインを模したソフトウェアになります。少しだけサーバサ...
Github card - GitHubリポジトリ情報を表示するカスタムエレメント
HTML5ではカスタムエレメントという機能で、独自のHTMLタグを追加できます。あまり使われている例は見ませんが、特定のUIや機能をサンドボックス化できるので便利です。今回紹介するGithub cardはGitHubリポジトリの紹介をカスタムエレメント化したソフトウェアになります。## Github cardの使い方こ...
Virtual Reality DOS - VRの中でDOSに触れる
DOSの懐かしい世界に戻りたいと思ったことはないでしょうか。今でこそOSはGUIがあって、マウスを使うのが当たり前ですが、かつてはCUI、ブルーや黒の世界で動かすのが当たり前でした。そんな昔懐かしいDOSの世界に浸ってみたい方はVirtual Reality DOSを使ってみましょう。## Virtual Realit...
Talking Head Anime - 1枚のイラストから動くアニメーションを作るデモ
Live2Dではイラストなどの画像を動かして、まるでアニメーションのように見せることができます。そして現在、類似の技術が様々に登場しています。それらは機械学習を用いたり、Webカメラの顔と一致させたりと周辺技術と組み合わせて展開されています。今回紹介するTalking Head Animeは一枚の画像を動かすデモで、機...
AudioPlayers - Flutter製の音楽アプリ
Flutterを使うことで、AndroidとiOS、さらにWebアプリケーションを同時に開発できるようになっています。現在、様々なアプリがFlutterで実装されはじめており、今後の盛り上がりが期待できます。今回はFlutterで音楽アプリを実装したAudioPlayersを紹介します。様々な音の奏で方に対応しています...
G-Desktop-Suite - Google Driveデスクトップアプリ
Google Driveを使って、ドキュメントや表計算、スライドなどの資料を作っている人は多いのではないでしょうか。Webブラウザから使うのが基本だと思いますが、毎度Google Driveを開くのは面倒だったりします。そこで使ってみたいのがG-Desktop-Suiteです。普段使っているWebブラウザから切り離すこ...
GitHub Theme - GitHub Codespaces用のカラーテーマ
GitHubで新しいサービス、GitHub Codespacesが発表されました。GitHubのリポジトリから、Web上でVisual Studio Codeを立ち上げて、ファイルを編集できる機能です。そんなGitHub Codespacesで使われているテーマがGitHub Themeになります。Web上で合わせるこ...
nicoSlack - Slackの新着メッセージをニコニコ動画のコメント風に表示
ニコニコ動画のコメント表示は当時としては画期的なものでした。横に流れていくコメントは、動画共有だけでなく、様々なサービスやソフトウェアでも取り入れられています。今回紹介するnicoSlackは名前の通り、Slackの新着通知をニコニコ動画のコメント風に表示するソフトウェアです。## nicoSlackの使い方新しいコメ...
XP.css - Windows XPを彷彿とさせるCSS
Windows XPは非常によくできたOSだったように思います。2000もよかったですが、XPの完成度は高く、安定していました。その後のVistaなどになってからは微妙で、今なおXPを使い続ける企業があるのも致し方ない気さえします。そんなXPらしいUIをWebブラウザでも再現したければXP.cssを使ってみましょう。#...
COBOL Pong - COBOL製。Webで動くピンポンゲーム
最近ではあまり聞かなくなってきましたが、ある程度の年齢のエンジニアたちの中には、最初にCOBOLから入ったという人たちがいます。今でも勘定系では数多く使われているすごい言語です（開発したのが軍人、かつ女性
Deno - nodeの課題を解決する新しいJavaScriptランタイム
nodeを開発したRyan Dahl氏は、その開発過程において様々な課題点が含まれてしまったとしています。パッケージ管理やasync/await、セキュリティ面などで改善すべき点が多いと語っています。そうした課題を解決すべく開発されているのがDenoになります。"node".split
dixitOnline - オンラインでDiXitを遊ぶ
DiXit（ディクシット）というのは語り部（親的なもの）とプレイヤーに分かれるゲームで、語り部のヒントを元にカードを選択し、そのカードが全員一致または不一致じゃない場合に語り部がポイントを得るというゲームです（詳しくは日本一わかりやすい「ディクシット
SpeedVid - HTML5ビデオの動画速度を調整するブックマークレット
YouTubeやDailymotionといった動画共有サイトでは動画のスピードを設定できるようになっています（それでも基本は2倍速まで）。しかしNetflixやHulu、Amazon Primeビデオでは不可能で、ストレスを感じることがあります。今回紹介するSpeedVidはHTML5ビデオの速度を調整できるブックマー...
Snake face - 顔の動きで遊ぶスネークゲーム
スネークゲームは多くの人が一度はプレイしたことがあるでしょう。最初は1ブロックのサイズだったのが、餌を食べるごとに徐々に伸びていき、ゲームレベルが上がっていくものです。今回紹介するSnake faceはそんなスネークゲームと顔認識をつなぎ合わせたゲームになります。つまり、蛇の操作を顔で行います。## Snake fac...
Kwizz Guru - サーバレスで作られているクイズアプリ
クイズは内容のレベル次第で小さい子から大人までみんなが楽しめるゲームになります。ジャンルを歴史から数学、化学など様々なものを取りそろえれば、遊びだけでなく、学習にも効果があるでしょう。今回はそんなクイズゲームをサーバレスで興じられるKwizz Guruを紹介します。## Kwizz Guruの使い方ダッシュボードです。...
Beekeeper Studio - 多彩なデータベースに対応したデータベース管理アプリ
データベースはずっとシステムの根底に存在しています。フロント部分の技術スタックは時代に合わせて変化していますが、データベースは殆ど変化せず、不要になることもありません。それだけに、管理するUIはどんどん便利になって欲しいと思うことでしょう。今回紹介するBeekeeper Studioはデータベース管理のUIとして最新の...