JS Minifier
投稿日:2015/08/21 / 更新日:2016/01/07 JavaScriptの無駄な記述を削除して、コードをMinify処理(軽量化)するツールです。 使い方基本的な操作方法左側(スマホの場合は上)のフォームに、圧縮したいスタイルシートのコードを入力して、「Minifyをする」のボタンをクリックすると、右側(スマホでは下)のフォームに圧縮した結果が表示されます。圧縮のアルゴリズムには、YUI Compressorを利用させていただきました。スマホ上でjs-beautifyを利用したい機会があったため、自分用に作成してみました。Chrome、Firefoxなど対応ブラウザの場合、整形結果をクリックするだけでコピーできます。注意事項Minifyは、ご入力いただいたコードをサーバー側で処理する形となっています。コードをサーバー側で保存することなどは一切していません。
CSSファイルとJSファイルを最小化してパフォーマンスを向上させる
CSSファイルとJSファイルを最小化してパフォーマンスを向上させる 転送量削減のためのアプローチについてはgzipの他に、テキストファイルそのものの圧縮がある。これを行うと転送にかかる時間が短くなるだけでなく、ブラウザがJavaScriptを評価する時間や、キャッシュされたときのメモリの削減にも繋がるので、是非実施したい。 最小化・最適化 使っていない関数や余分な変数宣言を削除したり、共通化をしっかり行い、冗長なコードを除くこと。cssに関しては構造の最適化までしてくれるcssoというツールがある。ホワイトスペースの除去など一般的な圧縮の他に、ショートハンドで書けるところをショートハンドに変換してくれる。素晴らしい。Gruntのプラグインもある。 開発中はコメントを適切に書いて、見通しの良いコードを書くべきだが、ブラウザに認識させる段階ではその必要がない。改行コードが取り払われて一行になっ
jQueryのプラグインを使ってテーブルを並び替える
ラノオンにある新刊スケジュールを作った際のメモ まず、ラノオンでは全ページでjQuery1.6.4を読み込んでいます。 なのでテーブルのソートを行うスクリプトもjQueryのプラグインで探しました。 そこで使用したのが tablesorter 拡張性が高くてお勧め。 新刊スケジュールでは、デフォルトの状態では「日付」->「出版社」の順にソートする必要があり、マルチソートできる tablesorter はうってつけでした。(他にも探せばあると思うけど) 一点、日付の解釈がアメリカ式なのかわからないがうまく日付順にならなかったのでカスタムソートを使用しています。このへんの柔軟性も良いですね！ 以下 JavaScript のソース // 日付のカスタムソート $.tablesorter.addParser({ id: 'sales-date', is: function(s) { return
要素の高さを揃える超軽量なjQueryプラグインjquery.tile.js - URIN HACK
ブロック要素の高さを揃える軽量なjQueryプラグインjquery.tile.js。このプラグインを使用するとブロック要素を簡単にタイル状に並べることができる。 このプラグインには余分な機能が一切無いため 使い方がシンプルでプラグインは非常に軽量 になっている。 JavaScriptを使用しないで要素の高さ揃える場合はHTMLのtable要素を使う、CSSのdisplay: tableを使用する、float: leftで横に並べてmargin-bottomを大きくするなどの方法が考えられるが、デザイン面で融通が効きにくく初心者にとっては少し敷居が高い。 要素を横に並べるにはfloat: leftやdisplay: inline-blockなどを用いるのが最も簡単だが、この場合HTMLとCSSだけで要素の高さを自動的に揃えるのは（特にそれが複数行あったり各要素の高さが内容物に応じて可変だった
jsdo.it
Come creare il miglior gioco da casinò Quando si progetta un gioco da casinò, la prima cosa che devi considerare è che tipo di gioco sarà. Ci sono molti diversi tipi di giochi da casinò, dalle slot e video poker ai giochi da tavolo e giochi di carte. Dovrai decidere quale tipo di gioco si adatta meglio alle tue esigenze. Ogni tipo di gioco ha il proprio set di regole e regolamenti, quindi dovrai a
Closure CompilerでJavascriptソースコードを圧縮 | Webシステム開発／教育ソリューションのタイムインターメディア
webのリッチインターフェースのUIが主流になってきた昨今、Javascriptファイルのサイズが肥大化し リクエスト時のトラフィックもそれに応じて肥大化してきています。 webページのパフォーマンス改善のためにも読み込むJavascriptやCSSのサイズはなるべく小さくしたいものです。 そこでGoogleが公開しているClosure Compilerを使ってJavascriptを圧縮してみます。 Closure Compiler Closure Compilerを使うにあたって選択肢は3種類あります。 Closure Compiler Service UI を使うClosure Compiler Service API を使うClosure Compiler Application を使う Service UIを使いたい場合は Closure Compiler Serviceからweb
jQuery入門 (ver 1.2.6)
このページはAjaxライブラリの1つであるjQueryライブラリを勉強したい人向けに用意されています。 ミスや間違いなどがありましたらopenspc@po.shiojiri.ne.jpまでお願いします。 jQueryはバージョンによってメソッドが異なるため、バージョン別に入門ページを用意してあります。ここでは、バージョン1.2.6を基準としています。 Ajaxライブラリ (JavaScriptライブラリ) としてはPrototypeライブラリ (prototype.js) が有名です。Prototypeライブラリはプログラマに多く利用されており、JavaScriptの機能を拡張することで使いやすくなるように設計されています。jQueryはエレメントへのアクセスをスタイルシートと同じようにすることで非常に分かりやすくコンパクトな記述ができるようになっています。
jQuery 日本語リファレンス
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ？'); }, function(){ $(this).text('ヌー'); } );
javascriptを@importのように一つのjsファイルで読み込む - AirNX 開発者ブログ
javascriptを多用するといくら外部化していても<head>〜</head>が散らかってきます。 こんな風に↓ <head> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/yuga.js"></script> <script type="text/javascript" src="js/outline.js"></script> </head> そこでcssの@importのように一つのファイルを読み込めば、 同時に他のファイルも読み込んでくれるようにする方法です。 手順はとても簡単でdocument.write()を使います。 document.write()はjavascript内にhtmlを書く時に使用します。 読
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
Twitterでハッシュタグをワンクリック挿入 | nanapi[ナナピ]
Twitterでハッシュタグをワンクリック挿入 に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。はじめに 「ハッシュタグ」とはTwitter で使われる用語で、具体的には「#」を頭に付けて検索による分類のために使う「文字列」のことです。 たとえばNHKの番組について話題にしたいとき、投稿（ツイート）の文章内に #nhk を付けたとします。 すると #nhk でTwitter検索すれば NHKに関するツイートが新しいものから順に表示されることになります。 つまり、同じハッシュタグが付いたツイートを Twitter検索すれば、そのハッシュタグの趣旨に沿ったツイートが楽める、つまり一種のコミュニティのような利用ができるわけです。 毎回の入力が大変 ハッシュタグをツイート本文に毎回、キーボード入力あるいはコピー＆貼り付けするのは面倒です。ひとつ
jQueryソースコードビューアの使い方 | エンタープライズ | マイコミジャーナル
jQuery: The Write Less, Do More, JavaScript Library 人気のあるJavaScript AjaxフレームワークにjQueryがある。1月14日(米国時間)にメジャーアップブレードバージョンとなるjQuery 1.4が公開された。1月25日(米国時間)には不具合を修正したjQuery 1.4.1が公開されている。FirefoxアドオンJetpackでデフォルトのライブラリとして採用されており、将来的にFirefoxで利用できるデファクトスタンダード的なJavaScriptライブラリになっていくのではないかとみられる。 jQueryは便利なライブラリだが、いくつかの理由でソースコードそのものを読みたいときがある。ほかにどういったAPIがあるか調べたいケース、自分の想定しているものと違う動作をしているため実際にどういった処理が実施されているのか内部
jQuery基礎文法最速マスター[to-R]
jQuery基礎文法最速マスター はやっているようなのでまとめてみたいと思います。 jQueryの読み込み Google AJAX Libraries APIで簡単に読み込めます。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> jQueryの記述場所 基本的にはscript要素内の次の箇所に記述していきます。 <script type="text/javascript"> $(function(){ /*ここにjQueryを記述*/ }) </script> 上のコードは$(document).ready()のショートカットなので、次のように書いても大丈夫です。 <script type="text/javascri
![jQuery基礎文法最速マスター[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
連載インデックス「jQueryで学ぶ簡単で効果的なAjaxの使い方」 - ＠IT
連載インデックス 「jQueryで学ぶ 簡単で効果的なAjaxの使い方」 いま話題の「jQuery」を使って、目的を持ったAjax開発の効率化や使いどころ・注意点などについてサンプルを見ながら解説していきます。Webデザイナ／プロデューサーも必見！ Aptanaで始めるJavaScriptライブラリ「jQuery」超入門 jQueryで学ぶ簡単で効果的なAjaxの使い方（1） いま話題の「jQuery」の入門記事です。無料ツールAptanaやjQueryのプラグインを使って簡単にWebアプリを作成します
グーグル、JavaScriptプログラミングツールをリリース
Googleは米国時間11月5日、「Closure Tools」と呼ばれるプロジェクトをリリースし、同社のウェブサイトおよびウェブアプリケーション作成レベルに達することを望む開発者をサポートしていく方針を明らかにした。 Googleは、ウェブ中心のビジョンの一環で、JavaScriptを用いたウェブベースのプログラム記述を強く推進している。確かにGoogleは、「Gmail」や「Google Docs」などのサービスを通じて、JavaScriptを最大限に活用しており、より高速にJavaScriptプログラムを実行できるようにする目的もあって、「Chrome」ブラウザの開発に努めてきた。 しかしながら、JavaScriptプログラムは時に異なるブラウザ上では異なった動作をするなどの理由から、高機能なJavaScriptの記述、デバッグ、最適化は困難なものともなってきた。Googleがオープ
イヌでもわかるJavaScript講座
【リスト】 <script language="JavaScript"><!-- myModify = document.lastModified; document.write( "Last update : " , myModify ); // --></script> <script language="JavaScript"><!-- myModify = document.lastModified; document.write( "Last update : " , myModify ); // --></script> 【説明】 このＨＴＭＬのファイル更新日を取得するには、document.lastModified を使います。 それ自身を表示すれば、 <script language="JavaScript"><!-- document.write(doc
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【javascript】処理を分岐させるのにswitch caseを使うのはもう終わりにしよう - Qiita
https://atmarkit.itmedia.co.jp/ait/subtop/features/da/dt_jqueryref_index.html
jQueryを使ってTwitterをおいしくマッシュアップ （1/4） ─ ＠IT
Web Page Under Construction