はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ minify

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 10 / 10件)
 

Go 言語だって minify されたい！「mingo」の紹介

2024/03/11 このエントリーをはてなブックマークに追加 18 users Instapaper Pocket Tweet Facebook Share Evernote Clip CSS DOCTYPE html HTML フロントエンド

HTML/CSS や JavaScript など、 Web フロントエンドにおいては配信時にファイルを minify することが一般的です。 ファイルを minify する = ファイルサイズを小さくすることでネットワークの通信量を削減し、結果として Web ページの読み込み速度を向上させることができます。 <!-- 例えばこれが --> <!DOCTYPE html> <... 続きを読む

Cheetah | ウェブサイトのモバイル表示を高速化

2016/01/13 このエントリーをはてなブックマークに追加 13 users Instapaper Pocket Tweet Facebook Share Evernote Clip Cheetah ユーザーエクスペリエンス モバイルサイト

Cheetahはモバイルからのアクセス時にコンテンツを最適化して配信するクラウドサービスです。 CSS/JSのMinify、画像ファイルの最適化、CDN配信といったフロントエンドで最適化可能なことを自動で行います。モバイルサイトの表示を高速化 通信環境によって左右されるモバイルは表示速度が重要です。ページ表示速度の向上はユーザーエクスペリエンスを改善し、コンバージョンUPに繋がります。 SEOフレ... 続きを読む

JSをbrowserifyでビルドし、ライセンスコメントを適切に残す - $shibayu36->blog;

2016/01/06 このエントリーをはてなブックマークに追加 99 users Instapaper Pocket Tweet Facebook Share Evernote Clip browserify npm TypeScript tech

2016 - 01 - 06 JSをbrowserifyでビルドし、ライセンスコメントを適切に残す tech 最近JSを利用するときは、依存モジュールはnpmを利用し、ES6やTypeScriptの仕様を開発には使った上で、ブラウザ用に コンパイル して配信するようになってきている。また同時にネットワークの負荷を下げるためにminifyを行う場合もある。 minifyはライセンスが絡むと少し難しい... 続きを読む

webpackを使ってJavaScriptのビルド／minify（＋Bower） - CLOVER

2015/09/21 このエントリーをはてなブックマークに追加 34 users Instapaper Pocket Tweet Facebook Share Evernote Clip クライアントサイド SourceMap Webpack 手段

Node.js, Bower, webpack最近のフロントエンド事情には全然詳しくないのですが、ちょっと以下のようなことをやろうかなと思いまして。 複数のJavaScriptをまとめたい まとめたJavaScriptはminifyしたい SourceMapも作成したい Bowerを使って依存関係も解決したい Bowerで解決しようとしているのは、他に手段をよく知らないのとクライアントサイドのJa... 続きを読む

React + BrowserifyプロジェクトでJS/CSS/HTMLを圧縮(Minify)する - Umi Uyuraのブログ

2015/08/03 このエントリーをはてなブックマークに追加 68 users Instapaper Pocket Tweet Facebook Share Evernote Clip browserify React CSS 圧縮 HTML

2015-07-29 React + BrowserifyプロジェクトでJS/CSS/HTMLを圧縮(Minify)する React Browserify Node.js ReactとMaterial UIを組み合わせると、それだけでBrowserifyで結合したJavaScriptファイルが1MB超えてしまうので、やっぱり圧縮とかした方が良いのかな―と思い、やり方を調べてみました。 ※2015/... 続きを読む

ウェブページを1秒台で表示させる原理と方法 | Philosophy Guides

2015/06/13 このエントリーをはてなブックマークに追加 1068 users Instapaper Pocket Tweet Facebook Share Evernote Clip ウェブページ 原理 CSS ミニファイ テクニック

可能な限り最新の情報を反映していますが、追いつけていないこともあります。本サイトに採用していても、記事に反映できていない設定もあります。ページのソースを読んでいただくと、参考になる箇所があるかもしれません。 ウェブページの高速化に関するテクニックは、ネットで検索すれば簡単に見つけることができます。優れた情報も数多くありますが、｢CSSとJavaScriptはminify（ミニファイ）しておけばOK... 続きを読む

Big Sky :: 開発速度を加速するツール、goemon を書いた。

2015/02/23 このエントリーをはてなブックマークに追加 184 users Instapaper Pocket Tweet Facebook Share Evernote Clip mattn 微量 Big Sky いちいちブラウザ 手間

Wikipedia CC AA3.0 SPA (Single Page Application) を書いていると、いちいちブラウザを再起動するのが面倒で、かつ js を minify してページをリロードするといった面倒な手間を出来れば何も設定せずにやりたい(もしくは微量な設定だけでやりたい)、という思いから goemon というツールを書きました。 mattn/goemon - GitHub h... 続きを読む

Web制作で面倒な作業を自動化するビルドツール、Grunt v0.4 入門｜Web Design KOJIKA17

2013/03/14 このエントリーをはてなブックマークに追加 478 users Instapaper Pocket Tweet Facebook Share Evernote Clip gzip ビルドツール 備忘録 CSS grunt.js

Webサイトの表示速度を気にすると、CSSやJavaScriptのminify、gzip、CSS Sprite、画像の最適化などの面倒な作業が発生します。 さらにメタ言語などを使用すると、複数のツールを使用しなければならないケースも出てきます。 それらの作業をまとめて自動化してしまう、Grunt.jsが面白かったので備忘録もかねて紹介します。 Grunt.jsとは？ Grunt.jsは、サーバーサ... 続きを読む

RequireJSでTwitter Bootstrap（jQuery）を非同期ローディングしてみる ｜ クラスメソッド開発ブログ

2013/02/04 このエントリーをはてなブックマークに追加 133 users Instapaper Pocket Tweet Facebook Share Evernote Clip jQuery RequireJS compress 非同期

こんにちは、すどーです。 RequireJSでjQueryやjQueryプラグインの非同期ローディングを試してみました。 最近は大規模な構成になると、「ちぢめる、まとめる、かためる（minify, combine, compress）」のが主流のようです。 ですが小中規模な構成や、依存関係にあるフレームワークなども多くあるので、簡単な使い方だけでも覚えておくと便利かと思います。 RequireJS... 続きを読む

hagino3000's blog: makefileを廃絶してgruntを使う

2013/02/03 このエントリーをはてなブックマークに追加 59 users Instapaper Pocket Tweet Facebook Share Evernote Clip Makefile Grunt lint concat test

2013-02-03 makefileを廃絶してgruntを使う JavaScriptを使った開発で必要となるconcat, minify, lint, test といったタスクを動かすのに使うツール、最近はgruntをよく見かけるのでオレオレmakefileから移行してみた。 既存のmakefileは以下の通り。makefile + makeターゲットから呼び出される各種タスクに対応した処理を行... 続きを読む

 
(1 - 10 / 10件)