卒製で作ってるサイトの備忘録的な
サイト全体で、brタグ勝手に入っちゃうと困るから、それを削除したよ
テーマファイル（今回はwp-content\themes\default\functions.php）の中身をいじった
このファイルの最後に
function ks_remove_br ($content){
$content = str_replace(’
‘, “”, $content);
return $content;
}
add_action(’the_content’, ‘ks_remove_br’, 1000);
を足して、brが入らないようにしたよ
今回参考にしたのは
http://az-store.nrym.org/download/extend/wp-clean-excerpt/
http://818.crz.jp/2009/06/21/wordpress-custom_p-br/
この記事をツィッターでつぶやく
各画像はクリックで大きくなるよ
４番の詳細
- ネームサーバー 1 → NS1.NAID.JP
- ネームサーバー ２ → NS2.NAID.JP
- ネームサーバー ３ 空白でＯＫ
- ネームサーバー ４ 空白でＯＫ
バリュードメイン
ブログのアドレスをwww.molamo-labs.com.blog/に設定
アドレス変更
前アドレスに表示するページ↓
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>webクリエイターの雛</title>
<style type="text/css">
body{text-align:center; color:#666;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
a:link a:visited {
color: #009;
text-decoration: underline;
}
a:active {
background-color:#99F;
text-decoration: underline;
}
</style>
</head>
<body>
<h1>サイト（blog）を移行しました。</h1>
<p>数少ないサイト訪問者の皆様、こんなヘンピな場所へどうぞようこそ！</p>
<p>大変申し訳ないのですが、下記アドレスに移動しているので、気が向いたらクリックして、駄文をお楽しみください。</p>
<p><a href="http://www.molamo-labs.com/blog/">http://www.molamo-labs.com/blog/</a></p>
</body>
</html>
これをハッスルサーバーにindex.htmlというファイル名でｗｗｗディレクトリ直下にアップロード
これは、前からやってたけど、一応書いておく
この記事をツィッターでつぶやく
イヤー、機能、移行したばかりのこのブログちゃんですが、結局、ドメインをまた取り直しました・・・。
だって、labよりlabsのがよかったんだもん！！！
後々、ポートフォリオサイトにもしてくから、これにしました。
ポートフォリオにするなら、こんなアホ見たいなブログは、路線を変えなきゃなー。なんて思ってみたりｗ
http://www.molamo-labs.com/blog/
うん。いい
この記事をツィッターでつぶやく
えー、やったつもりでいたsitemapの登録をどうやら怠っていた模様・・・
今回も神様に助けてもらっちゃった・・・。
ごめん神様・・・。そしていつもありがとう
（神様ってのは、同級生でいつもお世話になってるいい人です。この人いないと、勉強の速度が1/10位になります。）
えー、今回参考にしたのは以下のサイト↓
http://futuremix.org/2007/04/goole-sitemaps-generator
この記事をツィッターでつぶやく
今日も今日とて、バナーしこしこ作っておりますよ。
今日はとりあえず、カメラの120*600がひとまず完成＆ケータイの120*240の作り直しが完成。
毎度の事ながら、同じクラスのS君にアドバイスを頂きながら作っていました。
ちょっと、製作に飽きて、プラプラとネットしてて、見つけたバナー関連連の面白サイトを以下に
c-teamはとりあえず登録しちゃったｗ
フラッシュバナーとかはまだ作れないけど、とりあえずねｗ
BannerSnackはなかなかすごかった。
サイト自体がきれいなのもそうだけど、操作もとてもしやすかったし、さくっとバナー作れちゃうから、自分のサイト充実してきたらたくさん作ってみたい。今回の課題とかも、オブジェクトの配置とか動かし方とかのインスピレーションを得るには丁度良いかも。
にしても、ジェネレーター系って、ホント今すごいの沢山あるなぁ・・。ユーザーはブラウザさえあればソフト要らないんだもん。昨日知ったHobnox Audiotoolもすごかったし。
やっぱりウェブは面白い！
この記事をツィッターでつぶやく
今日の授業はとっても面白かったので、とりあえずメモメモということで、エントリー
授業のカリキュラム表には、【Webインターフェイス】ってタイトルで書いてあったから、てっきりインターフェイス・ユーザービリティ系の話かと思い込んでいた。設計・コーディングの授業まだまだなのに、どんな授業なんだ？と思ってたし。
そしたらどっこい、タイトルの通り、今日はサイトを作る上でのワークフローのホントに基本的な所から丁寧に説明してくれて、とても面白い授業でしたよ。
こう、半年とか、１年とか、短いスパンで技術を詰め込み教えてくれる学校とかだと、初心者から始めた私のような人は、とかくデザインから入って、そのサイトを作る目的とかコンセプトとか、ベースになるものを忘れがちなんだけど、やっぱりそれはとっても基本になるものなので
やっぱりそれを最初に決めて製作にあたらねばと、聞くと当たり前だけど、なんか忘れがちなことを釘刺されました。
後は、ディレクトリリストの作成が重要だということ
制作会社さんだと、やっぱりページが単価になるから価格を決める面でもそうだけど、チーム単位で動くときも、ちゃんとした骨組みがないとだもんね。
ディレクトリリストはやっぱりエクセルで作るのが一般的ようでした。エクセルで作った後に、HTMLで書き出して、作ったページ毎にリンク貼って、プロジェクトメンバーとクライアントで確認しあうのも、なるほど！っと思いました。参考にして、グループワークに応用したいと思います。
そうそう、グループワークはGoogle Calendarつかってやろうと思ってた。どうだろ。
ディレクトリリスト作るときの注意点だけど、基本、１フォルダに対して、１html作れとのこと。んで、html名は基本index.html
ほうほう、にゃるほどと思いました。肝に銘じます。もちろん、ニュース更新情報とかはどしどしファイルが増えてくので、それにあわせた名づけ方（yymmddのような）が好ましいとのことですが。
あと、ファイル名は長いと重くなるから、わかりやすくかつ短くがポイントみたい。ケータイサイトはその辺シビアに考えて作らねば！
んで、ディレクトリリストを作ったら、すぐに空でいいからフォルダ作って整理しておこうとの事です。確かに、Web製作って、納期の最後の最後まで付け足しだ増えてくから、最初にバシっとページ数を決めて動かないと、いつまでたっても終わらないもんね・・・。
んで、クライアントとやり取りするときは、案件用フォルダを用意。中身は以下の感じ
これをバシッと用意して、プロジェクトチームで共有してクコとが大事なのね。フムフム。今日の授業は参考になるなぁ・・。
んでんで、ディレクトリリストができたらそれを元に画面構成図（ワイヤーフレーム）を作成。毎年、この作業まで完璧にできる生徒は少ないのだとか・・・。時間なかったりでね・・・。
私はがんばるぞ！！！ちゃんとワイヤーフレーム作ってからデザインに入れるように！ 現状の課題の時点で、絵コンテとかかけない私にそれができるのか、不安だが・・。
でも、ちゃんと、富士フィルムのサイトに来たくなるには？ってのは考えて、コンセプトリスト（ただの箇条書きとも言う）は用意したけどね。
仕事するときに、気をつけなきゃならないのは、【相手に考えさせない】という事みたい。
ちゃんと、ディレクトリリスト、ワイヤーフレーム、サイトマップを細かく作って、見てわかるようにフィックス作業をクライアントを重ねるって事ですね。
そうやって、丁寧に仕事することで、作って終わりではなくて、その後の運用管理・ログ解析をしてあげて、ちょいコンサル的な知見からアドバイス＆次の仕事にってのはいいねぇ。
長くなったけど、今日の授業で釘刺されたのは以下の点
課題ひとつ一つにも下記の全工程順をおって踏む
- サイト・コンテンツ・アプリ←これらを作る意味・目的を考える
- クライアント・作る店舗の扱うコンテンツを確認しておく
- 案件リストを作成する
- ディレクトリリストの作成
- サイトマップの作成
- デザイン
- コーディング
これを毎回やっておけば、ポートフォリオに完成品だけじゃなくて、製作工程（ディレクション的なスキル）も見てもらえるし、デザイン系の学生に対して、別の部分からアプローチもできるし、何より実際の現場で役立つし、今の段階から、気をつけて行動してみようと思う。
この記事をツィッターでつぶやく
今日もこつこつ＆雑談も含め自習していました。
ひとつの作業を続けるのは集中力持たないので、こっち手を付け、あっち手を付けと色々と遊んでました。
とりあえず今日やったのはこんな感じ
ホントにチョコチョコやってて、全部中途半端ｗ
これは時間かかるし、1日○時間と区切って、毎日少しずつブラッシュアップしてゆこう・・・
今日の残骸 ロゴ用検討
追加：今まで、学校のPCにフォント追加できなくて困ってたんだけど、TAさんに教えてもらったら簡単に問題が解決したｗ
今までインストールできないのは、管理者権限がないからだとばかり思い込んでた！やっぱ、ちゃんと質問しないとですなｗ
途中、最近仲良くしてもらっているSさんに質問しながらマイペースにやってました。Sさんお仕事中にどうもありがとう！
なんやかんやで、ケータイサイトの話したり、会社の人とかとチャットしてたりとかで
今日もマイペースに遊んでいるような感じで1日学校にいました。
まあ、少しずつは着実に進歩しているということで～ にょふ
この記事をツィッターでつぶやく
ハッスルサーバーにWordPressを設置する時に、
少々てこずった所があったので、覚書を下記に。
wp-config.phpの編集
レンタルサーバーで設定したMySQLに関する情報を、WordPressの設定ファイル【wp-config.php】に記述。
ファイルを開いたら、下記の◆A～Dの部分を編集する
// ** MySQL settings ** //
define(’DB_NAME’, ‘◆Ａ‘); // The name of the database
define(’DB_USER’, ‘◆Ｂ‘); // Your MySQL username
define(’DB_PASSWORD’, ‘◆Ｃ‘); // …and password
define(’DB_HOST’, ‘◆D‘); // 99% chance you won’t need to change this value
define(’DB_CHARSET’, ‘utf8′);
define(’DB_COLLATE’, ”);
◆A: DB_NAME＝MySQLデータベース名を書く
◆B: DB_USER＝MySQLユーザー名を書く
◆C: DB_PASSWORD＝MySQLパスワードを書く
◆D: DB_HOST＝MySQLサーバー名を書く
◆DのDB_HOSTここでつまずいてた。
ここにｌocalhostって入力しちゃてた。
ここには、ハッスルさんで設定した自分の使うMySQLサーバの名前を入れなきゃいけなかった。
ハッスルサーバーのMySQL設定の画面の画像
この記事をツィッターでつぶやく
レンタルサーバーを借りた後、ではそのサーバー上に何を置こう・・
とりあえず今の私のスキルでは、ブログが精一杯では・・・・
という事でひとまずブログを始める事に。
Movable TypeかWordPressか迷ったけど、オープンソースで無料だし
テンプレートファイルやプラグインが多い点からWordPressにしました。
(MTも個人利用ならライセンス無料みたいだけどね。結局はどっちでも良かったんだけど。)
この記事をツィッターでつぶやく
レンタルサーバーというものを始めて使ってみた。
きっかけは、曲がりにもWeb屋さんを目指すなら、自分のサイト位はもっておかないとなという思いから。
いきなり自分でWebサーバーおっ立てるスキルとお金はないので、気楽に始めるためにもまずはレンタル。
今回使ったのはハッスルサーバーという面白いお名前のレンタルサーバ屋さん
価格面で検討して、ナウでヤングなとこと迷ったけど、こちらは老舗で人気なのでサーバー１台あたりのユーザーがとっても多くてレスポンスが悪い場合があるとの事。
今回はお値段と容量と充実したサービス内容からハッスルさんを利用することにしました。
ひとまずは１０日間無料トライアル期間あるからそれで使ってみてます。
(まあ、たぶんその後もこれを使い続けると思うけど)
この記事をツィッターでつぶやく
