プレミアムユーザー限定記事
MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから。
- 2017/12/14
- できることを全力でやる
- 2017/11/25
- 恥ずかしさを感じないためにできること
- 2017/11/11
- プロジェクトを遅延させないコミュニケーションパス管理
3D Book Image CSS Generator - CSSで3D風に書籍を表示
コンピュータ上では2Dが基本です。そのため、3Dのコンテンツがあるとそれだけで見た目にインパクトがあります。それは分かっていつつも作成するのが大変なのが3Dコンテンツです。ちょっとした素材のために3Dソフトウェアで作成というのは面倒です。そこで擬似的な3D表示にチャレンジしてみましょう。今回はCSSを使った3D表現を行...
github-readme-quotes - GitHubのREADMEに名言を表示しよう
GitHubのREADMEに用いるバッジは数多く存在します。たとえばビルド結果を出したり、バージョンを出したりします。多くはそのソフトウェアを知るための情報です。開発者もそうした情報を埋め込むことで、ソフトウェアの信頼を獲得できます。今回紹介するgithub-readme-quotesはそういった信頼性とは一線を画す存...
Depix - モザイク化されたテキストを復元する
コンピュータの画像を載せる際にパスワードや重要な情報をぼかすことはよくあるかと思います。ぼかしすぎると何があるのかも分からなくなってしまうので、何か大事な情報があるくらいのぼかしにすると思います。いわゆるモザイクの状態です。しかしDepixを使うとそんなモザイク状態を解除できてしまいます。これはなかなか怖いかも知れませ...
BangleJS - シンプルで使いやすいWYSIWYGエディタ
開発者であればテキストエリアにMarkdown記法がサポートされていれば十分でしょう。しかしそれ以外の方にとっては不便きわまりないものになってしまいます。やはり見た目のいいエディタがある方が使いやすいはずです。リッチすぎるごてごてしたものはよくないですが、シンプルであれば開発者にとっても使いやすいでしょう。今回紹介する...
静かなる密林 - Amazonの商品レビューを消し去る
AmazonのWebページは情報量が多すぎると感じられてしまいます。特にレビュー周りは役立つこともありますが、やらせが多いこともあって、惑わされる原因になります。いっそのことレビューは見ない方が、自分の心に従って購入を決断できそうです。そう感じる方は静かなる密林をインストールしてみましょう。Amazonレビューを極力減...
Formeo - ドラッグ&ドロップでフォームを作成
お問い合わせや申込時に使われるのがフォームです。柔軟性のあるフォームが欲しいと思っても、なかなか作るのは難しいでしょう。都度開発チームに依頼するのが大変で、Googleフォームなどを頼ってしまいがちです。確かに便利ですが、痒いところに手が届かなかったりもします。そこで使ってみたいのがフォームビルダーです。今回はWebベ...
Convos - Webベース、モダンなUIのIRCクライアント
90年代のインターネット黎明期、個人的にはIRCにどっぷりとハマっていました。その前のパソコン通信よりも手軽で、リアルタイムに会話が行えるのがとても楽しかった思い出があります。IRCはテキストのみでしたが、今でもテキストベースのチャットがメインなのを考えると、根底の部分はあまり進化していないように感じます。今回紹介する...
Koodo Reader - 機能十分な電子書籍管理ソフトウェア
ePubやPDFなど電子書籍コンテンツが増えてきています。少しの文書であればフォルダに入れておけば良いですが、数多くなると管理用のソフトウェアが必要になるでしょう。メモを残したり、ブックマーク機能も欲しくなるはずです。しかもマルチプラットフォームで動くと便利です。今回紹介するKoodo Readerはデスクトップ向けの...
pdf-translate-replacer - PDFのテキストをGoogle翻訳/DeepL翻訳する際のお供に
Google翻訳やDeepLの登場によって英文を手軽に翻訳できるようになりました。とても便利なのですが、テキストをちゃんとコピーできていないと翻訳後の結果が読みづらいものになります。これは特にPDFで発生します。そうした困りごとを抱えていた方はpdf-translate-replacerを使ってみましょう。PDFから貼...
degoogle - CUIでGoogle検索
Googleの検索は使いたいけれど、何かしら情報を取られるのが嫌だという人は多いはずです。クリックしたURLをトラッキングしていたり、広告が表示されるのも邪魔に感じます。そこで使ってみたいのがdegoogleです。スクレイピングを使ってGoogleの検索結果を表示します。## degoogleの使い方degoogleを...
Lilex - 尖ったプログラミング専用フォント
プログラミングを行う際にはフォントにも気を配りましょう。可読性の高いフォント、打ち間違いを防ぐフォントを選ぶことで、より開発効率を高められます。英語の見間違いが起きやすい1とl、Iなどはきちんと見分けられるでしょうか。今回紹介するLilexはかなり特徴的なプログラミングフォントになります。言語によっては見やすくなること...
Kill the Newsletter! - ニュースレターをフィード化
メールボックスに飛び込んでくるニュースレター。あまりの数に辟易していないでしょうか。時々役立つものもあるので解約するまでもないけれど、数が多すぎると嫌になってきます。そこで使ってみたいのがKill the Newsletter!です。専用のメールアドレスを使ってニュースレターをフィード化します。## Kill the ...
timerlab - Reasonで作られたシンプルなタイマーアプリ
世の中には多くのプログラミング言語があります。ReasonというのはOcamlの言語拡張で、JavaScript風な構文を追加して、Reactアプリを簡単に作成できるものです。Ocaml好きな方でWebアプリケーションを作成したい方にあっているでしょう。今回紹介するtimerlabはReasonを使って作成されたタイマ...
Sengi - マルチアカウント対応のMastodonクライアント
Mastodonは一時人気を博しましたが、今はそれほど使われていないかも知れません。しかし、サーバごとに濃い話題を交わせたり、分散型でコンテンツの制約を受けないなど、魅力的な部分が多数あります。今なおMastodonが好きという方も多いでしょう。今回紹介するSengiはデスクトップ向け、そしてWebブラウザでも使えるM...
BrowserTime - Google Chromeの履歴ページをより便利に
Webブラウザでどのサイトを閲覧したのか分からなくなってしまった時、閲覧履歴（ヒストリー）画面が便利です。しかしGoogle Chrome標準のものは単なる一覧であり、そこから探すのは難しいでしょう。そこで使ってみたいのがBrowserTimeです。よりモダンで使いやすい履歴ページを提供してくれます。## Browse...
Panelle.js - マンガのコマ割り用エディタ
マンガは日本が世界に誇るコンテンツです。日々多くのマンガが書かれ、年間数え切れないほどの雑誌やマンガが発刊されています。そのマンガの肝ともいえるのがコマ割りではないでしょうか。今回紹介するPanelle.jsはマンガのレイアウト（コマ割り）を作成するエディタです。## Panelle.jsの使い方メインページです。あら...
piratepx - 画像表示型のシンプルなアクセス解析
Webサイトの解析を行う際にはGoogleアナリティクスなどを利用します。その際、JavaScriptを利用し、Cookie利用の承諾を得たりと手順が面倒です。ユーザにとってもプライバシー情報を多少なりとも取られることに良い気はしないでしょう。そこで使ってみたいのがpiratepxです。JavaScriptを使わない、...
TikZJax - TikZを使ってWebAssemblyでドロー
論文など数式を用いる場合には専用のエディタや機能を使うことが多いです。たとえばLaTeXでは数式の描画用の記法が用意されています。しかし線や円など、汎用的な描画をしたい場合にはTikZなどを用います。今回紹介するTikZJaxはWeb上でTikZ記法が使えるようになるライブラリです。## TikZJaxの使い方記述例で...
MarkdownIt - 書いた内容をホスティングできるMarkdownエディタ
Markdownエディタは多数あります。それぞれに特徴はありますが、多いのはMarkdownを左側に書いて右側にプレビューが出るタイプです。このタイプは慣れている人も多く、ローカルで利用している人もいるでしょう。今回紹介するMarkdownItは2画面型のMarkdownエディタですが、書いた内容をWeb上にホスティン...
Procedural GL JS - WebGLで地図を立体的に表示
WebGLを使うと通常のDOMでは表現しづらいことも実現できます。GPUを使うことでグラフィックスの性能も向上しますが、JavaScriptの実装と大きく異なるので習得の時間が必要です。今回紹介するProcedural GL JSはWebGLを使った実装例になります。こうした表現もできるのだという学びになるでしょう。#...