Clik here to view.
フォームに設置した複数のsubmitボタン（送信ボタン）をjQueryで制御する
1つのフォームに複数設置したsubmitボタン（送信ボタン）の挙動をjQueryで操作・変更する方法を紹介します。 １．用途 このエントリーでは次の2つのケースを紹介します。 1つのフォームに同じ動作を行う送信ボタンを複数設置する 1つのフォームに異なる動作を行う送信ボタンを設置する ２．1つのフォームに同じ動作を行う送信ボタンを複数設置する...
View ArticleClik here to view.
デザインの学校 これからはじめるIllustrator&Photoshopの本
デザイン系ソフトとして超定番なIllustratorとPhotoshopの入門書の紹介です。著者の黒野明子さんより献本頂きました。ありがとうございました。 デザインの学校 これからはじめるIllustrator&Photoshopの本posted with amazlet at 12.02.03黒野 明子 著 ロクナナワークショップ 監修 技術評論社 Amazon.co.jp で詳細を見る...
View ArticleClik here to view.
クロスバイク用のフロアポンプ（空気入れ）
昨年買ったクロスバイク用のフロアポンプ（空気入れ）の紹介です。 クロスバイクを購入したとき、お店に人から「空気入れは必ず購入してください」と言われ、ネットで色々と調べて、シマノの「シマノ PRO フロアポンプ HPコンペティション」にしました。 シマノプロ フロアポンプ コンペティションposted with amazlet at 12.02.04シマノプロ Amazon.co.jp で詳細を見る...
View ArticleClik here to view.
リロードしたときにjQueryでページの先頭にスクロールさせる方法
ページをリロードしたときに、jQueryでページの先頭にスクロールさせる方法を紹介します。 リンクをクリックしてページの先頭にスクロールさせる方法はネット色々出てきますが、リロードのタイミングでスクロール（＝要はページの先頭を表示）させる手段がみつかりませんでした。 別の実験を行っていてこのような動作を行いたいケースが発生したため、少し調べてみました。認識誤りな点がありましたらご指摘ください。...
View ArticleClik here to view.
TwitterやFacebookのように一番下までスクロールしたら自動的にコンテンツを表示する「jQuery.Bottomプラグイン」
TwitterのタイムラインやFacebookのニュースフィードように、ページの一番下までスクロールしたらコンテンツを自動的に表示する「jQuery.Bottomプラグイン」を紹介します。 １．サンプル jQuery.Bottomプラグインにはデモページが用意されていますが、いまいちなのでサンプルページを作りました。 jQuery.Bottomプラグインサンプル...
View ArticleClik here to view.
Androidのキーボードで全角の英数文字や記号を入力する
Androidのデフォルトで用意されているキーボードで全角の英・数・記号を入力する方法です。確認機種はXperia Acroです。機種によって操作方法が違っていたらすいません。 まず、半角英文字の入力は次のような感じです。 全角文字に切り替えるには、キーボードの左下にある「文字あAa12」のキーを長押しします。...
View ArticleClik here to view.
Movable Typeの一覧画面にリストアクションを追加する
Movable Typeのプラグイン開発ネタで、一覧画面にリストアクションを追加する方法です。バージョンは5.1以降です。 「リストアクション」とは、一覧画面内に表示されたチェックボックスをチェックして動作をさせるための機能です。 リストアクションのメニューを表示 １．プラグインのリストアクションを追加する...
View ArticleClik here to view.
複数のWordPressをまとめて管理できる「ManageWP」
複数のWordPressを一括管理できるサービス「ManageWP」を紹介します。アカウントをとってちょっと操作してみましたが、複数のウェブサイトをWordPressで管理している人にとってはかなり便利な気がします。 ManageWP...
View ArticleClik here to view.
Excelの行・列の表示・非表示を切り替える
Excelの行・列の表示・非表示を切り替える方法です。 動作確認バージョンはExcel2003とちょっと古いです。新しいバージョンではメニューが若干異なると思われますが機能は同じかと思います。 このエントリーの解説では次の表を使用します。この表のB～D列の表示・非表示を切り替えます。エントリーの本題は２項です。 １．「表示しない」メニューを利用する...
View ArticleClik here to view.
クロスバイク購入（GIANT TRADIST SL）
昨年12月にエントリーした「クロスバイク購入」の続きです。遅くなりましたが購入モデルのお披露目です。 購入した車種は、タイトルの通り「GIANT TRADIST SL」です（ピンボケ写真ですいません）。 ちなみに12月にエントリーした記事の候補車種「GIANT TRADIST SL（2012年モデル）：下」の2011年モデルになります。...
View ArticleClik here to view.
WordPressのサイドメニューを折りたたむ「wp_list_folderプラグイン」バージョンアップ
WordPressのサイドメニューを折りたたむ「wp_list_folderプラグイン」をバージョンアップしました。 １．プラグインの機能 WordPressのサイドメニューで折りたたみができるようにします。 プラグイン適用前（Twenty Tenテーマ） プラグイン適用後の折りたたんだ状態 ２．プラグインの変更点...
View ArticleClik here to view.
HTML5のWebsocketを使ったお絵かきチャット
HTML5のWebsocket（Node.js+Socket.IO）を使って、お絵かきチャットが行えるサンプルを作ってみました。Node.js+Socket.IOについては、下記のエントリーを参照してください。 Windows+Node.js+Socket.IO 環境を作ったのは自分のPCのためリアルでお見せできないのが残念ですが、動画をキャプチャしたのでそちらでご確認ください。 １．サンプル動画...
View ArticleClik here to view.
複数のページを1ページにまとめて表示するFirefoxアドオン「AutoPager」
複数のページを1ページにまとめて表示するFirefoxアドオン「AutoPager」を紹介します。 １．機能 このアドオンを適用すれば、複数ページにまたがるページを1ページにつなげてくれます。スクリーンショットはGoogleの検索結果です。 適用前 適用後 ある程度スクロールをするとページが読み込まれます。読み込むページ数は設定メニューで決めておくことができます。 ２．インストール...
View ArticleClik here to view.
Movable Typeでログイン後の管理画面を変更する「ScreenChangerプラグイン」
Movable Typeのログイン後の管理画面を変更する「ScreenChangerプラグイン」を公開します。 １．基本 Movable Typeでは、ログイン後の管理画面はユーザーダッシュボードになります（下）。...
View ArticleClik here to view.
WordPress カスタムメニューの使い方（その1：基本）
WordPressのカスタムメニューの使い方について解説します。 カスタムメニュー機能で作ったメニュー 今回はTwentyElevenテーマを使った、管理画面でのカスタムメニューの作成方法について解説します。functions.phpの設定が必要なカスタマイズなどについては別エントリーで紹介したいと思います。 WordPressのバージョンは3.3.1を使っています。 １．カスタムメニューとは...
View ArticleClik here to view.
WordPress カスタムメニューの使い方（その2：wp_nav_menuとregister_nav_menuによるカスタマイズ）
WordPressのカスタムメニューのカスタマイズ方法について解説します。 カスタムメニューを利用すれば、サイドメニューだけでなく、ナビゲーションを任意の場所に設置することもできるようになります。本エントリーでは、フッタに次のようなナビゲーションを追加してみます。...
View ArticleClik here to view.
WordPress 3.x デザイン＆カスタマイズ スタイルブック
WordPressカスタマイズ本の紹介です。マイナビ様より献本頂きました。この場をお借りしてお礼申し上げます。 WordPress 3.x デザイン＆カスタマイズ スタイルブックposted with amazlet at 12.02.18エ・ビスコム・テック・ラボ マイナビ Amazon.co.jp で詳細を見る...
View ArticleClik here to view.
Movable Typeでパンくずリストを作る
Movable Typeでパンくずリストを作る方法です。当ブログでオーソドックなパンくずリストの作り方の記事がまだなかったので、本エントリーでまとめることにします。 １．カテゴリアーカイブページにパンくずリストを表示 カテゴリアーカイブページに次のようなパンくずリストを表示します。...
View ArticleClik here to view.
HTMLの整形やJavaScriptの難読化を解除する「jsbeautifier.org」
HTMLの整形やJavaScriptの難読化を解除する「jsbeautifier.org」を紹介します。 JavaScriptの難読化解除には「JsDecoder」を利用していましたが、いつのまにか「Not Found」になってしまってました。 JsDecoder ということで代わりのサイトを探したところ、「Online JavaScript beautifier」を見つけました。 Online...
View ArticleClik here to view.
CSSの整形・圧縮が一瞬で行えるツール「csCSSc」
CSSの整形・圧縮が一瞬で行えるオンラインツール「csCSSc（Client-side CSS (De)Compressor）」を紹介します。圧縮（難読化）解除も行えます。 csCSSc オンラインでCSSの整形・圧縮が行えるツールは色々出回ってます（4項参照）が、csCSScは動作が圧倒的に軽いです。 使い方をざっと説明します。 １．圧縮 ページ一番上にある「Original valid...
View Article