About this site

 『PiRan.』と申します。(旧表記:『ぴらん。』)
 趣味人による趣味人のためのテンプレートと画像素材の配布サイトを予定しておりますが、今のところまだコンテンツが揃っておりません。
 ぼちぼち、ALICE+さんのユーザーテンプレや【素材を探す】で制作物を公開していきます。
 過去ナノさんで公開していたテンプレもALICE+さん仕様に作り変えて公開していこうかと思います。


 管理人の制作環境は2017/06/28現在、以下の通りです。
スマホ:Android4.4.4(2015年春モデル)/Android7.1.1(2017年夏モデル)…Sleipnir/Boat Browser/Angel Browser/Chrome58.0/Firefox38.0
パソコン:Windows8.1…IE11/Firefox54.0/Chrome59.0
タブレット:iPad mini(iOS 10)…Safari/Chrome
 なおフィーチャーフォン(いわゆるガラケー)は持っておらず、実機での表示確認は行えません。
 このサイト自体、フィーチャーフォンから閲覧するとデザインが大変簡素なものになり、一部使いづらいレイアウトになっているかもしれません。
 リンク切れなどが発生していましたら、閲覧環境(使用している機種、ブラウザ)の情報を添えてご連絡頂けると幸甚です。

Concept


メインコンセプト

 『趣味人による、趣味人のための、個人サイト用テンプレ・素材配布サイト』がこのサイトのコンセプトです。

 このサイトは管理人しちの『HTMLやCSSに詳しくない人でも編集や、自分好みのカスタマイズがしやすい構造のテンプレを配布したい!』という願望により立ち上げました。
 自分自身が、HTMLやCSSに不勉強であるにも拘わらずデザインにもなるべく妥協したくない人間なので、素敵なテンプレを見つけても「この色だけ変えたいな……ここの文字だけ大きくしたいな……リンクの装飾変えたいな……」と色々アレンジしたかった時代がありました。
 自分の他にもそんな風に思っている人がいるのならその手助けができたらいいなあ、という動機でできたのがこの『PiRan.』です。

『個人サイト用』テンプレとは

 『個人サイト用』というのは、『企業サイトなどのような宣伝・集客に有利で効率的な構造のHTML及びCSSではないが、趣味の個人サイト用ならば十分なHTML構造のデザインである』という注釈を省略したものです。
 実際のWEBデザイナー等専門家からすると些か不要なタグ、時代遅れのタグなども使用しますが、『なるべくHTMLやCSSに不慣れな方でも編集しやすいように』、また『フィーチャーフォンからの閲覧でも著しい表示崩れが起こらないように』、あえてそう書いています。
(※「ここはこう書いた方がいいんじゃ?」といったご指摘があればどうか宜しくお願いします。参考にさせていただきます!)
 それと私自身は別にWEBデザインの専門家でもなんでもなく本当に趣味の我流でやっているので、自分がきちんと説明できる範囲内のものしか使わずデザインしております。

Javascriptは基本不使用

 Javascript、jQueryはテンプレでは基本的に使わない方針です。(ある程度知識がないと編集できないですし、不用意に触って記述が崩れるとサイトの表示自体に関わるかもしれないため)(それと、これらはフィーチャーフォンでは機能しないので)
 これらを使うと動きのある華やかなサイトにできますが、やりすぎるとページが重くなりかねませんし、フィーチャーフォンとの表示差違が大きくなりすぎて、『ガラケーからだと、あるはずのリンクが表示されてなくて全然サイトのコンテンツを見られない……』などの事態を引き起こしかねません。
 HTMLのタグ構造を見るだけでどの環境(スマホ、パソコン、フィーチャーフォン)でどんな表示をされているか概ね把握できるという人以外は、あまり凝ったことはしない方がサイト訪問者のためになる……と私は考えています。
 なので『HTMLやCSSに不慣れな方』を対象とするつもりの当サイトではあまり扱わない方針です。
 使用する際は改変の諸注意を都度添えさせて頂きます。

対象とするユーザー層

 管理人の独断と偏見で、当サイトのご利用をお考えの皆様のかなりの割合が『個人的なモバイルサイト』を目的としてらっしゃるだろうと考え、デザイン性・利便性の優先順位はスマートフォン>パソコン>ガラケーで組み立てております。

 全テンプレ、『スマホ、パソコン向け』のデザインが主です。(そもそも管理人がフィーチャーフォンを持っておらず、デザインを確認できないので……)
 フィーチャーフォンは、そもそも各キャリアで生産が停止したり、ガラケー用通信回線が終了したり、純粋なガラケー(iモードやEZweb)は今後減ることはあっても増えることはまずないかと思います。
(※以下、純粋なガラケー[=2015年以前に生産されている、OSもガラケー仕様のもの]に関しては『ガラケー』、見た目はガラケーでもOSはAndroidのものは『ガラホ(ガラケー+スマホ)』、ガラケーとガラホ両方を指すときはフィーチャーフォンと記述します)
 古いガラケー向けのサイトデザインにするとスマホサイトとしてはデザイン性に大変乏しくなる(CSS3が使えない)、ガラケーブラウザは機種の新古・キャリアの違いで表示差異がかなり大きくデザインが難しい……ということから、あまり古い機種に関してはデザイン性を追求しない方針です。

 当サイトのデザインは、『スマホ、パソコンではほぼ同じデザイン。ガラケーからも表示はできるが、こちらは可読性と編集難度を易しくすることを優先してデザイン面では簡素に』を目標にしています。
 かつ、パソコンでも『IE8などの古いブラウザでのデザイン再現は切り捨て』です。
(※古いブラウザでは表現できないデザインというものがあります。それを対応させるJavascriptなどもあるのですが前項の理由により省いています。なお、古いブラウザからアクセスしても、デザイン性が低下するだけでページの表示には問題ありません)
 Internet Explorer8は既にサポートも終了してセキュリティー上脆弱なブラウザとなっているので、今後増えることもなければ現時点(2017/06/28)でも日本国内のシェアパーセンテージが一桁を切っており、無理に対応する必要性はないだろうという判断です。
※ガラホについて
 2015年以降に発売されたフィーチャーフォンには『ガラホ』というものがあります。
 これは『ガラケーにスマホのOS(Android)を搭載したもの』です。ガラホでは、スマホ・PC用のサイトを閲覧できます。
 ユーザーエージェントは当然Androidなので、Webページ上では『スマートフォンと認識される』そうです。……が、ALICE+の端末別表示振分けがガラホをどのように処理しているのかはこれを書いている時点では謎です。多分スマホ扱いになっているのだと思うのですが……。(管理人の身近にガラホ所持者がいません……)
 情報提供者を募集中です(切実に)。
 デザイン性切り捨て範囲は、これも『趣味でやる個人サイト向け』という前提で決めています。
 古い端末への対応、SEO対策等のご相談は、専門知識がありませんので当方ではお応え致しかねます。
 企業・商業用HPのような幅広いユーザー層を想定しているサイトのデザインでは無いことをご了承下さい。

How to use

 当サイトのテンプレは、主に無料レンタルHP作成サービス「ALICE+」さん向けのものです。
 ALICE+のユーザーテンプレとして公開しているものが主となります。
 それ以外のレンタルサービスでのご利用に制限はございませんが、当サイトのテンプレはALICE+独自タグや仕様に合わせて制作しております。他レンタルサービスでのご利用に際し表示崩れ・動作不全などが生じても対応致しかねます。ご了承のほどよろしくお願い致します。
 一応、「ナノ」さんでもいくつかテンプレを公開していました(昔)。今後ナノ向けのCSS・HTMLも併記することがあるかも知れませんが、未定です。
 管理人は今のところ「ナノ」さん、「ALICE+」さんしかレンタルしたことが無いので、その他のレンタルサービス向けのテンプレは作る予定がありません。ご質問があってもお応えできないかと思います。
 テンプレご利用に際しご不明な点がありましたら、メールフォームよりよろしくお願い致します。
 返信はブログにて行わせて頂きます。
 なおテンプレの表示崩れ等、タグ・デザインに関する質問の場合はHTML・CSS・HEADをお教え頂かないとお応えできない場合もあります。それと、差し支えなければ「HPを作った経験があるか・ある場合、今まで使ったことのあるレンタルサービスは何か」などもお教え頂けると、説明文が多少伸びたり縮んだりします。
 ここまででお察しかと思いますが、管理人の書く文章は、長いです。誤解の無いよう一から十まで書いているせいです。なのでせめて、例えば「ナノからALICE+へ移ってきた」という方からのご質問でしたらナノさんの仕様はご存じと考え、ALICE+との差違を中心とし、最低限のことしか書かない……という風になるべく端折ろうかと思います。
 そういうわけで、デザインに関するご質問の際はHP制作の経験等を書き添えて頂けると、凄まじい長文は回避……できると……思います……多分……。

Owner

 酒と柴犬が好きな東北人(ずんだは飲み物県)。
 考えてみれば「テンプレ作りたい」と言って○年経っている気がします。あの頃よりはガラケーや古いIEのシェアも減ってHTML5・CSS3が主流になった分、楽になったなあ……。そういう年齢です。
 なお、Webデザインは趣味の独学。
 ついでに言うと、夢見がちな上に腐っているという手に負えない奴です。
 応援や、ちょっとしたご連絡の際は拍手からよろしくお願いします。こちらも返信はブログにて行っております。