wa - NucleusやFlashなどなど

RSS

Home > Nucleus スマイリープラグインひとまず完成

09.08 '05

Nucleus スマイリープラグインひとまず完成

img動作確認中だった、(記事・コメント内に:-Pこんなのを表示する)スマイリープラグインですが、
プラグインのコードやJavaScriptを直接修正しなくても、
管理ページからスマイリーアイコンの追加・変更を簡単に行えるようにしてみました。
img
こんな感じです。
【設置方法】

  1. プラグインインストール
    [同梱内容]
    NP_znSmiley.php
    znsmiley(ディレクトリ)
    └index.php
    emoticons(ディレクトリ)
    └icon群
    このままの位置関係でプラグインディレクトリにアップロードします。
    プラグイン管理からインストールしてください。

  2. コメントフォームを編集
    nucleus/forms/commentform-notloggedin.template
    nucleus/forms/commentform-loggedin.template
    上記2つのファイルの、
    <form method="post" action="#nucleus_cf">
    に、 cformというnameを追加します。↓修正後
    <form method="post" action="#nucleus_cf" name="cform">

    次に、上記2つのファイルの中に、
    <%znSmiley%>
    と書きます。そこにスマイリーアイコンの一覧が表示されます。

以上で設置完了です。
後は、追加や変更など管理ページで行えますので楽チンです。

↓こちらからダウンロードできます。(このプラグインはEUC-jp用です。)
NP_znSmiley旧版公開中止しました。
ver1.01アップしました。→Nucleus スマイリープラグイン NP_znSmiley バージョンアップ

【現在分かっている問題点(仕様?)】


もし、試された奇特な方がいらして、新たな問題点を見つけてくださったら、コメントいただけると非常にありがたいです。:ase:

JavaScriptを動的に生成しているので、ページ内に埋め込んでいます。
ActionScript大好き星人なのに、なぜかしらJavaScriptは苦手なもので、こんな記述方法って大丈夫なんでしょうか?
お詳しい方、つっこみを入れていただけるとうれしいです(他力本願:ase:

コメント

09.08 '05 17:42:00 佐藤(な)
スマイリーアイコンの追加が簡単なので、今後はアイコン単体を作っていきたいと思います。:roll:
09.08 '05 20:58:51 佐藤(な)
:[]=:[:chin:の3つを追加しました。
プラグインの初期アイコンにも入れておきました。
あんまり多いと逆に使いにくいかな:?:
09.10 '05 20:58:38 佐藤(な)
:hahaha::!!::heart::**:の4つを追加しました。
不要なアイコンも管理ページで簡単に削除できますので、どんどん増やしていきたいと思います。
10.29 '05 18:35:24 smallstar
:-P こんにちは~
しばらくNucleusから離れているあいだに使えるプラグインがでていてうれしく思います:hahaha:
そんなNP_znSmileyを使わせていただくことにしました。ありがとう御座います。
一つ要望ですが、画像の上にカーソルを持っていくと説明が出るようになるといいかな~、もちろん編集もできるように。
10.29 '05 18:51:09 佐藤(な)
smallstarさん。
:chin:はじめまして!

> 一つ要望ですが、画像の上にカーソルを持っていくと説明が出るようになるといいかな~、もちろん編集もできるように。
「説明」といいますと?
例えば、「チンチラ」とか、「ガーン」みたいな感じでしょうか?
10.29 '05 19:44:17 smallstar
はじめましてです
そうです:mrgreen:
順番にウインク,ケラケラ,泣き,デビル,デビル笑
といった感じ、titleやaltで指定するとツールチップとしてポップアップするあれです。
10.29 '05 20:42:14 佐藤(な)
なるほどー。
んー、プラグインへの実装としてはそんなに難しくないですが(ただしテーブルに新しいフィールドが必要)、各アイコンを何と表現するかが難しいですね。:ase:
かなり悩みます。:roll:
ところで、
smallstarさんのブログって、「ワ」っていうんですね。:!!:
このブログと同じ。これは「wa」ですけど。
10.29 '05 21:16:47 smallstar
アイコンを何と表現するかはセンスが問われますよね
ほんとは英語で表現できるといいのでしょうけど。。。:[]

いい表現がうかばないものは:[]みたく、顔のままにしておくのもありかな~(こちらがその例です、WordPressですが。 ttp://www.hyperpup.com/main/archives/306/)。

:**:ブログ名同じっていうのは親近感わいていいかも:oops:
もともと『ワクワク』としてたのですけど、ある日短縮表記というのが流行りまして『ワ』になってしまったのです。
10.29 '05 21:44:45 佐藤(な)
> いい表現がうかばないものは:[]みたく、顔のままにしておくのもありかな~
あー、それ良いですね:-P
これなら、テーブルのフィールド追加もいらないし、っていうか、もう実装しちゃいました。

smallstarさん、FireFoxなんですね。
僕もそうです。気が合いますね。
10.29 '05 21:50:29 佐藤(な)
あ、ツールチップするのアイコン一覧にだけですけど。
プラグインのダウンロードファイル(.zip)更新しておきました。
ソースコード内に、アイデア提供者として、smallstarさんのお名前と、サイトURLも入れておきました。
10.29 '05 22:51:37 smallstar
早速対応していただきありがとう御座います:wink:
えぇ~と、まずダウンロードファイルが指し換わっていない?ように思います、ZIP内のファイルのタイムスタンプが10/10でしたので:ase:
つぎに佐藤(な)さんとこの一覧拝見しました、そうそうこれこれ。でも一覧以外にもコメントの部分でもツールチップとしてポップアップさせたいのです(アクセシビリティに対応させたい)。

ソースコード内に・・・たいしたアイデア出ませんけど:ase::ase::ase:

FireFoxは使いやすいですよね拡張機能のWeb DeveloperやSageが手放せません:heart:
10.29 '05 22:56:40 佐藤(な)
??
今、ダウンロードして確認しましたが、10/29のファイルになってました。
ブラウザのキャッシュでしょうか?

> でも一覧以外にもコメントの部分でもツールチップとして・・・
了解しました。
少々お待ち、おくんなまし:-P
10.29 '05 23:06:57 佐藤(な)
はいはーい!
コメント・記事内のアイコンのalt属性にも、入れときましたよー。:-P
ダウンロードファイルも上書きしておきました。:!!:
10.29 '05 23:07:32 smallstar
キャッシュだったようです、IEで落としなおしてみたら10/29のものが無事落ちてきました:hahaha:
10.29 '05 23:11:40 佐藤(な)
返事や参照を意味する、
>
を、付けた行は、別の色で表示したり、他の機能も付けてみようかな。
と思ったまま、放置してたり。:ase:
近いうちに実装します。
よろしくです。:chin:
10.29 '05 23:40:39 smallstar
それ面白いですね

のある1行をオプションで指定したタグで囲うようにして、オプションでclassを指定して、CSSでスタイルを決めて、いい感じ:heart:
他の機能の案ですがカラーバーいうものもよいとおもいますよ
参考 ttp://4160.com/archives/2005/01/01/291/
>近いうち・・・
楽しみにしてますね:mrgreen:
10.29 '05 23:58:06 佐藤(な)
ちまたのブログサービスでは、アイコンとか、色変更とか、機能てんこ盛りですもんね。
Nucleusに、そういうのがないなら、実装するのも良いかも知れませんね。
シンプルを好む方もいらっしゃるから、オプションで機能選択できるようにしたり。
BBCodeを実装しちゃうってもの良いかも。
10.30 '05 00:18:36 smallstar
ブログサービスの類はすごい勢いで投稿機能関係がてこ入れされていきますからね、他は・・・=:[
BBCodeの一部は一度実装したことあるのですが・・どうにも本体に手を入れすぎて、本体のバァージョンアップ時に大変なのですよね=:[
切り替えとかも容易にはできませんしね、そんなわけで今のブログにはつけてないのです。
上に書いたカラーバーも時間ができたらソースでも見てみようかとおもってはいたのですが、がががg・・・・:[]
ttp://small.littlestar.jp/doki/index.php?itemid=158
10.30 '05 00:27:29 佐藤(な)
いやー、すでに色々あるんですねぇ。:oops:
ブログ暦半年ちょいなもんで、すんまそん。
10.30 '05 00:44:53 佐藤(な)
ページ見てるうちに、だんだん思い出してきました。
前に、NP_Bbcode見たことあるような気が。。。
smallstarさんのプラグインだったのですね:-P
10.30 '05 00:54:43 smallstar
ブログ暦半年でここまで出来るとは:!!:すごいですね
わたしもダンダン思い出してきました、NP_Bbcodeつくったような気がします(笑
ほんと既存のものの寄せ集めですから、使い勝手は考えられていません:[]<=これお気に入り
10.30 '05 01:03:17 佐藤(な)
全然そんなことないです。

> NP_Bbcodeつくったような気がします(笑
いやー、本当に失礼ぶっこいちゃいました。すみません。
それにしても、すごい偶然ですね。
NP_Bbcode作った方に、
「BBCodeを実装しちゃうってもの良いかも。」なんて言っちゃうなんて。(笑
smallstarさんとは、本当に気が合うのかも。:heart::oops::heart:(←気持ち悪いって:hahaha:

なんか、チャット状態になっちゃってますね。
10.30 '05 01:19:21 smallstar
いえいえ全然問題ないです、1つのプラグインインストールするだけで使えるようにできれば良いのですけど。。。私には無理っぽい:roll:

おもしろい使い方ですねこれ:!!::[]:!!:
記事を見返していたらSNSキヌガサとかでてきてる:!!!:
まさかうちと同じロリポップサーバです:?:SNSは私の場合はキヌガサからmixiに乗り換えてしまいましたけど、サーバーは今もロリポです、DB重いので乗り換えるかも知れませんが:hahaha:(ロリポおじさんさようなら5ヶ年計画)
私チャット好きなのでオカクゴ!!(ェ
10.30 '05 01:23:43 佐藤(な)
そのまさかです。ロリポです。
更にSNSは、キヌガサからmixiに乗り換えつつあります。
しかも、ロリポから移転準備中です。
恐ろしいほど、共通点が・・・:!!::[]:!!:
10.30 '05 01:45:23 smallstar
や・ば・い8-)
もしかして双子だったのかも(違

たとえばですがNP_Starというプラグインがあります、星をつかったランク表示を記事中にするものなのですが(こんなかんじ★★☆☆☆)、ソースはNP_Smileyとおなじで文字をimgに置き換えしてるだけぽいのですが、こういったコメントには使わないけれどITEMでは使うような物もあるといいかなと。
コメントの一覧表示にはださないでITEM投稿時には一覧に表示されるとか、そういう使い方。
方法として一覧に表示するかどうかのフラグをITEMとコメントで立てて、それを元に一覧表示をしてあげる。
10.30 '05 01:50:33 佐藤(な)
単純に、「★」、「☆」、「半分の星」、の3つのアイコンを作るだけだとダメでしょうか?
NP_Starって、外国のプラグインですか?
10.30 '05 02:15:43 smallstar
韓国ですね、ここに説明らしきものが・・・
ttp://ibizkorea.com/forum/index.php?query=NP_Star&amount=0&blogid=1
NP_Starの機能が欲しいというわけでは無いのですけれど、上のようにできたら拡張性高くていいなとおもったので、言ってみました:lol:
それにしても韓国語ってだけど怪しさ満点におもえるのは気のせいでしょうか:twisted:
ここではISBNと併用してアマゾン:?:の様なサイトへのリンクに使っているようです。
10.30 '05 02:21:25 smallstar
3つのアイコンを作るだけだとコメントのアイコン一覧にも表示されてしまうので、それを防ぎたいということです:chin:
10.30 '05 02:24:31 佐藤(な)
コメントから、
「この記事、★☆☆☆☆」
ってのも、面白くないです?:mrgreen:
10.30 '05 02:56:43 smallstar
うんうん、いいですね
他には『Download』画像とかをつくってNP_LinkCounterのリンクに貼るとか、記事内で使いまわす画像を使ってる場合はいいかも(例として会話ようの顔アイコンとか)、まだまだ使い方が出てきそうですね:-D
10.30 '05 03:08:23 佐藤(な)
何気に、">"の色変更、もう実装してます。
あとは、全角で、">"とした時に対応するだけです。
10.30 '05 03:29:35 佐藤(な)
全角の">"にも対応しました。
もう3時半、ドキュメント書く気力ないので、:ase:
明日アップします。
では。:!!:
10.30 '05 03:46:26 smallstar
おお:!!:
お疲れ様です:wink:
11.21 '05 23:15:18 ichirou
ichirouです。私のサイトへコメントありがとうございます!

スマイリー・アイコン使わせて貰ってます。
自分の無機質なブログが彩られた感じです。

あれ?アイコンが増えてますね?
(どこで落とせるのかな?探してみます)

アイコン、今度リクエストさせて頂きますね:)
まずはお礼まで。
11.21 '05 23:23:24 佐藤(な)
ichirouさん、どうも。
> あれ?アイコンが増えてますね?
はい、今できたてホヤホヤです。
NP_znSmileyをバージョンアップしました。
今、ちょうど記事を書いている最中です。
今日中にアップできるかな:roll:
:*o*::star1.0::star0.5::star0.0::ahhh:追加しました。
01.24 '06 22:52:43 rish
rish@初心者:beginner:です。
投稿したのですが、いつの間にか削除されていましたので再投稿させていただきます。

znSmileyを個別アイテム上のNP_EzCommentプラグイン上でも表示したいのですができますでしょうか?できるなら具体的に教えていただけませんか?
01.25 '06 08:16:45 佐藤(な)
あれれ、
削除してませんよー。:lol:

http://wa.otesei.com/item/287
:arwtop:こちらの記事ですよー。

似た記事が多いので、分かり難いですね。
各記事の、コメント追加状況を、RSSで配信(コメントフォームの下です。)してますので、それを使っていただくと便利かもしれません。
トップページに「最新コメント一覧」を表示するようにしようかなぁ。:roll:

コメント追加



プレビュー

コメント追加通知RSS:
↑このフィードをRSSリーダーに登録しておくと、この記事へのコメント追加をチェックすることができます。
コメント追加後の、返事待ちなどにお使い下さい。
なお、コメントチェックの必要がなくなった際には、このRSSを削除して下さいね。
不要なトラフィックを避けるために、ご協力お願いいたします。

トラックバック

トラックバック
Ichirou&#039;s...weblog
スマイリー・アイコンが使えるように!: ここ最近、珍しく仕事が忙しくてなかなか記事をエントリーする事が出来なかった。 Nucleus自体も放置状態だったので何か簡単に出来る物はないかとwaさんのサイトを探していたら...コメントフォームにスマイリー...
2005/11/19 21:09
このトラックバックURLを使ってこの記事にトラックバックを送ることができます。 もしあなたのブログがトラックバック送信に対応していない場合にはこちらのフォームからトラックバックを送信することができます。.
トラックバックURL:
znBackup znItemFieldEX znCustomAdmin znBackup znSmiley znShowDraft znSpeedCubing znKeywordLink znCommentRSS znCCitation znItemParts znMCList znHatenaExist znQuestionnaire znFlash