Gmail にタスク管理機能が追加されたと色々なところで記事が上がっています。 このブログで今更取り上げても、ちょっと出遅れた感じがするので、ここでは初心者向けに丁寧にかつ具体的な使い方をちょこっとプラスして紹介してみます。...
長いソースコードや文章を簡単にアコーディオンさせる jQuery のサンプルを作ってみました。 ブログを書いていて、長いソースコードが出てきた場合、それをそのまま pre 要素で掲載しちゃっていいものか迷うときがあります。ソースコードを見て理解したい人には親切だけど、使い方とかだけを見たい人には邪魔だろうなーと。そういったときに、とりあえず非表示にしておいて、見たい人はクリックしてアコーディオンし...
「jQuery でテキストエリア内の文字はどのメソッドで取得する？」と、ちょっと疑問に思ったので実験した備忘録です。 jQuery では、指定した要素の中の文字列は「 .text() 」、指定した要素の中のHTML は「 .html() 」で取得できます。また、input 要素（ type="text" ）の value については「 .val() 」で取得できます。 さて、では textare...
Movable Type の管理画面のメニューバーに、ブックマークを追加するカスタマイズを行ってみました。 このブックマークの追加については、「Bookmarks」というプラグインでも実現できるようですが、なんとなく僕の中で「自分で簡単にカスタマイズできるものは自分でやる」というポリシーみたいなものがあるので、今回もテンプレートのカスタマイズで実現してみました。...
Movable Type 4.23 の提供が開始されています。セキュリティアップデートであるため、さっそくアップデートしておきました。 アップデート作業にもだいぶ慣れました。 Six Apart - Movable Type News: [重要] セキュリティアップデート Movable Type 4.23 の提供を開始 Movable Type においてクロスサイトスクリプティングによる脆弱性...
最近、jQuery のセレクタをマスターするのに最適ということで「 Selectors 」というサイトが話題になっています。 実際にそのサイトを使ってみるとかなり良い感じで、ビジュアルで jQuery のセレクタが理解できるので本当に役立ちます。後は実践をこなして練習するのみですね。 さて、その「実践で練習する方法」ですが、ちょっとオススメなのが、 Firefox と Greasemonkey を...
最近ハマっている jQuery を使って、Gmail の検索オプションや定型文を簡単に取り出せる機能を追加する Greasemonkey のユーザースクリプトを作ってみました。素人くささはモロに残っていますが。 今や Gmail は、仕事でもプライベートでも、なくてはならない Web サービスの一つです。その魅力は多々あれど、「検索」が優れていることはかなりの高ポイントです。 Gmail の検索...
当ブログで公開している WordPress のプラグイン、Custom Field GUI Utility について、訪問者さんからご質問をいただいたのでブログ記事にしてお答えします。...
ソースコードをハイライト表示してくれる JavaScript ライブラリは数多くありますが、今回、このブログに google-code-prettify というライブラリを導入してみました。 少し前までは dp.SyntaxHighlighter（ソースコードをカラフルに読みやすくする - dp.SyntaxHighlighter ）を使っていましたが、どうもイマイチ好きになれなかったので使用を...
通常のスタティックな Web サイトにおいて、Web ページの中で更新頻度の高いパーツを別ファイルにして、それをインクルードするシーンは多々あるかと思います。 Movable Type でも、モジュールやウィジェットを「インデックステンプレートのコンテキストで全ページに表示させたい」なんてとき、インデックステンプレートに読み込み用のファイルを作って、それを MTInclude で読み込むという手法...
Movable Type で日付に関するタグはいくつかありますが（タグ date を含むテンプレートタグ一覧）、ブログ記事を「未公開（原稿）」からはじめて「公開」にしたときの日付を表示するタグは無いようです。 そこで、ブログ記事の編集画面をカスタマイズして、カスタムフィールドに自動的に「公開した日時」を表示するカスタマイズをやってみました。 某コミュニティにこのような内容と思われる質問があったので...
11月 1日、晴天に恵まれた三連休の初っ端、CSS Niteビギナーズに行ってきました。6 時間みっちりと CSS に関する基礎を復習することができました。...
Movable Type や WordPress の記事投稿時間の横に、Twitter のように、その記事を投稿したのが現在時刻から「約時間～前」というのを表示する JavaScript （ jQuery ）です。 経過時間を解析する仕組みは、「一定時間で自動的に消える New マークを付ける JavaScript の jQuery 版」のカスタマイズのときとほぼ同様で、小粋空間さんのところで紹...
CAPTCHA 認証は、ブログに限らず多くの Web サービスで取り入れられている代表的なスパム防止策です。もちろん Movable Type でも利用できます。しかし、 Web サービスによっては結構見づらかったり、そもそも規則性のない文字列を入力するのは面倒だったりします。 そこで、効果があるかは分かりませんが、もう少しユーザーに手間をかけないスパム対策を考えてみました。...
Movable Type のブログ記事の公開日時（ entryData ）などを「平成」などの年号（元号）にする方法を考えてみました。 例えば、このブログ記事の公開日時を次のようなタグで出力してみます。 <$mt:EntryDate format="%x (%a)"$> これを再構築すると次のように出力されます。 こういった出力形式であれば、「日付に関するテンプレー...
Movable Type の記事投稿画面で、各入力フォームのラベルや位置などのインターフェースを、カテゴリごとに変えられるように管理画面をカスタマイズしてみました。 カスタマイズといっても、管理画面のテンプレートはほとんどいじらずに、jQuery で書いた JavaScript テンプレートを読み込むだけです。もう少し正確に言えば、本体のテンプレートは一切いじらず、コピーをカスタマイズして、別のデ...
Custom Field GUI Utility をバージョン 1.0.0 にバージョンアップしました。WordPressのカスタムフィールドが、より使いやすくなると思います。 主な変更点は以下のとおりです。WordPress 2.6.x をご利用の方は、最新版がお勧めです。 「投稿」及び「ページ」の作成・編集画面に生成されるフォームのインターフェースを、WordPress 2.6.x の他のフ...
CSS Nite in Ginza, Vol.27に参加した感想と実践です。実践したCSSを反映させるために個別ページでご覧ください。...
僕が愛用している Firefox のアドオンの中に、Make Link というアドオンがあります。 これは、リンク用のソースコード等を右クリックから色々な形式でコピーすることができるようになるアドオンで、その形式も自由にカスタマイズ可能ということもあり、ブログを書くときに重宝しています。 今回は、この Make Link を使って、Amazon.co.jp アソシエイト（アフィリエイト）の「個別商...
WordPressの記事作成・編集画面で、各入力フィールドへジャンプするリンクをサイドバーに生成するプラグインを作ってみました。「投稿」「ページ」どちらにも対応しています。 Custom Field GUI Utility でフィールドを追加していたり、管理画面をカスタマイズして不要なフィールドを display:none; にしていたりしても、それらに合わせてリンクが生成されます。 使い方やダウ...