JavaScriptとCSSファイルのHTTPリクエストを最小限にし圧縮・キャッシュする -BoxJSとBoxCSS
ウェブサイトで使用する複数のJavaScriptとCSSファイルのHTTPリクエストを少なくし、圧縮・キャッシュするサービスを紹介します。 [ad#ad-2] 複数のJSファイルをまとめる -BoxJS 複数のCSSファイルをまとめる -BoxCSS 複数のJSファイルをまとめる -BoxJS BoxJSは一つのJSファイル（box.js）を利用し、モジュール式のローディングシステムで複数のJSファイルをロードできます。 BoxJS BoxJSの使い方 最初に、box.js(1.4kb)を外部ファイルとして指定します。 <script src="http://www.boxjs.com/box.js"></script> ロードするJSファイルを指定します。 Box('http://mywebsite.com/scripts/', [ 'plugins/jquery.js', 'plugi
[JS]クリックで表示・非表示を切り替える
クリックで指定した要素の表示・非表示を切り替えるスクリプト。 表示エリアを稼ぎたい時に便利。 <strong onclick="Toggle('A')">Sample</strong> <div id="A" style="display:block;">サンプル</div> 初期非表示にしたい場合は、display:noneとしておきます。 クリック時の呼び出しは、上記ソースだとonclickイベント属性でやってますが、 アンカータグの場合は次の例のようにhref属性に入れる事も出来ます。 <a href="javascript:Toggle('A')">Sample</a> マウスオーバーにしたい時はonmoseoverになります。 これについてはアクションによってイベントハンドラ選んでください。 次のソースを任意の場所に貼り付けます。通常はheadタグ内。 <script type=
![[JS]クリックで表示・非表示を切り替える](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)
textareaの選択範囲を取得し、前後に文字列を挿入する - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 textareaの中で選択した文字列の前後に、任意の文字列を挿入するJavascript。流れとしては、まず選択領域の始点と終点の位置を取得し、その境界を基準にしてtextareaの文字列全体を分割。そして加工して組みなおす。 始点と終点の位置は、Mozillaおよび（最近の）Opera/Safariでは容易に取得できる。問題はIE。IEのTextRangeオブジェクトは、後のコンテクストを見て処理を行うことが難しいため、特にtextarea内の文字列を操作したい場合は厄介です。 逆に言えば、始点と終点の位置さえ判ればなんとかなるので、いろいろ試してみてなんとか形に出
「Web Intents」でTwitterの機能をサイトに埋め込む
「Web Intents」でTwitterの機能をサイトに埋め込む 先日、AmazonがTwitterやFacebookによるシェア機能に対応したので、どうやって実装しているかを見ているとTwitterは「Web Intents」という機能を利用して実装していました。 ノーチェックだったのですがWeb Intentsは4月1日に公開された機能らしくすごく便利です。今までサイトにTwitterの機能を埋め込む際にはOAuth認証を利用しなくてはいけなかったのですが「Web Intents」を利用すれば簡単に埋め込めるようになっています。 Tweet機能の実装 つぎのようなシェアボタンを簡単に埋め込めます。 このページをシェア ソースコードは次のような感じになります。 <script type="text/javascript" src="http://twitter.com/intent/t
404NotFound | 株式会社ライブレボリューション
ライブレボリューションは、スマートフォン広告代理店事業（モバイル広告代理店事業）で『お客様の利益創造活動』に貢献し、お客様を成功と幸せへと導くプロフェッショナルサービスを提供しています。
Twitter @Anywhereをブログのコメントシステムにする方法 | Creazy!
Welcome to @Anywhere | dev.twitter.com もはや、WEB界隈ではコミュニケーションプラットフォームとして定着しつつあるTwitterですが、先週、自分のサイトにJavaScriptを使って簡単にTwitter機能を導入できる@Anywhereというサービスが発表されました。こちらにドキュメントが公開されているのですが、サンプルコードがまともに動かなかったり、APIの説明が不十分だったり、今すぐに導入するのはかなりハードルが高いです。 というわけで実際にサンプルを紹介する前に、日本人に非常に分かりやすいエントリーを２つほど紹介しますので、そちらで基本的な使い方を覚えていただければと思います。 ・Twitter 新 API のドキュメント「Getting Started with @Anywhere」日本語訳 – WebOS Goodies ドキュメントを日
アップした写真をお洒落に見せるJavaScript
久しぶりのJavaScriptネタです。最近は、マック（MBP）で作業することも多いのですが、アップルの提供する.Mac というサービスを使うと簡単に見栄えのよいホームページ（HP）を作成することが出来ます。このサービスはマックを使ってこそ活きるものですが。 で、何種類ものHP向けのテンプレートが予め用意してあるんですが、多くのテンプレには、デジカメで撮った写真を単に貼り付けるだけでなくて、それらをちょこっと斜めにしたり切手風に縁取りしたり出来て、お洒落に演出できるわけです。自分も以前からこういうことをppBlogでしたいなぁとは思っていて、現状、写真っぽく見せたりドロップシャドウを付けたりというのはスタイルシートを使って出来るようにしています。後は、切手風とか写真を少し傾けて貼り付けるとかですが、これらはサーバーサイドのPHPプログラムで画像を加工すれば可能なんだけど、写真をアップする際
コメント装飾 load.js をカスタマイズ
コメント装飾 load.js をカスタマイズ 【 ありのごとくあつまりて 】 この記事に含まれるタグ （Keyword） : FC2ブログ コメント コメント装飾 javascript コメント装飾 load.js をカスタマイズ 2009/05/22 (金) カテゴリー： ブログカスタマイズ上級 FC2ブログの コメント装飾機能。 装飾用の独自タグ（変数） を簡単に入れられるように と 深月@FC2 さんの 「仮タグ挿入スクリプト」 が用意されています。 この 「仮タグ挿入スクリプト」 load.js は全サーバーに置いてあるもので、 <script type="text/javascript" src="<%server_url>load.js"></script> [ SAMPLE ] と テンプレートの表示したい場所に貼り付ければOK！ 共有テンプレート に元から設置されて
メールアドレス暗号化(メール暗号化ツール)
<a href="mailto:abc-xyz@yahoo.co.jp">abc-xyz@yahoo.co.jp</a> ↓ <script type="text/javascript"> <!-- function converter(M){ var str="", str_as=""; for(var i=0;i<M.length;i++){ str_as = M.charCodeAt(i); str += String.fromCharCode(str_as + 1); } return str; } function mail_to(k_1,k_2) {eval(String.fromCharCode(108,111,99,97,116,105,111,110,46,104,114,101,102, 32,61,32,39,109,97,105,108,116,111,58) +
いま見ているページを認証不要でTwitterに投稿するブックマークレット
何で認証不要かというと 本家のサイトから直接投稿するから。 Twitter はいつの間にか http://twitter.com/home?status=[文字列] で投稿欄にその文字列を入れられるようになってた。 いつの間にかじゃなくて最初からできたのかな。 ともかく以前はAPI を通じて認証してたんだけど、 そんなことしなくても これならものすごく簡単に投稿できる。 というわけで いま見ているページのタイトルと URL を投稿するブックマークレット。 このページをTwitterに このリンクを右クリックして ブックマークだかお気に入りだかに保存してから 投稿したいページが開いた状態で そのブックマークレットをクリックね。 要するに Twitter の投稿画面に飛ばすだけなので ID やパスワードをどこかに預ける必要はない。 ログインしていれば [ページタイトル] [ページ URL] が
ウェブリブログ：サービスは終了しました。
「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 ※10秒後にBIGLOBEのおすすめページに遷移します
チェックボックスのチェック制限
<script language="JavaScript"><!-- chmax=3; //最大チェック数 //-------------------------- function check(chobj){ if(!chobj.checked)return; chname1=chobj.name; chint=0; elementleng=document.forms[0].elements[chname1].length; for(i=0;i<elementleng;i++){ if(document.forms[0].elements[chname1][i].checked){ chint++; if(chint>chmax){chobj.checked=false;break;} } } }/*himajin.moo.jp*/ // --></script> <form> 1項目
AjaxZip 2.0
Kawa.netxp AjaxZip 2.0 - Ajax郵便番号→住所自動入力フォーム（CGI不要版） AjaxZip2は、昨年公開した 『ajaxな住所入力フォーム』 の新バージョンです。 郵便番号を入力すると、該当する都道府県名・住所が自動的に入力されます。 Ajaxと JSON フォーマットを利用するJavaScriptライブラリとして公開しました。 JavaScript のみで稼動するため、サーバサイドで稼動するCGIプログラムは不要です。 郵便番号→住所変換処理は全てクライアントサイドのJavaScriptで行います。 既存 HTML の住所入力フォームをたった3行書き換えるだけで利用できます。 簡単に設置できるため、プログラムに詳しくない方でも導入していただけると思います。 以下の住所入力フォームに、7桁の郵便番号を入力してみてください。 【2007/12/09 追記】 jQ
確率変更可能なランダムテキスト/広告 - JavaScript
サンプルと機能 → Sample 1：確率指定可能なランダムテキスト テキストをランダムに変更します。 確率変更が可能ですが、もちろん完全にランダムにすることもできます。 この機能を用いてランダム広告を作成するにはこちらを参考にしてください。 サンプルスクリプト 緑の文字が変更箇所で、赤い文字が対応するスクリプトです。 "//"以下はコメントです。削除しても影響ありません。 必要な箇所をコピー＆貼り付けして編集してください。 → Sample 1：確率指定可能なランダムテキスト <HTML> <HEAD> <TITLE></TITLE> <SCRIPT language="JavaScript"> <!-- // ランダムテキスト function randomAdv() { m = 0, x = 0, y = 0; ad = new Array();
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Hatena Developer Center
Tumblr Thumbnails | Tumblrのサムネイルを作成するサービス
jsScrolling
Playstation mk2
Twitter / ウィジェット
サービス終了のお知らせ