シェルスクリプトの中でしたいので、コマンドラインからシンプル呼べるものが欲しかった。 ES2015に対応しててほしい。 圧縮率も気にしない。 node, npmのインストールは、避けられなさそうなのでよいとして、 モジュールをグローバルインストールしたくない。 調べてみると、minifiyツールは、terserを使うのがよさげ、 npxコマンドを利用すると、ローカルインストールのパッケージをコマンドラインから呼べそう。 インストール npm install terser minifi npx terser -c -m -o build/js/something.min.js build/js/something.js よし、きた。 求めよ、されば与えられん。 先人たちに、感謝。 参考 2019年のJavaScript minifier "terser" - Qiita npm でローカルイ
CSSファイルや、JavaScriptを記述して読み込んでいる外部ファイル（JSファイル）は、半角スペースや改行、コメントなど、無駄を省くことでファイルサイズを軽くすることができます。 ファイルを圧縮・軽量化（Minify）することで、ファイルの読み込みも速くなり、Webページの表示速度が速くなります。 SEO（検索エンジン最適化）もそうですが、ユーザー体験（UX）を意識する中では、Webページの表示速度は重要な要素で、もし遅いのであれば改善していかなくてはなりません。 表示速度の改善方法はいくつかありますが、ここでは、CSSファイルやJSファイルを圧縮・軽量化（Minify）する方法について見ていきます。 Webブラウザ上で変換するオンラインツールを使うなど、いろいろ方法はありますが、Visual Studio Codeでは、拡張機能を利用することで、手軽に圧縮・軽量化したファイルを生成
この記事は 「Develop fun!」を体現する Works Human Intelligence Advent Calendar 2020 21日目の記事です。 昨日の記事は@sparklingbabyさんのStream API がもっとわかる記事でした。 あらすじ 私は2019年にWorks Human Intelligence（正確には分社前の会社）に新卒入社し、 19年10月からプロダクト開発部門に配属され、SETエンジニアとしてとある製品のJava開発環境の改善に取り組んでいます。 ざっくりとプロダクト開発を紹介するとこんな感じです。 3万クラス程度ある大規模Java Webアプリケーション 開発環境はEclipseを使用 開発者のOSはWindowsのみ Before 私が開発チームに参加した時点では 部門として新規開発に注力しており、足下の環境改善をやる担当者がおらず、 い
https://www.netlify.com/pdf/oreilly-modern-web-development-on-the-jamstack.pdf Netlify社が2019年に公開した本？PDFです。 せっかくJamstackの会社に入ったので、読んでおかないといけない気がして。 あとJamstackは人によって解釈が違ったりするとし、Jamstackの真髄について知っておきたいですよね？と思い。 ただこれなんと127ページもあるんですよね〜。 全編もちろん英語なので、読むのも中々に大変ですよね〜。 てなわけで、ざっくり訳してまとめまておきました。（それでも長いけど） はじめに ここ最近のWebの進化はすさまじい ブラウザもJavaScriptもパワフルになった その分ユーザーの要求も増える やることが増えると処理は遅くなる 遅いページは見向きもされないモバイル当たり前の世界だ
ビルドツールなどで自動化が進む、クライアントやサーバーアプリケーションの開発。しかし、インフラはどうだろうか。あらかじめコード化されていたり、必要に応じて環境をすぐに構築できたり、インフラの更新をコードベースで実行できたりするだろうか。多くのソーシャルゲームの開発・運用を行う株式会社gumiでは、それらを支えるインフラ環境が相当なボリュームとなっている。しかしAWS CloudFormationやTerraform、Ansibleといった既存のツールのみでは、大規模なインフラの設計・開発・運用は難しい。この課題を解決すべく、同社はインフラ自動化ツールを独自に開発。ツールが自動的にAWS上にインフラを構築してくれるようになった。その取り組みを、同社の中島孝雄氏が解説した。 株式会社gumi Technical Strategy & Development 中島孝雄氏 インフラチームの負荷軽減
クラウドネイティブアプリケーションの設計パターン「Beyond the Twelve-Factor App」の紹介
こんにちは、虎塚です。 先日、git-flowをテーマに社内勉強会を行いました。講師役は、AWSチームの都元さんにお願いしました。 クラスメソッドではお客様向けにクラスメソッド・メンバーズというサービスを運営しています。このサービスの会員向けポータルサイトの開発で、Gitとgit-flowを採用しています。そこで、メイン開発者である都元さんにgit-flowの概要を話してもらって、皆で聞こうということになりました。 いつもはAWSコンサルティング部のメンバーで実施している勉強会ですが、今回はテーマが開発寄りなので、AWSソリューション部の人たちにも参加してもらいました。AWSソリューション部は、システム開発を中心に行っている部署です。 上は秋葉原オフィスの会場です。札幌オフィス、上越オフィス、リモートワークのメンバーも、Googleハングアウトで接続して開催しました。 それでは、勉強会の内
エンジニアの id:cockscomb です。この記事ははてなデベロッパーアドベントカレンダー2015の8日目の記事です。昨日は id:Songmu による Markdownドキュメントをgithubで管理して、はてなブログでホストする ~ Mackerelの場合 でした。 Swiftがオープンソース化されて数日が過ぎました。皆さんいかがお過ごしでしょうか。 Swiftのオープンソース化そのものは今夏のWWDCでアナウンスされていた通りです。しかし私を含めた多くのSwiftプログラマーは、このオープンソース化にとても興奮しています。 WWDC 2015のキーノートで、Swiftが今年中にオープンソースになり、OS Xに加えてLinux上での動作がサポートされると発表されたとき*1、私たちはそれを予感していたにも関わらず熱狂しました。しかし同時に、いったいどこまでがオープンソースになるのか、
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
コンピュータビジョンの最新ソフトウェア開発環境 －OpenCV,PCLの導入・機能紹介。プログラミング言語の選択と開発ツールの活用－ OpenCV3.0の個別の新アルゴリズムについてはプレゼン中には紹介できなかったのもあり、DERiVEのメルマガにてvol.22以降に個別にアルゴリズム紹介を行っています http://derivecv.tumblr.com/post/113871865219 また、DERiVEのFacebookページもよろしくです。 https://www.facebook.com/pages/DERiVE-コンピュータビジョン-ブログ/165910800110198Read less
Sphinx-Users.jp¶ Sphinx-Users.jp(略称#sphinxjp)は、美しいドキュメントを簡単に生成することができるドキュメンテーションツール、 Sphinx （スフィンクス）の普及を主眼としたコミュニティです。SphinxはPythonの公式ドキュメントだけでなく、このSphinx-Users.jpのサイトも含め多くのマニュアルやサイトで使用されており、詳細を Sphinxの歴史で紹介しています。 Sphinx-Users.jp は日本の Sphinx コミュニティです。 Sphinx-Users.jp では、日本で散らばっているSphinx関連情報を集めて、Webサイト、イベントを通じてSphinx情報を発信します。 slack のコミュニケーションや勉強会の開催などを通じて、ドキュメントをパワーアップしたい人、ドキュメントや翻訳で苦労している人、Sphinxの
日本を代表する「C#（でぐぐれ）」の人、岩永信之氏によるコラムが遂に登場。今回はオープンソースで開発が行われているC#と開発者の関わり方について。 連載 INDEX 次回 → 本日はRoslynについての話をしていきたい。Roslynは、オープンソースで開発されている新しいC#とVisual Basicのコンパイラーである。“Roslyn”という名称はコードネームで、最終的な製品名は.NET Compiler Platformとなった。 製品名が決まった一方で、GitHubのリポジトリ名はRoslynのままとなっている。これが、本稿のタイトルに「Roslyn」という言葉を残した理由である。つまり、本日の主題はオープンソース化され、GitHub上で公開されている「Roslynプロジェクト」自体の話である。 Roslynプロジェクトがオープンソース公開されたのが2014年の4月ごろで、1年半ほ
mysqlの文字コードはチェックする場所が多いので原因を突き止めるのに毎回苦労します。 大きく二種類に分けられて、 クライアント側、サーバー側（mysqlサーバー）、及びそれらの接続の文字コード データベース/テーブル/カラムの文字コード です。 ##デフォルトをきちんと設定しておく そもそも作成したDBの文字コードが意図しない設定になっていたら、デフォルトの設定が間違っている可能性が高いので、再度同じ問題を起こさないためにも、設定見直し→DBをdrop→DBをcreateという順番で直しに行きます。 1も2もデフォルトの設定は下記を実行すればok。 +--------------------------+----------------------------+ | Variable_name | Value | +--------------------------+---------
Djangoアプリケーションを開発する際のデバッグ方法について紹介します。 標準のDebugモード以外に使える様々なサードパーティライブラリを中心に、 私が趣味/仕事でのDjangoアプリケーションを開発する通して学んだデバッグ方法を具体的に紹介します。 アプリケーション開発時の泥沼のデバッグ作業は誰しも避けたいものです。 その時間はたいてい無駄になりますし、開発者自身つらいものがありますね。 優秀なツール使い、その負担を軽減しましょう。 適切なロギングで、発生した問題に素早く対処できるようにしましょう。 このセッションでは少しでも開発の助けになるよう、 Djangoアプリケーションのデバッグ方法を紹介します。Read less
近藤です。こんにちは。Gitは様々な利用の仕方ができますが、その基盤となるモデルは8個だけの簡単なモデルです。これらのモデルを理解していない状態でGitを利用すると、あたかもリポジトリが壊れたように見えてしまいます。Gitは難しいと言われますが、そういう感想を持つ人はGitのモデルを理解していない事が多いようです。 今回はGitを構成する中心モデルと、基本的なコマンドを実行した時のオブジェクト関係を解説します。 基本概念 Gitの基本概念は大きく2つにわかれます。 GitObject Reference GitObjectはGitで管理するオブジェクトです。CommitなどがGitObjectです。Gitリポジトリである.gitを開くとobjects配下にあるファイルがGitObjectです。GitObjectはそのコンテンツをハッシュ化した文字列を元に、先頭2文字で配置フォルダ、残りの文
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く