Harukiya Archives

2005/06/01

category / Blog

テンプレ祭りも大詰めですね!(大殴。だいたい真打とラスボスは最後の最後で登場した方が盛り上がるのが世の相場(カニってどんな味だろう?)。構想10年、製作2日の超大作テンプレ、全米チャート10週連続第1位(何の?)いよいよ日本(の南関東あたり)に上陸。

第1作Fxcelのエントリー本文を読み込まないという弱点をみごと克服。すべてのエントリー読み込みに成功。ただし、まだ表示ができない。そんなFシリーズ(本人も連作とは知らなかった)に明日はあるのか?

> ダウンロード&取り説

特徴

Fview
  1. これは、旗を立てないで使うテンプレです。
    <a href="./?style2=fview">Fview</a>のようなプレビュ呼び出しで使う。さもないと、ブラウザメニューの”表示→ソースを表示”でしか記事を読むことができなくなる。
  2. 記事内の<img>要素だけを抜き出して一覧します。
  3. 画像に張られたリンクは、元テンプレの該当ページへ移動。
  4. 書いていて特に利点がないことに気づく(しかし、もう遅い)
  5. まともに月別表示した方がムダがない。正直スマンかった。
  6. ところでテンプレコンテストの締め切りってサマータイムですよね?

お知らせ

より柔軟な一覧テンプレFalbimもあります。


writeback

  1. 深月@FC2 : 例の入れてみました。
    http://blog.fc2.com/forum/viewtopic.php?t=51&start=30
    -03日03時
  2. マス : お疲れ様です。
    アップした最新X件が自動で取り出せるのは便利だと思います。
    あとはイメージと任意のURLを関連づけられると、面白い使い方ができそうですが・・・
    複雑になると管理や負荷に影響してしまうかもですね。-03日20時
  3. Michiyo : さっそく使わせて頂きました。
    blog nameのcssを少し変更させてもらいました、テンプレートが気に入っているので
    同じようにしてみました、画像の一覧と云う事で、最近絵文字を使ったのが
    一覧に出てしまうのがチョット…(汗)

    画像から元記事にリンクされてるのがとっても便利で重宝します♪
    ありがとうございます。-07日15時
  4. マス : ご利用ありがとうございます。改造自由ですので、ガンガンやってください。

    >最近絵文字を使ったのが一覧に出てしまうのがチョット…(汗)
    コレを修正してみましょう。テンプレの以下の部分を探してください。

    function pickupImg ( id ) {
    with ( document ) {
    if ( getElementById && getElementsByTagName && createEle
    var obj = getElementById( id );
    if ( !obj ) return;
    var imgs = obj.getElementsByTagName( "IMG" );
    for ( var i=0; i<imgs.length; i++ ) {
    if ( imgs[i].className == "emoji" ) continue; ← この一行を書き加える
    var w, h, img = new Image(); img.src = imgs[i].src;
    w = img.width; h = img.height;
    (略)

    これで絵文字以外のイメージだけ抜き出せます。
    うまくいかないようでしたら、DLしなおしてね(殴-07日20時
  5. Michiyo : js一行追加しました〜!
    さすがです(*^.^*)さっそく対応して頂いて嬉しいです
    バッチリ!絵文字が消えています
    ありがとうございます。

    ところで、このjsのemojiを違う物、例えばテンプレートのパーツ画像などに一定の名称を
    当てはめて置き換えると表示させなく出来るのかしら?!
    なんてまた、勝手に妄想してますけど…(^^ゞ
    -08日08時
  6. マス : >例えばテンプレートのパーツ画像などに一定の名称を当てはめて置き換えると表示させなく出来るのかしら?!

    そのとおりです。パーツはアドレス(href)でチェックします。
    例えば http://xxx.blogx.fc2.com/x/files/back.gif をはじきたければ
    (前略)
    for ( var i=0; i<imgs.length; i++ ) {
    if ( imgs[i].href.match(/back.gif/) ) continue; ← この一行を書き加える
    if ( imgs[i].className == "emoji" ) continue;
    (後略)
    のように修正します。
    同じ書式でいくつでも可能ですが、数が多くなるならパーツすべてに同じクラス名(class="parts"とか)を付けて、いっきにはじく手もあります。
    -08日20時
  7. Michiyo : 度々ご丁寧にありがとうございます。
    細かく説明して頂いて、はっはぁ〜なるほど!と解ったつもりでいます…(^^ゞ

    >そんなFシリーズ(本人も連作とは知らなかった)に明日はあるのか?
    このFviewやFxcelは、大あり!ですね
    blogの更新もせずに一生懸命テンプレートいじくって
    肩こりしても目が疲れても楽しい〜♪ので『明日を』楽しみに待ってます(*^.^*)

    -10日11時
  8. マス : >blogの更新もせずに一生懸命テンプレートいじくって
    グッサリ直撃来ました。改造は楽しいんですが、それを記事にしようとすると急におなかが痛くなったりします。-10日15時
  9. Michiyo : 同じ質問でごめんなさい(^^ゞ
    >数が多くなるならパーツすべてに同じクラス名(class="parts"とか)を付けて
    とありますが、jsファイルの方は、emojiと同じif ( imgs[i].className == "parts" ) continue;で
    いいのでしょうか?-20日10時
  10. Michiyo : すいません、何度も…
    上記の方法で出来ましたv-20日10時
  11. マス : 諺でいうと「親はなくとも子は育つ」「オレの屍をこえてゆけ」ってことでOK。-20日23時
  12. タケ : 素晴らしいテンプレですね。
    同じようなかんじで、サイドバーに最近アップロードした画像をいくつかサムネイル表示させ、各画像にその記事へのリンクを貼る、と言うようなことは可能でしょうか?-22日19時
  13. マス : いらっしゃいませ、タケさん。
    お問い合わせの件は、FC2変数の<!--image-->〜<!--/image--> とちょっとした工夫でできそうです。

    1) ちょっとした工夫。
    アップする画像の名前を対応するエントリのIDにします。
    http://hoge.blog100.fc2.com/blog-entry-100.htmlにリンクしたければ、
    画像ファイル名を blog-entry-100.jpg(gifなど)とつけてアップ。

    2) テンプレのサイドバー内のHTML
    <ul id="recent_image">
    <!--image-->
    <li><a href="./<%image_bname>.html"><img src="<%image_url>" width="50" alt="<%image_name>" /></a></li>
    <!--/image-->
    </ul>

    これで画像に対応するエントリへリンクが張れます。
    width="50" の部分で強制的に縮小しサムネイル風にしてますが、CSSでも同じようなことができるでしょう。

    問題点は、
    1) エントリに対応させる画像をつねに新しい状態にしておかなければならない。
    (パーツ画像など適当な名前でアップしそれが新着の範囲にあると、リンク先404エラーになってしまう)

    2) 実験中・実装されない可能性もあります。とのテンプレート機能一覧の注意書きが気になる。

    ってところでしょうか。

    もうちょっと突き詰めて考えるか、javascriptとの合わせ技で面白いことができるかもしれないですね。
    -22日21時
  14. あまなり : はじめまして。
    いや、素晴らしいテンプレですね。
    ちょっとカスタマイズ流行のLightBox.jsと組み合わせて使わして頂きました。
    画像一覧を引っ張りだすのにあれこれと苦労していましたが、こんな方法もあるのかと・・・
    いや助かりました。
    ありがとうございました。-01日12時
  15. マス : ご利用ありがとうございます、あまなりさん。
    お役に立てたようで、なによりです。
    アイディアなどありましたら、またいらしてくださいね。-02日00時
  16. Michiyo : おはようございます〜♪
    古いところを掘り起こして…また難問に遭遇してしまいました(/。\)
    そこでちょっとお知恵をお借りしたくてお邪魔しました。

    最近FC2ブックマークというボタン(バナー?)が表示されているんですけど
    これが邪魔して画像一覧にところ狭しと並んでしまうんですよ〜!
    以前にご指導頂いた↓
    var imgs = obj.getElementsByTagName( "IMG" );
    for ( var i=0; i<imgs.length; i++ ) {
    if ( imgs[i].className == "emoji" ) continue;
    if ( imgs[i].className == "parts" ) continue;

    var w, h, img = new Image(); img.src = imgs[i].src;
    ここに、そのボタン画像の名前(b-button.gif)を↓追加したんですけど反映されず、画像全部みえなくなってしまったんです
    if ( imgs[i].href.match(/b-button.gif/) ) continue;
    classネームも付いていますが同じように真っ白状態になるんですよ┐('〜`;)┌
    多分原因は、追記の展開のところではないかと思うのですが…
    お暇な時にでもアドバイス頂きたいのですが、どうぞ宜しくお願い致しますm(_ _)m-01日09時
  17. マス : いらっしゃいませ、Michiyoさん。

    >画像の名前(b-button.gif)を↓追加したんですけど反映されず
    上の解答レスが間違ってました。ごめんなさーいΣ(-人― )"

    if ( imgs[i].src.match(/b-button.gif/) ) continue;

    と修正してください。<img>にはhref属性はありませんでした(爆)

    >classネームも付いていますが同じように真っ白状態になるんですよ┐('〜`;)┌
    classネームは<img>の親要素<div>についているのでうまくいかなかったのでしょう。-01日20時
  18. Michiyo : なるほどねぇ〜!
    もう、自分でも理解しても良さそうなのに気が付かないなんて…
    学習能力0ですお恥ずかしいf^_^;いつもお世話かけてごめんなさい!

    おかげで投稿画像より多い邪魔な物がきれいサッパリ無くなりました♪
    ありがとうございます。-02日09時
  19. マス : まー、色々な機能が追加されましたから、作り直す時期なのかもしれませんが・・・
    Fサーチ、Fブクマができたので、そろそろ”FC2フォト”が来そうな気がしてるのは私だけでしょうか。-03日21時
  20. Michiyo : いえいえ!Michiyoもそう思います。
    と云うか「FC2フォト!」とっても切望しております(笑)
    きっと他所様の○○フォトやフォト○○より素敵な…
    しかもシンプルなのに高機能〜なんて妄想中ですf^_^;

    ps.こちらの「Preview」とっても機能的ですね
    こちらも実装してほしいですねw-04日10時
  21. マス : Michiyoさんはアップする方に興味があるのでしょうね。僕はもっぱら見るばかりなんですが。
    ソーシャルとは違いますけど、世界のフォトログを集めたサイトです。見ごたえありますよ。
    http://2006.photobloggies.org/-04日21時
  22. KUMI☆ : お久しぶりです。
    随分前(1年ほど前???)に、『アップロードした画像を一覧表示するブックマークレットがあればいぃな』 って呟いてしまったのですが、こんなに素晴らしいテンプレを既に作られていたのですね!!!
    気付くのが遅くって、すみませんっ(^^;
    記事とコメントを読ませていただいて、絵文字&ブックマークのバナーも撤去し、早速使わせていただいています。
    ありがとうございました。-14日02時
  23. マス : ご利用ありがとうございます、KUMI☆さん。
    >アップロードした画像を一覧表示するブックマークレット
    あー覚えていますよ。あの時はお力になれず・・・

    ご覧のようにコメントがマニュアルを兼ねてます^^。何かありましたらマニュアル補強にご協力くださいませ。-15日01時
  24.  


< The song to you | ミスディレクション > | 表紙へ戻る | 探す | 案内


ホームページ アフィリエイト レンタルサーバー FC2ブログ キャッシング