  |
はてなキーワード: レンタルサーバとは
何を作りたいかというとマルチプレイヤーのブラウザゲームが作りたいんだよね。
俺の開発用のceleron 1コアのメモリ1GB環境では重すぎる。
isoファイルを10000個同時にダウンロードしてるぐらい重すぎる。
ページの読込みがなかなか完了しない。
こんなクソ重いフレームワークはそれなりのサーバスペックがないとパフォーマンスに影響が出すぎるので除外したい。
phpのフレームワーク一般に言えるんだけどプロジェクト毎にプロジェクトルートのなかにフレームワークのコアファイルを置くのがなんか嫌だ。
nodejsはシングルスレッドなので負荷の高いサイトで使うのは厳しそう。
pythonでもgolangでもwebsocketは使えるのでnodejsにこだわる必要もないしvert.xを使う選択肢もある。
日本ではvert.xの話題あんまり盛り上がってないよね。どこかの企業さんが実践で使いましたって記事を書いたら会社の知名度が上がると思う。
scala,golang,elixirこの3つの選択肢でいいのかな。
でも負荷の高いブラウザゲームやってる会社ってrailsとかphpだよね。
redisをうまく活用しとけばあんまりそれ以外でボトルネックとなるようなことって無いのかな。
スクエニさんのオンラインのドラクエもどうやってるんだろうね。
あと海外のブラウザゲームってほとんどがaws使ってるのでaws使えばいいのかな。
でも怖いよね高額料金を請求されたらさ。
金儲けの為にサイトを作らないとawsは使ってられない気がする。
LaravelやCodeIgniterやFuelphpやCakePHPなど、プロジェクトごとにフレームワークをインストールしなければならないので、使い回しが出来ない。
Zend Frameworkはそんなことないが、雛形がないのでルールを決めないととんでもないコードを生む。
限られた容量のレンタルサーバを使うときにLaravelを置くだけで15MB以上消費するのが気になる。
人気なフレームワークLaravelやsymfonyはCeleron 1コア、メモリ1GBの環境では重かった。
当方いちおうWebもやってるエンジニヤーなのでときどき学生の方（デザイン系、美術系が多いです）から相談を受けるのですが、
というのが2大苦労事例みたいな感じです。
もちろんtumblrで実現できない要件も世の中には存在しますがそのような要件は既にデザイナひとりで抱えるような要件ではないので適宜エンジニヤーを捕まえて振りましょう。
注意点としては、インスペクタに表示されるHTMLはJavaScriptなどから動的に書き換えられた結果のHTML（正確にはDOM）です。
逆に言うと、JavaScriptで動的にページを書き換えるような場合にはインスペクタは必須なのではないかと思います。
あとmiのような古臭いエディタを使うのはやめてAtomのようにHTMLタグの折りたたみができるエディタを使いましょう。
突然vimやemacsを薦めてくるエンジニヤーはクソなので相手をしないようにしましょう。（難しいもの薦めてくる人ほど最後まで面倒見てくれません）
情報発信したければ、Twitterに登録したらあとはキーボードに伝えたい言葉を書いてツイートすればいい。友人と連絡を取りたければスマートフォンにLINEというアプリをダウンロードすればいい。自分の書いた絵はpixivに。生放送だってニコニコやらUSTREAMやらがある。
やりたい事に必要な物はほとんど他の人が準備してくれてて、自分はそれを使うだけ。
少し前のインターネットだとこういうわけにはいかなかった。他の人が用意してくれているのはやりたい事のほんの一部で、しかもそれがバラバラに存在していた。
ちょっと情報発信するためのウェブサイトをつくろうと思ったって、レンタルサーバを借りて、HTML書いて、そのファイルをFTPで転送しないといけない。当時コンピュータを触り始めたばかりの俺にとっては「サーバ？FTP？HTML？」ってなってたし、多分最初は何回か挫折してたと思う。
だけど、自分で少しずつ調べて「HTMLはこう書くべきだ」とか「レンタルサーバはどこが広告が少なくていい」とか「FTPはFFFTPを使って～」とか地道に学んでいっていた。そりゃもちろんうまくいかないこともあったし、今から考えれば「なんであんなアホなことしてたんだ」って思うこともあるけど、当時の俺はそれなりに楽しんでいたと思う。
結局何を言いたいのかって言うと、俺が今所属しているコンピュータ系のサークルの後輩たちを見ると、こういう経験をしたことある後輩が少ない気がするのだ。
今までもそんなに多いってわけじゃなかったが１つの学年の中に１人ぐらいはこういう奴が居た。そしてそいつは「できる奴」として将来なんだかんだで部長になる事が多い。
けど最近そういう「できる奴」ってのが極端に減っているのだ。だけど今までコンピュータを触ってこなかったというわけではない。ほとんどの奴はTwitterをやってるし、中にはニコニコの生放送をしてるっていう奴も居た。
だけどそれはあくまで既に用意されたものを使っているだけで、それが「どんな仕組みで動いているのか」とかは気にすることではないのだ。彼らにとっては「ブラウザを開けばインターネットにつながる」し「Twitterに文字を打ち込めば情報発信できる」「ニコニコ動画では生放送ができる」とかいうことが当たり前になってるのではないだろうか。
確かにインターネットは便利になった。簡単に情報も発信できるし、コミュニケーションも取れる。だけどインターネットを便利にした結果、新たな開発者の芽を潰してしまってるのじゃないだろうか。
まだ個人情報保護法が制定されていない位の大昔、俺はインターネッツで「テキストサイト」と呼ばれるようなものをやっていた。
アクセス数は一日50人いれば御の字で、時々テキストサイト管理人同士で気が合えば会ってみたり、オフ会に出たり大学で得られない友人関係をインターネットで築いていた。
侍魂が有名になるずっとずっと前の話だ。
理由はあまりに失礼なメールをもらったから晒し者にしたくなって俺のサイトにその内容を掲載したからだ。
俺も悪かったと思う。
失礼なメールの内容というのは、なぜか知らないけど俺に一方的にメールを送ってきて自分のSEX体験を赤裸々に語るような内容のため童貞の俺は頭に血が上った。
女からだったら喜んで読んだだろうが、相手は男だ。
それで怒りにまかせた勢いから俺のサイトに「失礼なやつからメールが来た」とメールの文面を掲載した。
わざわざ文面をそのまま載せる必要はなかったのに。
そのメールを送った相手がそれを見てファビョって、俺のサイトを2chで晒した。
メールをそのまま載せられた、性格が悪い、著作権法違反だと騒がれた。
俺は悪くないと思っていたが、俺の思いとは裏腹に2chでは俺が悪い事になってどんどん炎上していった。
嬉しい事に当時付き合いのあったサイトの管理人がそれを見て「そいつは悪くない」というように擁護してくれたが、やはり「本人乙」としかならず擁護するような意見が書きこまれれば火に油を注ぐように炎上していった。
当時インターネット上を探しても個人情報などは見つからないような時代だったが、個人情報の管理について企業側が甘かったので「こいつを訴えるから住所名前を教えろ」とレンタルサーバの会社に連絡され、全てばれて2chに載せられてしまった。
おまえらならその後の流れは解るだろう。
スネークとは呼ばれるものの隠れる気が全くないような行動力あるオタクが俺の家に突撃し、ピンポンダッシュをしたり、窓をドンドン叩いたり、家の前でクラクションを鳴らして、名前を叫ばれた。
俺の存在は完全に「悪い事をしたから何をやってもいいおもちゃ」状態だった。
俺が仲良くしていたサイトも荒らされまくり、親しくしていたネットの友人にもかなり迷惑をかけた。
サイトは閉鎖し、メールアドレスも即座に解約、携帯電話もいたずら電話がかかってくるので解約した。
外に出るのが怖くなり、数日学校を休んで家でじっとして2chの俺のスレを見て鎮火していく様子をチェックしていた。
俺の個人情報を漏らしたレンタルサーバの会社に文句をつけようと電話したが電話に出ない。
クソが。
それでも夜になると俺の家に凸するやつが数日いたので警察には相談をした。
だが個人情報保護法がなかったせいなのか、レンタルサーバの会社のことを話したがとくに相手にはしてもらえなかった。
当時インターネットはアナログ回線で普及していなかったが、外の様子を見計らいつつ学校に行くとあの炎上しているサイトの主が俺だとバレたらどうしようという被害妄想にも陥った。
何の知名度もないただの大学生である俺ですらかなり追い詰められた。
幸いなのは写真なんてものをアップしたことがないので、顔写真のようなものは公開されなかった。
とにかく俺が言いたいのは岩手の議員がどうではなく、炎上はヤバいという事だ。
FBは意外と全体公開しているヤツが多いが、ビジネスライクで利用しているのでなければ公開範囲に気を付けた方がいい。
ネットにはキャッシュというものがあるから、炎上した時に消しても遅い。
みんな炎上には気を付けろよ。
【追記】
ネタっぽいというコメントがあったが、実話だとだけ言っておく。
当時「乙」とか「スネーク」という単語があったかは覚えてないが。俺の今の感覚で説明しているだけなので細かい事は気にしないでくれ。
まだ草が生えていなかったという事だけは覚えている。
また、ISDNというのはそれほど普及してなかった。というのはADSLのリリースが見えていたのと、ISDNは月額が高く工事費もかなりかかるので親元を離れて暮らす学生にはとうてい引くことのできない富裕層向けのインターネット回線だった。
学生でもISDNを使っているヤツは親が金持ちとかだった位なので、学生や若者にとってダイヤルアップがまだまだポピュラーだった時代の話である。
本当に家に突撃されるけれど、俺が一番つらかったのは仲良くしていた人のサイトが全て荒らされまくった事だった。
周りの人に迷惑がかかることが一番痛いって解ってて、わざとやられるからな。
本気で気を付けろよ。
オモコロで記事になっていたので少し書きたいと思う。
何故テキストサイトが消えていったか?というのは、ブログやmixiが普及した結果、テキストサイトの管理人たちは時間の経過とともに環境が変わり忙しくなりhtmlを更新するのが面倒になり飽きたから、消えていった…という風に捉えています。
侍魂はおそらくテキストサイトという世界を有名にしたひとつの事件です。
しかしながら、それまでテキストサイトを見ていた人たちにとってはイマイチ面白いものではなかった。
テキストサイトで人気があったのは色々とこじらせている自虐系シュール日記だったと思う。
それとフォントを色々な色を使ってでっかくするのは「ダサい」とされ、顔文字は使わずフォントの大きさはよほどの事がない限り変えずに日記を書くという雰囲気があった。だからこそフォントの大きさが変わることには効果があったのだ。
侍魂を好きだ面白いと言っているのは、当時侍魂が爆発的に人気が出た時にインターネットをしはじめた層なので、それまでシコシコオナニー日記を書いたり見ていたりした人たちにとっては「やめろ、俺たちの隠れたオナニーを陽のもとにさらすのはやめろ！」という雰囲気もあった。
自分は何度かアクセス数の多いテキストサイトの管理人と会ったことがある。
そのことから、当時あの管理人たちは若くて独身だったり、学生だったりで暇だったのだ。
中には女子中学生なのにハッカーとして日記を書いているイタズラっ娘もいた。
ネカマとして出会い系で男を釣り、そのメールを晒す…という内容のものですね。
2chで祭りになったネカマ作戦記、ネカマ道というサイトが有名だったと思います。
それが時間の経過とともに卒業し就職して忙しくなりサイトを構っている暇がなくなったり、ある程度昇進をして仕事が忙しくなったり、結婚をしてテキストサイトをしていた黒歴史を闇に葬ったりしているうちに、少しずつ面白いサイトが更新をしなくなっていき、いつしか消えていったのではないかと推測する。
また、アクセス数の増減だの掲示板のコメントやメールでの感想等に相手をすることに疲れたという部分もあるだろう。
そうしているうちにブログが普及しだすので当時日記サイトをやりたいと思っていてもhtmlを知らなくてできなかったという人たちが日記をはじめた。
テキストサイトというのは日記というよりは管理人によるネタ的文章だったのだけれど「日記サイト」という呼び名だったもので、ブログをはじめた人たちが本当に「ただの日記」を書きはじめたのだ。
本来のネタ的テキストサイトである「日記サイト」よりも「ただの日記」であるブログの数が増えはじめ、当時は「ウェブログを略してブログだからただの日記を書くやつはわかっちゃいねえ」なんて文句をたれる人もいたけれど、結局は「ただの日記」の数に負けてしまい、そうした声も消えていった。
テキストサイトは自分でサーバを借り、htmlで作成したファイルをアップロードし、コメントを書くための掲示板はcgiを設置して自分で設定しアップロードする。
いずれも簡単な素材が無料で配布されていたとはいえ、ブログに比べると非常に面倒くさい作りだったと思う。
広告が嫌だからと自分でレンタルサーバを借りる人も少なくなかったし、その頃一部のサラリーマンはパソコンをいくつか買ってレンタルサーバという副業をしてお小遣い稼ぎもしていた。
でも面倒くさかったんだ。
まったくの素人がNginx＋Bootstrap＋WordPressでWebサービスを作成しました。
オシャレエロサイト「h300」をリリースして、10万PV/日を捌くためにやったこと
http://d.hatena.ne.jp/inouetakuya/20120410/1334058296
http://anond.hatelabo.jp/20120914214121
http://anond.hatelabo.jp/20120930171125
--------------------------------------------------------------------------------------------------------
35歳 今は事務系の仕事をしてます。たまに運転。限りなくパートに近い労働条件ですが、
仕事がないよりはマシですので、続けているわけです。
前（5年ぐらい前）からWebサービスみたいなものを自分自身で作ることができたら楽しいだろうなぁと。
TwitterとかFacebookとか数回利用したことはあるけど、詳しいことはさっぱり。
朝6：00から夜18:00まで車を走らせてゴミ回収をしていた者です。
パッカー車って知ってますか。街でよく見かけるゴミ収集車のことです。
ドラッグストアとか回るんですよ。休憩時間は15分ぐらいなんですよ。一日。馬車馬のように働いていました。
そのパッカー車で物損事故を起こしてしまい、会社に居続けることはできなくなり仕事をやめました。
エロはもともと好きだったのですが、車を運転する以外の技術は持っていません。
何か手に技術を身につけたいと考えるようになりました。ただ３０歳も過ぎたおっさんにあまり時間はないので、
資源の集中を意識し時代の流れはパソコンだということで、始めたわけです。
はじめはHTML,CSSの本で基本的なホームページ制作を学ぶ。
-----------------------------------------------------------
Bootstrap
-----------------------------------------------------------
Webサービスを作るにはプログラミングが必要なことは知っていたけど、初めてみて暗号のように思える。
プログラミングの中でもPHPは簡単なのでしょうか？最近の流れからすると、Rubyなのでしょうけど、
PHPは自分の実現したいサービスが組み立てやすい気がします。
http://www.amazon.co.jp/gp/product/toc/479733245X/
foreachやif,forなどの基本的な使い方を身につける。
プログラムは結局小さいプログラムの集まりだとどこかに書いてあった。ことを思い出す。
PHPはベタのプログラムだどセキュリティ的に弱いということでPEARを使うように。
ほかのプログラミング言語は知りませんが、PHPerというらしい。
プログラムに慣れてくるとPEARライブラリなどのクラスに抵抗がなくなってきた。
それでも、オブジェクト指向という考え方を体で理解するまで時間がかかる。
----------------------------------------------------------
http://php.xenophy.com/index.html
http://kumicyou.sakura.ne.jp/php/index.html
http://www.amazon.co.jp/gp/product/toc/479733245X/
http://www.amazon.co.jp/gp/product/toc/4797367571/
----------------------------------------------------------
----------------------------------------------------------
Simple HTML DOMParser メモリーオーバー？が発生するので頻繁には使えない。
正規表現って便利ですよね。（preg_match("/ab/", $string);など）
Webサイトのどんな情報でも切り取ったり、貼りつけることができるので。
Web上で特定の情報を好きなように集めてきて、加工することができるスクレイピングを発見。
PHPでスクレイピングするにはどうしたらいいか考えるようになり、かなり時間を使いました。
該当URLのサイトマップからリンクページ（aタグ）をすべて取得する。
ページの中にあるエロ動画URLやサムネイル画像などをファイルへ出力。
$fp = fopen("/var/www/html/sample.txt", "a"); fwrite($fp, $title."\n"); fclose($fp); }
出力したファイルの中で重複データなどないように一つにまとめて使えるように加工する。
あらかじめCronで時間を指定してファイルの情報をデータベースへ投入。
これから欲しい情報は、著作権に気をつけながらスクレイピングして集めてくると楽しいなぁと思ってます。
自分でホームページを公開するためにはサーバーが必要なことは以前から知っていたのですが、具体的には手探り状態からで
サーバはレンタルサーバとか専用サーバなどいろいろあるのですね。
全部自分で管理しないといけないため、めんどくさい気がした。結局VPSサーバに。
スピードアップのためにやったこと。データベースとアプリケーションサーバを分ける。
データベース最適化、query_cache_sizeを設定したりなど。
http://anond.hatelabo.jp/20101203150748
ウェブ開発者のための、1時間でできるLAMP環境構築術（CentOS編）
http://tanaka.sakura.ad.jp/2011/05/centos-linux-apache-php-perl-mysql-lamp.html
定番のPHP MYSQL Apacheから調べていくとNginxというWebサーバが高速だという
記事が多いので、使ってみることに。
NginxだけではPHPは動かない。php-fpmをインストール。
------------------------------------------------------------------------------------
http://d.hatena.ne.jp/yoshi-ken/20120205
http://kray.jp/blog/wordpress-tuning/
http://server-setting.info/centos/apache-nginx-2-php-fpm-install.html
http://hara19.jp/archives/5817
http://tech.aainc.co.jp/archives/3022
------------------------------------------------------------------------------------
以上の記事でNginxのproxyを設定することができ、とても参考になりました。
どうにか既存のサイトをWordPressで作れないかと考えていたら、
WordPressは固定ページとブログ用のページを分けるテンプレート構造だと知る。
WordPressはindex.phpファイル一枚あれば動くらしく、ページを表示する優先順位があるらしい。
メインページ front-page.php → home.php → index.php
そのため、fromt-page.phpに自分で作ったSmartyをそのままコピペして,なんとか既存のサイトとWordPressをミックスさせることに。
詳しくは以下の本が参考になりました。
http://www.amazon.co.jp/gp/product/toc/479736758X/
WordPress奥が深いです。
途方にくれていたところ、CSSフレームワークのTwitter Bootstrapを知る。
HTMLに少し手を加えるだけで今っぽいデザインにできる。その分、余った時間をweb構築に集中することができる。
http://panpanwatch.net/douga.php
http://panpanwatch.net/newdmm.php
DMM動画の当日配信が開始されたコンテンツをDMMのapiから収集。
http://panpanwatch.net/?page_id=5382
ネット上のエロ更新情報を収集して表示。メインはWordPressで構築。
--------------------------------------------------------------------
常日頃からネットのエロにはお世話になっていたので、なんか恩返しではないですけど、
Webサービス作るまで、ずっとパソコンの前ばかりにいたので、
こんにちは。みなさまからのブクマとコメントを多数いただき、ありがとうございます。
いろいろご意見あると思いますが、大げさな嘘などは書いていないです。
PHPを理解するのも、こちらの本を一冊やれば、それなりに理解できるようになりました。
http://www.amazon.co.jp/gp/product/toc/479733245X/
次のサービスを作成するときは本格的なアプリケーションやソーシャルゲームなどやりたいなぁと
野望だけは持っています。ですけど、ずっとこのサイトだけに集中してきたので、今はパソコンから少しだけ距離を置くつもりです。
ほぼHTML・CSSの知識しかない素人がWEBサービスを作りました。
『Hatena::SimpleBookmark - シンプルなデザインのはてなブックマーク』
【サイトについて】
はてなブックマークがリニューアルして使いづらくなったので、シンプルで見やすいを目的としたはてブ記事のアンテナサイトです。
【特徴】
カテゴリだけではなく、よく使われているタグ毎にも記事を見れるようにしました。
【制作期間】
『嫁のはてブ』
http://hatebu.straightline.jp/
『Hatebu::Classic』
『Hatena::SimpleBookmark』はリニューアルされた日から制作を開始。一週間ぐらいで作れたら良いなーとかのん気に思ってたのですが
次の日には上記の二つが既に公開されており驚愕しました。
今からこれを完成させて公開しても二番煎じどころではないので制作を中断しようか迷いましたが、初めてのWEBサービスだし作ると決めたんだから最後まで作ろうと思い今にいたります。
やっぱり詳しい人が作れば簡単なWEBサービスなんて数時間～1日あれば作れるんだなーと思いました。あと二番煎じにならないようにスピードが大事だと。
『週6フリーターもWEBサービス作ってみました。』
http://anond.hatelabo.jp/20120914214121
『指定したサイトのはてなブックマークの人気エントリを表示』
・同じサービスを考える人はたくさんいるので思いついたらすぐに作るべき。
・二番煎じでもしょぼいサービスでも自分の実力にあってすぐに作れるようなものならとにかく作って公開すべき。
・製作途中に身についた技術やアイデアを流用できたり今後の目標やそのために何を勉強すべきかが明確になった。
・最初はコピペとか既存の似たようなサービスを真似したものを作ってもいい気がする。それを少しずついじって構造を理解すれば途中で挫折することもないと思う。
・細かい機能をたくさんつけようと考えていたが、完成が長引きそうになりモチベーションを維持できるか不安になったので、全体を作り終えたらとりあえず先に公開した方が良いと感じた。
上記の通り細かい機能をつけたかったのでこれから付け加えていきます。
次はPHPを用いたWEBサービスを作りたいと考えているので作り次第また公開したいと思います。
『週6フリーターもWEBサービス作ってみました。』
http://anond.hatelabo.jp/20120914214121
『自分でWEBサービスを作りたいと思っている人へ 』
http://anond.hatelabo.jp/20101203150748
『【2012超まとめ】確実にWEBサービスを作りたい人へ【前編】 』
http://anond.hatelabo.jp/20120926165407
『Rails3 と jQuery で、真面目にオシャレなエロサイトをつくってみました』
はてなブックマークのトップページって、正直なんか飽きちゃったし、スクロールせずに表示できるのが数エントリーだけで、やたらヘッダがでかかったり、広告がでかかったり、欲しい情報がほんのちょっとしか表示されないし、気のせいかエロいサイトのサムネイルが表示されなかったり、デザインもまじめくさいし、改善したらもっともっと使いやすくシャレオツになるし、アクセスも稼げるんじゃないのって思います。
ホットエントリーに入った週6フリーターさんのはてブ1000users超え記事アンテナ(´・ω・)｜トップページは結構良くて、はてなブックマークのトップページよりも私には使いやすいのだけど、なんかおしい感じでもうちょっとかなーなんて思ったりしてました。
そんな中、最近仕事が忙しくて現実逃避になんか作りたくなって、お手軽でそんなに時間もかかりそうもなかったので、このサイトを作成することにしました。
はてなブックマークに登録されたエントリーを快適に閲覧することを目的として作成しましたが、一人で作成したため使いやすいのは私だけかもしれません。
私は職業プログラマーで簡単なサイトを構築する程度の知識は持っているため、作成時間はほとんどかからず機能的なところは１時間程度でしょうか。使用しているサービスやライブラリは普段使用しているものや「週6フリーター」さんが紹介していたものなので、ゼロから探していたらもっとかかったと思います。
レンタルサーバも既に契約していたものに相乗りしています。はじめは忍者ツールさんの忍者ホームページの無料プランにしたのですが、スマホで表示したら私には耐えられない大きさの広告が表示されたので、やめてしまいました。
また、サイト名をどうしようかとか、ドメインはどうしようとか、デザインを微調整したりとかは、会社からの帰宅後深夜にちょこちょこ行っていたので、そういう時間はもっとかかっているでしょうか。新しいサイトを立ち上げるときはみなさんそうだと思いますが、基本的な部分を作る時間よりも、その他このような作業に時間がかかっていると思います。
サイトの作成に利用したサービスなどを以下に記しますので、他の方のご参考になれば幸いです。
サイトを閲覧してくださった方は、こちらのコメントか、サイトに記載のメールアドレスまでご意見やご感想をいただければ、今後の参考にさせていただきたいと思います。
前編はこちら
http://anond.hatelabo.jp/20120926165407
会員情報や文章などのコンテンツを保存しておくデータべース、ＭｙＳＱＬを調べます。
データベースは他にもPostgreSQLやSQLiteなどが有名ですが、やはり王道を勉強します。
MySQLはCakePHPや、ステップ４のWordPress他、よく使いますので把握しておきましょう。
今はまだ関係ありませんが、余裕があればこれも読むといいです。
操作はコマンドラインを覚えていく方向で、始めはブラウザで操作できるphpMyAdminを使ってＯＫです。
技術調査はこの位にして、これからは実際にWebサイトを作っていきます。
ここまで来ると何となく、Webサイトがどんな仕組みで動いてるかが分かってくるので、
ステップ０でイメージした作りたいサイトがどんな技術で実現出来るか調べます。
TwitterやGoogle、Yahoo、AmazonなどのAPIを使ってサテライトサイトを作っても良いと思います。
が、高度な事をするとはまりやすいので、ある程度やって無理だったらあきらめて次回にまわしましょう。
まずは何か一つ完成させる事のほうが大切です。
それから開発効率ＵＰのため、Chromeにプラグインを入れましょう。
説明はそれぞれのリンク先を見て下さい。
https://chrome.google.com/webstore/detail/ggfgijbpiheegefliciemofobhmofgce
Firebug Lite for Google Chrome
https://chrome.google.com/webstore/detail/bmagokdooijbeehmkpknfglimnifench
View Selection Source
https://chrome.google.com/webstore/detail/fbhgckgfljgjkkfngcoeajbgndkeoaaj
Pendule
https://chrome.google.com/webstore/detail/gbkffbkamcejhkcaocmkdeiiccpmjfdi
BuiltWith Technology Profiler
https://chrome.google.com/webstore/detail/dapjbgnjinbpoindlpdmhochffioedbn
iPSim
https://chrome.google.com/webstore/detail/gcligifbhamdimemnemmlkffkpmflehh
Color Picker
https://chrome.google.com/webstore/detail/ohcpnigalekghcmgcdcenkpelffpdolg
CSS Tester
https://chrome.google.com/webstore/detail/pjncppaiejjkcjlcgegcbmhgkflhenfp
MeasureIt
https://chrome.google.com/webstore/detail/pokhcahijjfkdccinalifdifljglhclm
あとはFireFoxにはFireBug。デバッグの定番らしいです。
https://addons.mozilla.org/ja/firefox/addon/firebug/
それから、空いた時間に無料のプログラミング動画サイト「ドットインストール」を見ておくと
ここまでの知識が定着すると思います。
ステップ７で作りたいサイトがイメージ出来てきたら、ドメインを取りましょう。
サーバーがさくらの場合はドメインもさくらで取得すると楽ですが、もっと安いところもあります。
希望するドメインが空いているか調べて取得、空いていなければ他のドメインを考えます。
http://www.sakura.ne.jp/domain/
定番の.com、.net、.orgは誰が見ても親しみがあるし安いので、できればこの３種類のどれかにしたい所ですが、
一般的な言葉はほぼ埋まっているので、その場合は.jp等にしても良いでしょう。
日本語ドメイン(www.日本語.netみたいな)は流行っていないですが、
自分のサイト名が「○○○.com」のような名前の場合は一緒に取得して、アルファベットのドメインにリダイレクトしましょう。
（ChromeユーザーがURL欄で検索する時、「○○○.com」のように後ろに.xxxが付いているとそのURLに直接アクセスしてしまい、
僕はバリュードメインで取得して、サーバーはさくらのレンタルサーバーにしました。
その際の親切な設定方法の解説はこちら。
VALUE DOMAIN で取得したドメインをさくらのレンタルサーバで使う
http://nekohacks.com/wordpress/domain/value-domain/
どんなサイトで、どんな機能があって、どんなページがあるかノートに書き出して行きます。
サイトの基本的なレイアウトをCSSで組みながら、デザインのイメージもしておきましょう。
ここではデザインはまだやりません。
先にデザインを作っても、プログラムを進めていく過程で変更がでたりする為です。
（でもあんまり後回しにしても、見た目がチープなせいでモチベーションが下がったりするので、次のステップでやります）
あと、ここで気をつけたいのは、あくまでメインとなる機能の開発を優先することです。
外堀から埋めていくとそこでモチベーションが尽きてしまったり、
メインの機能を実装してみたら外堀の修正が発生してしまったりするためです。
始めると分からない事がどんどん出てくると思うので、本を読み返したりGoogle先生で検索しながら進めて行きます。
なかなか進まなくて検索８割、コーディング２割くらいの進め方になると思いますが、それでＯＫです。
いじっているだけでモチベーションを使い切ってしまったりするので危険です。
ＣＧソフトは色々ありますが、おすすめはフォトショ(Photoshop)です。
WebサイトのデザインはFireworksなども有名ですが、学習コストがかかるので、
Webサイトにもそれ以外にも使えて一番つぶしが効くフォトショップでOKです。
今年からクラウド契約が始まり、今なら１ヶ月８０００円、年間契約なら１ヶ月５０００円で
http://www.adobe.com/jp/products/creativecloud.html
お勧めの本はこれ
一から全部自分で作らなくても、素材サイトからダウンロードして加工するなどして手間を省きます。
ＰＣ・スマホ・携帯(ガラケー)全部に対応するのは大変なので、
初めはそのサービスを最も使うだろうと思われるどれか１つに絞ります。
ＰＣ用サイトならスマホでも最低限アクセスはできるし、携帯は縮小傾向なので優先度低、
スマホは画面サイズがまちまちでタブレット端末が目下発展中、AndroidはブラウザがたくさんあるがChromeに統一されていくかも、
対応する際はＣＳＳを切り替えてレスポンシブレイアウトにするのがお勧めです。
その他、困ったらTwitter社が公開しているブートストラップを使うのもお勧めです。
ブートストラップはcssのフレームワークで、簡単にシャレ乙なデザインに仕上がります。
超便利！Twitter BootstrapでさくさくWeb開発
どうしても自分でイケてるデザインが出来ないと思ったら、友だちに頼んだり、ＳＮＳのコミュで募集したり、
デザイン系の大学や専門学校の掲示板にビラを貼らせてもらったりしましょう。制作費が出せればランサーズで募ってもいいかも。
Lancers - 仕事をフリーランスに発注できるクラウドソーシングサービス
僕はたまたまフォトショップの使用経験があったので、ここにかけた時間は30時間ではなく5時間程です(トータル275時間で開発)。
後編はこちら
