タグ

ブックマーク / www.koikikukan.com (6)

  • JavaScriptの正規表現で文字列を抜き出す「グループ化」

    JavaScriptの正規表現で特定の文字列を抜き出す「グループ化」について解説します。 JavaScriptで特定の文字列を抜き出して処理したいことがよくあるのですが、グループ化の使い方を忘れてネットで検索してもなかなかヒットしないので、備忘録で残しておきます(他に適切な方法があるようでしたらすいません)。 1.特定の文字列を抜き出す まず基として、特定の固定文字列を抜き出すには、match関数で次のように記述します。 var foo = 'abcdefg'; var bar = foo.match(/abc/); これは変数fooに「abc」という文字が含まれていれば、変数barに abc が設定されます。 変数fooに「abc」という文字が含まれていない場合、変数barにnullが設定されます。 この使い方は、検索したい文字列があらかじめ決まっていて、上記のような代入文ではなく、判

    JavaScriptの正規表現で文字列を抜き出す「グループ化」
  • Movable Typeのコメントで画像のアップロードができる「CommentCustomFieldプラグイン」

    Movable Type のコメント投稿フォームに、テキストフィールド・テキストエリアのフィールド追加や、画像のアップロードを可能にするプラグインを公開します。 下の画像は、コメントに画像のカスタムフィールドを追加し、アップロードされた画像をブログ記事のコメントエリアに表示した例です。 1.機能 コメントに以下のフィールドの追加や追加したフィールドの表示がそれぞれ1つずつ可能です。 テキストフィールド テキストエリア 画像のアップロード ラジオボタン チェックボックス セレクトボックス 画像の一番下にある「テキストフィールド」が、CommentCustomField プラグインで追加したフィールドです。コメントプレビュー画面にも対応します。 次のように、テキストエリアを表示することもできます(テキストエリアのみの表示も可能)。 画像のアップロードは次のようになります。 ラジオボタンは次のよ

  • CSS で table に斜線を引く方法

    CSS で table に斜線を引いてみました。下の表の左上の斜線に CSS を使ってます。 サンプル(クリックすればサンプルページに移動します) Windows XP + IE6 / IE7 / Firefox3 / Safri3 / Google Chrome で確認しています。 ポイントは以下です。 th 要素に position: relative; 斜線を引く要素(ここでは span)に position: absolute; を設定。 斜線(border)を適用する要素の前に &nbsp; を設定。&nbsp; がなかったり、要素の後方に&nbsp; があると、th のスタイルが隠れてしまう。 クロスブラウザにするため、font-size や line-height など、いくつかのプロパティを設定。 HTML <table summary="data"> <thead> <t

    blend27
    blend27 2009/10/26
  • 小粋空間: Movable Type プラグイン一覧(MT4対応)

    Movable Type 4 対応のプラグインの一覧です。国内サイトで配布されているプラグインでMT4専用、あるいはMT3.xからのアップグレードまたはMT4での動作確認等が配布先で明示されたものを掲載しています。 2010.05.01 エントリーの更新は終了し、「Movable Type プラグイン一覧(MT5対応)」に移行しました。 先日まで「Movable Type プラグイン一覧」にMT4版を一部追加していたのですが、対応・非対応が明確に区別できないことや、それによりMT4対応のプラグイン検索に手間がかかることから、新たにエントリーを分けることにしました。 エントリーに掲載されていないプラグインでも、MT4で動作可能なものは多く存在しますので、「Movable Type プラグイン一覧」等から配布サイトへ進み、動作状況を確認するか、あるいは実際にお試しください。 注意事項 プラ

    小粋空間: Movable Type プラグイン一覧(MT4対応)
  • Google マップの貼り付け用 HTML を valid にする

    Google マップをブログ等に貼り付ける「埋め込み HTML」の提供が開始されましたが、その HTML を valid にするスクリプトを公開します。 1.埋め込み HTML の利用方法 埋め込み HTML 自体の利用方法ですが、まず Google マップで任意の地図を表示させ、「このページへのリンク」をクリックします(スクリーンショット右上)。 リンクをクリックすると、HTMLコードがすぐ下に表示されます(下)ので、 「HTML を貼り付けてサイトに地図を埋め込みます」の下に表示されている、 <iframe width="425" height="350" ~ のコードをマウスコピーして、それをブログの投稿画面に貼り付ければOKです。 2.問題点 埋め込み HTML で使われている iframe タグは HTML4.01 Strict・XHTML1.0 Strict では未定義、XHT

    Google マップの貼り付け用 HTML を valid にする
  • Movable Type 検索の全角スペースを半角スペースと同じ振る舞いにする

    Movable Type の検索フォームで検索文字列を複数入力して、区切り文字に全角スペース(空白)を使用すると、全角スペースは検索文字として認識され、期待しない結果(おそらく検索結果として何もヒットしない)になってしまいます。 この全角スペースを半角スペースと同じ扱いにするためのカスタマイズを紹介します。 1.IME で全角入力中に半角スペースを入力する 題からそれますが、Windows の MS-IME で全角文字入力中に半角スペースを挿入したい場合は、「Shift キー + Space キー」で半角スペースを入力することができます。また、IME のプロパティを下記のように変更することで、全角文字入力中に常に半角スペースを入力することができます。 Microsoft Office Online:スペースを全角/半角にする (ナチュラル インプット) デジタルARENA:全角スペースと

    Movable Type 検索の全角スペースを半角スペースと同じ振る舞いにする
  • 1