フェンリル

Developer's Blog

【Sleipnir スキン制作講座-10-】「最終回、残っている様々なアイコンたち」

スキン制作講座-10-
フェンリル、スキンの人こと堀江です。
先週リリースした Crwth 正式版 にたくさんのダウンロードをいただきありがとうございます!今まで出したスキンの中で私自身も一番好きなスキンに仕上がったので、こうやって皆様に提供できて嬉しい限りです!
さて、年明けから行ってきたスキン制作講座も今回で最終回を迎えます。残りのスキンフォルダトップに入っているアイコンたちを説明していきます!!


さて、今回も、前回まで作った好きなスキン名のフォルダを開いてください。
今まで触れませんでしたが、skin.ini ファイルと同階層に6個ほどアイコンがあると思います。
最後に、その6つのアイコンたちを解説していきます。
アイコン6種
まず、「expanded_folder」「folder」と、お気に入りの整理の際に使われるアイコンですが、16*16pxで左から順番に作っていきます。こちらは作れば作るほど、お気に入りの整理のアイコン変更に反映されます。3種類のアイコンで表現したい場合は、48*16px などで作ってください(サンプルでは240*16px の15種類になっています)
続いて、オプションなどのダイアログに出てくる「OK」や「キャンセル」に付加する「icons」になります。いろんなダイアログで出てきますので、それぞれのアイコンがどれに対応してるかを確認し、16*16px のアイコンを順に作ってください。
それでは最後になりますが、アイコンをそれぞれ説明します。
【スキントップフォルダ】
・expanded_folder:お気に入りパネルなどで開いた状態のフォルダアイコン
・folder:お気に入りパネルなどで閉じた状態のフォルダアイコン
・icons:各ダイアログ等で表示されるアイコン
・page:ファビコンのない一般ページ用のサイト表示アイコン
・preview:スキンダイアログでのプレビュー画像
・skin:スキンダイアログでのスキンアイコン
さて、一通りスキンがどのような画像の組み合わせによって作られているか解説していきました!いかがだったでしょうか??今後ちょっとしたスキン制作の小ネタ画像の作り方など不定期に紹介できればと思います。これからも、Sleipnir への応援をお願いいたします。
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

【スキン制作講座バックナンバー】

Facebook コメント

コメント

Kei_92008年04月17日 21:55

Skin 作成講座の執筆、お疲れ様でした。
今まであえてコメントをしていませんでしたが実は楽しく見させていただきました。
ということで今までの分、まとめてコメントさせていただきます(笑)
デベロッパー陣が不定期に執筆するブログの中ということもあり集中して連載することは難しいだろうと思っていましたが、何とかまとめることができたようで良かったです。
ただ、本文中に過去の記事へのリンクがあるのでとりあえずはOKでしょうけど、せっかくのマニュアルがブログの中でだけしか参照されないのではもったいないのではナイかなと。
そこでヒトツ提案が。
IEPanelEX利用のAboutConnection内か同様のHowToプラグインを新たに起こして、各種プラグインページへのリンクやSkinページへのリンク、さらにその下にこの講座へのリンクを順序よく追加するというのはどうでしょう。
(自分で作ってみようかと思ったけど大きなお世話な気がしたのでボツりました(汗 )
あとヒトツ、要望めいたことを。
Wikiのデータの参照だけに頼っていると今回みたいな荒らしによる行為で利用できなくなる恐れがありますので出来ることならSkinに限らず有用と思われる書き込みのあるページを凍結し、関連項目の追記専用ページを新たに作って凍結したページへ編集可能なページへのリンクを張り、定期的に凍結したページの方へ必要なものだけを追加するといったようなことはムリでしょうか。
Wikiの管理という手間が増えますし、そもそもWikiの編集方針が現状維持ということならば仕方がないですけど・・・
上記がムリならせめてdefaultスキンのskin.iniにコメントされている内容をHTMLの表にして"利用できる引数の種類を解説"した一覧表みたいなものを追加していただけるとより完璧なものに近づくと思うのですがいかがでしょうか。
(でも、コレに関してだけ対応するということになるとWikiにある他の部分も整理・統合してしっかりとしたHelpページにしていただきたいという意見も出てきそうですが・・・)
AboutConnectionの開発者であり、本来Web担当の堀江さんには釈迦に説法のような気もしますが・・・って、もしかしたらすでに準備されているってことはナイですよね(汗)
長文、駄文失礼しました。

堀江2008年04月18日 14:52

> Kei_9 さん
いつもお世話になっております。
そして、たくさんの暖かいコメントと要望本当にありがとうございます!
読んでいただいてうれしい限りです^^
今回のテーマとして、「スキンがどういう仕組みで出来ているのか?」ということについて、出来る限りシンプルな構成で書いていきました。少しでもこの連載を読んで興味を持って Sleipnir のスキン制作者が増えれればなと感じます。
(どこまで説明できたかわかりませんが^^;)
IEPanelEX の提案すごく面白いと思います!スキン制作講座へのリンクをラボか何かには残そうと思っていたので、こういった提案はとても嬉しいです!タイミングを見て作ってみたいですね!!
>AboutConnectionの開発者であり、本来Web担当の堀江さんには釈迦に説法のような気もしますが・・・って、もしかしたらすでに準備されているってことはナイですよね(汗)
…が…がんばります(汗)

きたの2008年04月18日 14:56

きたのです。
>Kei_9 さん
いつもありがとうございます!
Sleipnir Wiki に関してなのですが、ユーザーの方の善意で
作りあげられたものであるため、こちら側から凍結するというのは
考えておりません。
しかし、skin.ini の内容含めて、スキンに関連する情報につきましては、
もう少しわかりやすい形で何かご提示できないか、検討させていただきます。
また何かありましたら、コメントしていただけますと嬉しいです。
提案ありがとうございました!

toguro2010年06月05日 10:06

堀江様
初めまして、突然で失礼します
toguroといいます。
この数年Sleipnirファンとして愛用してますが
堀江様の堀江ラボでのスキンを見つけ少なからず
ショックを受けました。
いきなりで申し訳ないのですがデザインやセンスは
すごい好きです。ですが、なぜ公式スキンページで
それを出さないのでしょうか?
「一人の開発者として大きく動けない出来ない」
など諸事情があるかと思いますが、大体の方はSleipnirを
ダウンロードし、スキンページを見るだけで終わり
去ってしまうケースもあると思います。
あえてラボのページまで行くまでが手間です。
Sleipnirファンとしてスキンの少なさがイマイチ
使用者開拓のネックになってるのでは?と常々思い、
素人ながら歯痒い感じでした。
使いやすさに惚れ、どのブラウザより優先して私はそれでも
Sleipnirを使いますが、どうか公式にラボの物を追加
することをすべきだと思います。
最後に、一素人が口を出し申し訳ありませんでした。

キヨタカ2010年06月09日 17:31

toguro さん
Sleipnir をご利用いただきありがとうございます。
フェンリルのキヨタカと申します。
堀江に代わり、返信させていただきます。
※ 堀江はラボでも挨拶している通り、昨年末にフェンリルを退職しております。
正式なスキンページで公開しているスキンは、フェンリルにより、美しさと、Sleipnir のどの表示モードでも完動することを基準に品質チェックをし、掲載しております。
堀江ラボにて限定公開しているスキンは、Sleipnir のデザイン「シンプルなインターフェイス」表示のみでしか、その美しさを楽しむことができません。
そのため、正式にするためのブラッシュアップを行う必要があります。
現在フェンリルでは、ちらばっているラボのプラグインやスキンの見直しを検討しております。
その際、しっかりとした品質に仕上げ、みなさんにお届けすることを決めています。
(もちろん、公開できる品質でないと判断したものは開発を中止し、公開を控えることも考えております。)
toguro さんのように Sleipnir を応援してくださるユーザーの皆さんに高い品質で製品をお届けし、
その後もスキン、プラグインの1つ1つにおいて、メンテナンスを行き届かせる、
そういった開発体勢へとフェンリルも取り組み方の改善を行っております。
今回のスキンの件についても、品質改善の後、順次展開を検討しております。
ご意見をすぐにでも反映させたい想いではありますが、品質へのご理解を頂けますと幸いです。
貴重なご意見ありがとうございます。
スタッフ一同で、真摯に受け止めさせていただきました。
今後とも、Sleipnir をどうぞ宜しくお願い致します。

名前(必須)

メールアドレス(必須)

URL

スタイル用のタグが使えます

このコメント欄でのご質問、ご要望には、開発チームから回答できない場合があります。ご質問、ご要望は「User Community」内のフォーラムまでお寄せください。