プレミアムユーザー限定記事
MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから。
- 2017/12/14
- できることを全力でやる
- 2017/11/25
- 恥ずかしさを感じないためにできること
- 2017/11/11
- プロジェクトを遅延させないコミュニケーションパス管理
minstyle.io - ミニマムながら十分なCSSフレームワーク
Webデザインを行う際に、スクラッチではなく何らかのフレームワークをベースにするケースが増えています。そんな時、あまり多機能なものを使うとデザイン全体が引きずられてしまったり、ちょっとしたカスタマイズがうまくいかなかったりします。そこで使ってみたいのがあまり多機能ではなく、ちょっと気の利いたシンプルなCSSフレームワー...
busy - Python製のプログラミングエディタ
同じソフトウェアであっても利用している技術が異なれば、それは全く別なソフトウェアと言えます。異なる技術要素によって引きつける開発者が異なり、それによって発展する勢いも変わってきます。今回紹介するbusyはプログラミングエディタですが、その技術要素としてPythonおよびtkinterを使っています。## busyの使い...
PSone.css - プレイステーション風UIを再現するCSS
なぜ人は古いものに憧れとさえ言える感情を抱くのでしょうか。世の中はどんどん便利に、新しいテクノロジーも次々と登場しているにも関わらずです。懐古、アンティーク、ノスタルジックなど様々な言い方で古き良きものを振り返ろうとします。以前はファミコン風のUIを再現するNES.cssを紹介しましたが、今回はそれにインスパイアされた...
sharecmd - コマンド一つでファイル共有
クラウドストレージサービスが多数あり、それらのサービスを使い分けている、またはそれぞれ好きなサービスがあったりします。そして知り合いにファイルを送ったりするのもクラウドサービスを経由して行っているのではないでしょうか。そんな時に便利なコマンドがsharecmdです。CLIで簡単にファイルを共有できます。## share...
ONNX.js - Webブラウザでディープラーニングを実行
Web上でディープラーニングを行うなんて、といった意見は過去によく聞かれました。しかしすでにネットワークを組んで訓練も終わったモデルを使うのであればJavaScriptからでも有益に使えます。エッジでディープラーニングの処理ができるならばユーザにとってもメリットがあります。そんな可能性を飛躍的に拡大してくれるのがONN...
iguvium - PDFのテーブルデータを取り出す
請求書がPDFで送られてくる、Webサイトからダウンロードする仕組みになっているというのはよくあるケースです。そこに書かれた数字をシステムに取り込むために手で入力したりしていないでしょうか。筆者は以前同様のケースで独自に解析して数字をデータベースに取り込むツールを作っていました。PDFに書かれたデータを取り込んでCSV...
YT Music - YouTube Musicをもっと楽しめるmacOSアプリ
YouTubeがPremium、YouTube Musicを日本でも開始しました。早速トライアルしているのですが、広告が出ない快適さはかなりいいです。音楽についても大抵の楽曲はYouTubeにある訳で、その動画をなしで再生できるのが便利です。オフライン動画、音楽再生機能も便利で、iTunesから載せ替えようかと検討して...
6Pad - Perl6のコードをWebブラウザ上で実行
以前Webブラウザ上でPerl5を実行するWebPerl
Vue-CRM - Vueを使ったCRMテンプレート
社内システムはバックオフィス向け、または営業向けのシステムになります。営業向けのシステムとして最も有名なのはCRMでしょう。顧客との関係性を向上させることによって、よりきめ細かいフォローアップや売り上げ増につなげられるようになります。そんなCRMを自社開発するといった場合に使えそうなVueテンプレートがVue-CRMで...
Image Map Resize - イメージマップをレスポンシブに
地図や写真などで一部をクリッカブルにする際に、昔はイメージマップを使うのが一般的でした。今はJavaScriptやCanvas、SVGで処理するかも知れませんが、イメージマップもWeb標準として利用できる機能です。ただし昔の機能なので、座標の設定などで制約が多い機能でもあります。そんなイメージマップをレスポンシブにして...
Tabulator - これはすごい。HTMLテーブルを高機能に
テーブル表示はWebシステムのデファクトとも言えます。業務システムはいうに及ばず、管理者画面などでも必ず求められる表示です。そしてただ表示すればいいという訳ではなく、ソートやフィルタリング、インラインでの編集など様々な機能が求められるものです。そんな多機能なテーブル表示を実現してくれるのがTabulatorです。多くの...
NES.css - ファミコン風サイトになるCSS
コンピュータはどんどん進化しており、より繊細なグラフィックス、リアルに近づく3D、臨場感あふれるサウンドといった具合に私たちを引きつけ続けています。そんな中、初代ファミコンもまた人気を持ち続けています。8bitでレトロ、とても今のコンピュータとは比較にならない代物であるにも関わらず、今なお多くの人たちを魅了しています。...
nginxconfig.io - Web上でnginxの設定を作成
nginxをHTTPサーバに採用しているケースは増えていると思います。しかし機能も多数ある中で、ちゃんと全体を把握した上で設定できているでしょうか。バージョンアップなどに伴って、これまでなかった機能が追加されている可能性もあります。設定の取りこぼしもあるかも知れません。そんな悩めるサーバ管理者に送りたいのがnginxc...
Go wasm - Goで作ったWebAssembly版JavaScript実行環境
WebAssemblyを使うことでWebアプリケーションを高速に実行できるようになります。RustはDOMやネットワークを扱うのが困難ですが、Go1.11以降では対応しています。これによってWebAssemblyを使ったWebアプリケーションの可能性が大きく飛躍しました。そんなGoでJavaScriptを実行できる環境...
de - Go製のプログラミングエディタ
プログラミングエディタは開発者にとっての仕事道具と言えます。それだけにこだわりをもって選定しなければなりません。秀丸でもAtomでもVS Code、Vim、Emacsなどどんなエディタであっても手に馴染んで開発生産性があがるものを選ばなければいけません。今回紹介するdeは新しく登場したエディタで、Goで作られています。...
夜空ノ贈リ物 - CSS3を駆使して作られたアニメーション教本
CSS3が計算処理やアニメーション処理をサポートしたことによって、CSS3を駆使した作品が増えています。こんなことまでCSSでできるのかと驚かされるものも多いです。そんな作品を作ってみたいと思う方もいるのではないでしょうか。そんな方にぜひチェックして欲しいのが夜空ノ贈リ物です。CSS3を駆使して作られた作品であり、CS...
js-green-licenses - JavaScriptプロジェクトのライセンスをチェック
オープンソースの基本であり、肝なのがライセンスです。さらにライブラリを使っていたりすると、そのライセンスも関わってきます。ライセンスの誤った利用はビジネス上のリスクになり得ますが、それでもオープンソースを一切用いないという選択は困難になってきています。もしNode.jsをプロジェクトに採用しているならば使ってみたいのが...
Magic-Grid - ウィンドウ幅に応じてグリッドを自在に並び替え
Webページをレスポンシブに対応させようと思うとグリッドベースのデザインを採用することが多いでしょう。デバイスの幅に応じて並べるグリッドの数を増減させることで表示をカスタマイズできます。多くのUIフレームワークがグリッドに沿ったUIを提供しています。今回紹介するMagic-Gridはグリッドだけを提供するライブラリです...
エディ太郎 - 下書き専用エディタ
SlackやGitHubのIssueに投稿する際に、長文はあらかじめ別なテキストファイルに書いたりしないでしょうか。いきなり本番のサービス上で書くのは躊躇してしまうので、一旦下書きに書くという人は多いはずです。確かに下書きであれば間違って公開されることもありません。そこで使ってみたいのがエディ太郎です。下書き専用のエデ...
Current Device - デバイス判定をスタイルシートに反映
Webページにアクセスするデバイスが多様化している中、JavaScriptで各デバイスを判別して表示分けしているWebサイトも多いのではないでしょうか。こういった実装を都度行うのはとても面倒ですし、条件分岐も増えがちです。そこで使いたいのがCurrent Deviceです。デバイスに応じてスタイルシートにクラスを追加し...