2012年09月26日の日記

2012-09-26

http://anond.hatelabo.jp/20120926175753

大河ドラマを「史実でない」という角度からdisるのも手垢が付きすぎてつまらない。

http://anond.hatelabo.jp/20120926080346

一時期話題になったけどさ、新聞の投書欄に記載された氏名をネット検索したら、

バリバリ活動家で何度も投書欄に採用されていたってのが何人か紹介されていたことがあった。

http://anond.hatelabo.jp/20120926165110

日本の歴史上最も頭のおかしかった総理は誰か?」といったら、おそら意見割れない。

どうかなー

それはちょっと時代バイアスかかってんじゃないか

歴史学者曰く、坂本龍馬が好きだと言う人間は信用してはならない

昨日、加来耕三さんという歴史学者の講演を聞いた。

多分増田をみるような輩でその講演を聞いたのは俺くらいだと思う。

会場は老人ばっかりだった。

歴史に学び、未来を読む」というのがその講演の題。ちょっと壮大な感じだが、内容はというと常識的に物事を考えることが大事だ、というすごく地に足のついた話だった。

歴史にロマンを求めるのは現実無視することだとして、NHK大河ドラマを強烈にDisっていた(龍馬伝は80%嘘で、篤姫は200%嘘だとか。残念ながら平清盛への言及はなかった)。

一番笑ったのは龍馬への言及。

司馬遼太郎の「竜馬がゆく」は昔の講談本だかなんだかを下敷きにしていて、あくまで創作なので「龍馬」ではなく「竜馬」表記にしているのだが多くの日本人はあれを本当だと思って誤解しているという。

話をばくっと要約すると、龍馬子供の頃勉強ができなくて大きくなっても寝小便をしていて、唯一剣術に才があったという話になっているが、頭が悪くて剣術に秀でている人間がどうして剣術指南とかにならずに日本初の株式会社を作ったり薩長同盟仲介したりしているんだ。人間はある日突然人が変わったように優秀になったり馬鹿になったりはしない、常識で考えれば龍馬勉強が得意なタイプ人間だったと考えるべきだ。だいたい龍馬暗殺されるとき左手拳銃右手に刀を持っていたが拳銃を打ち尽くして弾切れになったあと刀を抜かずに拳銃を振り回したと伝えられている。どうして剣術の達人が刀を抜かずに拳銃を振り回すんだ。というわけで巷で伝えられている龍馬イメージは作られたものである

大学で教えていると(加来先生奈良大学先生だそうです)毎年必ず龍馬かぶれが一人くらいいるが、みんな悲しいくらいにワンパターンで、「先生、おれは今はバカですが将来はビッグになるかもしれませんよ」などと言う。今日の次に明日があるんであって、今日バカな人間明日もバカなのだからこつこつ積み重ねなければしょうがないと説くが伝わらない。坂本龍馬が大好きと言う人間は信用してはいけない。

…ということで俺は歴史に疎いのでふんふんそうなんだという感じで聞いていたのだが坂本龍馬に関する結論だけは以前からの俺の認識と一致していた。「坂本龍馬が好きだと言う人間は信用ならない」歴史にロマンを求めて現実を見ない人間である。そう、例えば孫正義みたいな。←結局これが言いたかった。

http://anond.hatelabo.jp/20120926162944

彼は政治思想がどうこうじゃなく純粋無能なんだ

思慮も経験も「ネットちょっと政治語ってる善良なブロガーレベル人間なのに

無能なのには同意だが、「ネットちょっと政治語ってる善良なブロガー」なんていうちゃちなレベルじゃない。

増田にたむろしているような俺たちには及びもつかないような何かだよ。

だいたいただ金持ちなだけで本当にボンクラな奴が総理になれるかっつーの。

ボンクラなまま総理にまでなるっていう恐るべき能力が裏にあるんだよ。

http://anond.hatelabo.jp/20120926173925

ネットちょっと政治語ってる善良なブロガー」の部分に反論しているんだよ。

それよりも遥かに善良だったと。

能力が無いのは同意するまでもないくらい自明のことだろ。

http://anond.hatelabo.jp/20120926165101

能力が無かった」って言ってるのに

なんで「善人だった」って反論するんだ

悪人だったかどうかなんて論じておらん

今回の中国のことに反応した奴は猛反省

基本的に賢い奴は反応しないわけ。政治研究家でもない限りな。利害からんでないのに反応する奴は負け組。糞の役に立たないこと考えるより自分のことやれ。まず考えるべきは自分のことだろ。

それは自己中って意味じゃなく。地震にしてもそう、何でもそうだけど。大震災起きてから大騒ぎ。騒ぐからメディアも取りあげる。それにまた過剰反応する民衆たち。悪循環な。いじめ問題もそう。賢い奴ならスルー安定なの。

そんなものイジメなんていつの時代もあるわ。地震もあるわ。分かってるの。ワーストシナリオって専門的には言うんだ。そんなの当たり前なんだけどな。最悪のシナリオも描けない奴に仕事任せられない。

リスク管理なんてできて当たり前。当たり前の感覚あったら地震だろうが中国だろうが驚かないの。ああそういうこともあるよねの世界であって「そう」の一言で終了なの。

ちゃんと自分のやるべきことに集中してるから。それは自己中なんじゃなくて。むしろそういう奴こそ夜のため人のためになるもんだ。ニュースに反応する奴おおすぎんだよ。騒ぐな。囀るな。もっと自分のこと頑張らないといけないだろ。

人のこと世の中のことギャーギャー言い立てるな。まず自分だろが。自分のこと見えてなさ過ぎるだろが。まずそこからだろ?

いま人類はそこに気付くべきステップ差し掛かっている。日本人特にそうだ。21世紀人類ワンステップ高みに昇れるか地の底に堕ちてしまうか。いま分水嶺差し掛かっている。

浮気をしたら彼女が怒った理由

男にとって浮気とは、遊び、息抜き、気晴らしの意味合いが強いし、

本命彼女は、愛情を注ぐ対象、帰る場所であることに変わりないんですよ。

でも女にとって浮気はさ、本気モード情熱を傾けること行為であって、

彼氏存在は、キープ、もしもの時のための保険にまで落ちるんだよ。。イラネって感じ。

浮気をされた女は、当然のように自分感覚で考えて、

自身がそのようなひどい扱いを受けたのだと思い込む、執拗に相手を責める。

逆に男が浮気をされると、「どうせ遊びだろ、ほどほどにしろよ。」程度で済ませて、

すでに終わっている関係であることに気付いていない。

と説明して「男の浮気なんてそんなに気にすんな」と言ったのに、なぜか火に油を注ぐ結果になった。。。

さようなら

なぜそれをするのですか?と問うと貴方は怒りますが、

理由も分からずにさせられる仕事時間も手間も無駄に消費しま

私達は延々穴を掘っては埋めるシベリア囚人ではありません


私達の仕事を点検しては細かいところにダメ出ししますが、

貴方のやり方と完全一致しなくても問題ないと私達は考えています

そんなに任せられないのならすべて自分でやってください


余計な仕事をしないでくださいと貴方は言いますが、

業務そのものだけでなく業務を円滑に進めるための雑務仕事です

必要ないのではなく貴方がその仕事必要性を知らないだけです


できるはずだと貴方は口癖のように言いますが、

実際にできるのかできないのか私達は貴方よりよく知っています

貴方の脳内妄想現実をすり合わせる仕事が最も余計な仕事です


その日の気分の良し悪しを貴方は素直にぶつけてきますが、

見ているこちらは恥ずかしく痛々しい気持ちです

他人を管理する前に自分の気持ち一つ管理できないなんて


結果から見てみましょう、会社利益になったかという視点で。


なぜそれをするのかと問われて部下を叱ったことで、

創意工夫し臨機応変な社員を育成する機会を失いました。


かいところを任せる態度をとらなかったことで、

商品価値に反映しない無駄な作業に労働時間を投入させました。


業務を円滑に進める作業の価値を認めなかったことで、

通常業務の効率を高めようとする社員の意欲を失いました。


現場現実を認めずに判断を下したことで、

余計な仕事をつくり社員時間と労力を浪費しました。


気分の波に従ったむらのある決裁をしたことで、

報告連絡相談しづらくし、組織を混乱させました。


貴方といると私は能力を存分に発揮することができません。

そのため別の組織に移動することを決めました。さようなら

http://anond.hatelabo.jp/20120926163601

DVしてるやつは初めのうちは気が利くいいやつなんだよ

でも、女性と一緒にいるうちにプッツン切れて暴力をふるうようになる

から女性を脅しても、恋人になんかなれないよ

【2012超まとめ】確実にWEBサービスを作りたい人へ【後編】

前編はこちら

http://anond.hatelabo.jp/20120926165407

中編はこちら

http://anond.hatelabo.jp/20120926165533

ステップ11:残りの開発(50時間)

基本的な機能デザインが出来てきたら、細かな機能や説明ページなどの静的コンテンツも作っていきます

8割程度出来たと思ったら、一度サーバーアップロードして動作チェックしてみます

たいていは上手く動作するはずですが、途中で一度チェックしておいた方が出来上がってから不具合を修正するよりは効率的です。

僕ははじめCORESERVERを使っていましたが、メールが送信できない不具合に遭遇して時間を取られました。

結局はCORESERVERgmailの相性が悪いせい、という事で最後さくら移転しました。

あと、何となく動いているのが確認できたら、

このタイミングGoogle AdsenseAmazonアソシエイト、A8やバリューコマースアフィリエイトサイトに申し込みましょう。

特にアドセンスは申請してから使えるようになるまで1週間とかかかります

2012年現在アドセンスを含むアフィリエイトは期待するほど儲かりません。

でも、色んなWebサイトで見かけるこれらの広告の表示方法を学ぶことで、Webサービスに対する理解も深まりますし、

あと、全然からなくてもサイトにこれらの広告を表示しておくと、社会と繋がっている雰囲気が出て活況感が高まったり

自分サイトちょっと立派に見えてテンションが上ったりします。

それぞれのプログラムの使用方法検索すると出てきますが、敢えて本でおすすめはこの2冊。どちらも基礎です。

増補改訂版 グーグルアドセンスの歩き方

http://www.amazon.co.jp/%E5%A2%97%E8%A3%9C%E6%94%B9%E8%A8%82%E7%89%88-%E3%82%B0%E3%83%BC%E3%82%B0%E3%83%AB%E3%83%BB%E3%82%A2%E3%83%89%E3%82%BB%E3%83%B3%E3%82%B9%E3%81%AE%E6%AD%A9%E3%81%8D%E6%96%B9-%E3%82%B0%E3%83%BC%E3%82%B0%E3%83%AB%E3%83%BB%E3%82%A2%E3%83%89%E3%82%BB%E3%83%B3%E3%82%B9%E7%A0%94%E7%A9%B6%E4%BC%9A-%E7%B7%A8/dp/4478041555/ref=sr_1_cc_1?s=aps&ie=UTF8&qid=1348500894&sr=1-1-catcorr

アフィリエイトで<得する>コレだけ!技 BEST100

http://www.amazon.co.jp/%E3%82%A2%E3%83%95%E3%82%A3%E3%83%AA%E3%82%A8%E3%82%A4%E3%83%88%E3%81%A7%253c%E5%BE%97%E3%81%99%E3%82%8B%253e%E3%82%B3%E3%83%AC%E3%81%A0%E3%81%91-%E6%8A%80-BEST100-%E3%83%AA%E3%83%B3%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97/dp/4774138487/ref=sr_1_2?s=books&ie=UTF8&qid=1348500937&sr=1-2

ステップ12:リリース(10時間)

サイトがだいたい仕上がったら、リリースしましょう。

サーバーに最新のファイル一式をアップロードして、入念に動作チェックをします。

CakePHPセキュリティレベルは下げたか

セキュリティソルトは推測が難しい値になっているか

core.phpのsession idデフォルトの状態から違うものに変更したか

全てのコントローラーデバッグツールキットはOFFになっているか

CakePHP本体は公開フォルダと別の階層アップロードしているか

htaccessの設定は間違っていないか

データベースに余分な情報は溜まっていないか

などを確認します。

あと、ここからもう一歩、公開用に細かな設定をしていきます

URLwww付きとwwwなしはどちらかにリダイレクトさせて1つに統一できているか

存在しないURLアクセスされた時のエラーページに余分な情報が表示されていないか

検索エンジン用のrobots.txtを用意、

ファビコンを設定する、

アクセス解析を設定する、Google Analyticsに登録しコードサイトに埋め込む。

http://www.google.com/intl/ja/analytics/

Google先生挨拶する。Google ウェブマスターツールに登録し、必要情報入力、Analyticsと紐付ける。

https://accounts.google.com/ServiceLogin?service=sitemaps

facebookのいいねボタンオープングラフ

http://developers.facebook.com/docs/reference/plugins/like/

Twitterツイートボタン

https://twitter.com/about/resources/buttons

その他、mixiGoogle+などのボタン類も必要ならつけましょう。

全部出来たら、完成です。

ステップ13:PRとこれから(10時間)

Webサイトは作っただけでは(本当に)誰もアクセスしてくれません。

出来上がったサイトはPRしましょう。

エイトビットさんのこの記事が参考になります

Webサービスを作ったそのあとに、「自分でもできる低コストWeb PR方法

http://blog.8bit.co.jp/?p=1944

こちらもチェック。

作ったwebサービスPRできる!webサービスリンク集サイトまとめ

http://smkn.xsrv.jp/blog/2011/11/web-service-linksite/

リリースした直後はGoogleインデックス数も少なく、検索エンジンからアクセスは期待できません。

検索エンジンからの流入は1ヶ月とか、時間が経つにつれ少しづつ増えてくるので気長に待ちます

サイト情報のチェックはSEOチェキ!とコメポンが便利。(作者のロプロスさん様様)

SEOチェキ

http://seocheki.net/

Komepon!

http://komepon.net/

それからステップ11で紹介した本にも出ててますフェレットも便利。

Ferret

http://ferret-plus.com/

作ったサイト継続して手を入れていきましょう。

自分の作ったサイト改善点や評価が気になったら、

500円で客観的に評価してもらえるこちらも活用すると良いでしょう。

2012年9月26日現在、このサイトは僕はまだ利用していませんが気になっています

ホームページ評価.com

http://www.hphyoka.com/

最後

ここまでやってみると、Web開発の一連の流れが分かった気がしてきます

初めて作ったサイトはしょぼくても、ひと通りやってみる事で

Webサービス開発者としての入り口には立ったな、位には思えるはずです。

今回は勉強をしながら300時間かけて作りましたが、

同程度の物を次に作るなら100時間からないでしょう。

継続することで、それがあなたの強みになっていくと思います

ここまでの知識をベースに、

VPS借りてサーバー勉強をするもよし、

SEOをがんばるもよし、

jQueryやHTML5でデザインにこだわるもよし、

ベリサインジオトラストサイト証明入れてみるもよし、

会員サイトログインさせたり決済に対応するもよし、

アドセンスやA8などのアフィリエイトで稼ぐしくみ作りをするもよし、です。

この記事を読んでアクションしたら、僕と同じようにアウトプットして、

そのリザルトシェアしてトゥギャザーするオポテュニティをテラユビキタス

1つ気をつけたいのは、

開発したサイトサーバーの種類とか、CakePHPで作ってるとか、そのバージョンは1.3だとか、

そのサイトの詳細仕様は安易にこういう記事に書かないようにしましょう。

悪意のあるハッカーに攻撃の糸口をプレゼントする事になってしまます

この本も参考になります(まだやるか)

体系的に学ぶ 安全Webアプリケーションの作り方

http://www.amazon.co.jp/%E4%BD%93%E7%B3%BB%E7%9A%84%E3%81%AB%E5%AD%A6%E3%81%B6-%E5%AE%89%E5%85%A8%E3%81%AAWeb%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%81%AE%E4%BD%9C%E3%82%8A%E6%96%B9-%E8%84%86%E5%BC%B1%E6%80%A7%E3%81%8C%E7%94%9F%E3%81%BE%E3%82%8C%E3%82%8B%E5%8E%9F%E7%90%86%E3%81%A8%E5%AF%BE%E7%AD%96%E3%81%AE%E5%AE%9F%E8%B7%B5-%E5%BE%B3%E4%B8%B8-%E6%B5%A9/dp/4797361190/ref=sr_1_1?s=books&ie=UTF8&qid=1348641593&sr=1-1

最後最後に、役立つ本を書いて下さった著者さん、

有益情報ネット上に提供して下さっているWeb業界の皆さん、

それにいち早く辿り着けるはてなブックマーク

皆さん、に感謝

ツイッターはじめました

http://twitter.com/masayaseto

【2012超まとめ】確実にWEBサービスを作りたい人へ【中編】

前編はこちら

http://anond.hatelabo.jp/20120926165407

ステップ6:MySQL(10時間)

会員情報や文章などのコンテンツを保存しておくデータべース、MySQLを調べます

データベースは他にもPostgreSQLSQLiteなどが有名ですが、やはり王道勉強します。

MySQLCakePHPや、ステップ4のWordPress他、よく使いますので把握しておきましょう。

基礎からのMySQ

http://www.amazon.co.jp/%E5%9F%BA%E7%A4%8E%E3%81%8B%E3%82%89%E3%81%AEMySQL-%E5%9F%BA%E7%A4%8E%E3%81%8B%E3%82%89%E3%81%AE%E3%82%B7%E3%83%AA%E3%83%BC%E3%82%BA-%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9E%E3%81%AE%E7%A8%AE%E3%82%B7%E3%83%AA%E3%83%BC%E3%82%BA-%E8%A5%BF%E6%B2%A2-%E5%A4%A2%E8%B7%AF/dp/4797344385/ref=sr_1_1?s=books&ie=UTF8&qid=1348063628&sr=1-1

今はまだ関係ありませんが、余裕があればこれも読むといいです。

MySQLによるタフなサイトの作り方

http://www.amazon.co.jp/MySQL%E3%81%AB%E3%82%88%E3%82%8B%E3%82%BF%E3%83%95%E3%81%AA%E3%82%B5%E3%82%A4%E3%83%88%E3%81%AE%E4%BD%9C%E3%82%8A%E6%96%B9-%E4%BD%90%E8%97%A4-%E7%9C%9F%E4%BA%BA/dp/4797353937/ref=sr_1_1?s=books&ie=UTF8&qid=1348063787&sr=1-1

操作コマンドラインを覚えていく方向で、始めはブラウザ操作できるphpMyAdminを使ってOKです。

ストレージエンジンはとりあえずInnoDBで。

ステップ7:休憩(10時間)

技術調査はこの位にして、これからは実際にWebサイトを作っていきます

ここまで来ると何となくWebサイトがどんな仕組みで動いてるかが分かってくるので、

ステップ0でイメージした作りたいサイトがどんな技術で実現出来るか調べます

冒頭の「完全に一致」の中の人のようにスクレイピングしたり、

TwitterGoogleYahooAmazonなどのAPIを使ってサテライトサイトを作っても良いと思います

が、高度な事をするとはまりやすいので、ある程度やって無理だったらあきらめて次回にまわしましょう。

まずは何か一つ完成させる事のほうが大切です。

それから開発効率UPのため、Chromeプラグインを入れましょう。

説明はそれぞれのリンク先を見て下さい。

CSSViewer

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://dotinstall.com/

ステップ8:ドメインを取る(10時間)

ステップ7で作りたいサイトイメージ出来てきたら、ドメインを取りましょう。

サーバーさくら場合ドメインさくらで取得すると楽ですが、もっと安いところもあります

希望するドメインが空いているか調べて取得、空いていなければ他のドメインを考えます

さくらドメイン取得

http://www.sakura.ne.jp/domain/

ムームードメイン

http://muumuu-domain.com/

バリュードメイン

http://www.value-domain.com/

定番の.com、.net、.orgは誰が見ても親しみがあるし安いので、できればこの3種類のどれかにしたい所ですが、

一般的な言葉はほぼ埋まっているので、その場合.jp等にしても良いでしょう。

日本語ドメイン(www.日本.netみたいな)は流行っていないですが、

自分サイト名が「○○○.com」のような名前場合は一緒に取得して、アルファベットドメインリダイレクトしましょう。

ChromeユーザーURL欄で検索する時、「○○○.com」のように後ろに.xxxが付いているとそのURLに直接アクセスしてしまい、

 検索にならないので、アクセス機会損失を防ぐため。)

僕はバリュードメインで取得して、サーバーさくらレンタルサーバーしました。

その際の親切な設定方法の解説はこちら。

VALUE DOMAIN で取得したドメインさくらレンタルサーバで使う

http://nekohacks.com/wordpress/domain/value-domain/

ステップ9:サイトの基礎部分の開発(100時間)

実際にサイトを開発していきます

どんなサイトで、どんな機能があって、どんなページがあるかノートに書き出して行きます

初めにデータベースのテーブルやレコード構造を考えて、

次にメインとなる機能プログラムして行きます

サイトの基本的なレイアウトCSSで組みながら、デザインイメージもしておきましょう。

ここではデザインはまだやりません。

先にデザインを作っても、プログラムを進めていく過程で変更がでたりする為です。

(でもあんまり後回しにしても、見た目がチープなせいでモチベーションが下がったりするので、次のステップでやります

あと、ここで気をつけたいのは、あくまでメインとなる機能の開発を優先することです。

「あったほうが良いな」程度の機能は後回しにします。

外堀から埋めていくとそこでモチベーションが尽きてしまったり、

メインの機能を実装してみたら外堀の修正が発生してしまったりするためです。

始めると分からない事がどんどん出てくると思うので、本を読み返したりGoogle先生検索しながら進めて行きます

なかなか進まなくて検索8割、コーディング2割くらいの進め方になると思いますが、それでOKです。

長い暗闇を抜けると、少しづつ視界が開けてきます

メインの機能がなんとなく出来たら次に進みます

ステップ10:サイトデザイン(30時間)

メインの機能何となくできたら、デザインをやります

鉛筆殴り書きで良いので紙に描いてみます

いきなり慣れないCGソフト上でデザインすると、

いじっているだけでモチベーションを使い切ってしまったりするので危険です。

CGソフトは色々ありますが、おすすめフォトショ(Photoshop)です。

WebサイトデザインFireworksなども有名ですが、学習コストがかかるので、

Webサイトにもそれ以外にも使えて一番つぶしが効くフォトショップでOKです。

今年からクラウド契約が始まり、今なら1ヶ月8000円、年間契約なら1ヶ月5000円で

Adobeソフトが全部使い放題です。

Adobe Creative Cloud

http://www.adobe.com/jp/products/creativecloud.html

お勧めの本はこれ

10日でおぼえるPhotoshop入門教室

http://www.amazon.co.jp/10%E6%97%A5%E3%81%A7%E3%81%8A%E3%81%BC%E3%81%88%E3%82%8BPhotoshop%E5%85%A5%E9%96%80%E6%95%99%E5%AE%A4-CS2-CS%E5%AF%BE%E5%BF%9C-%E4%BA%95%E4%B8%8A-%E3%81%AE%E3%81%8D%E3%81%82/dp/4798111953/ref=sr_1_1?s=books&ie=UTF8&qid=1348498454&sr=1-1

基本操作を覚えたらWeb情報を収集します。

PHOTOSHOP VIPさんが親切です

http://photoshopvip.net/

から全部自分で作らなくても、素材サイトからダウンロードして加工するなどして手間を省きます

PCスマホ携帯(ガラケー)全部に対応するのは大変なので、

初めはそのサービスを最も使うだろうと思われるどれか1つに絞ります

初めに作る際のお勧めPCサイトです。

PCサイトならスマホでも最低限アクセスはできるし、携帯は縮小傾向なので優先度低、

スマホ画面サイズがまちまちでタブレット端末が目下発展中、AndroidブラウザがたくさんあるがChromeに統一されていくかも、

混沌とした状況なのでお勧めしません。

複数デバイスへの対応リリース後でも遅くありませんが、

対応する際はCSSを切り替えてレスポンシブレイアウトにするのがお勧めです。

その他、困ったらTwitter社が公開しているブートストラップを使うのもお勧めです。

ブートストラップcssフレームワークで、簡単にシャレ乙なデザインに仕上がります

超便利!Twitter BootstrapでさくさくWeb開発

http://blog.asial.co.jp/887

どうしても自分イケてるデザインが出来ないと思ったら、友だちに頼んだり、SNSコミュで募集したり、

デザイン系の大学専門学校掲示板にビラを貼らせてもらったりしましょう。制作費が出せればランサーズで募ってもいいかも。

Lancers - 仕事フリーランス発注できるクラウドソーシングサービス

http://www.lancers.jp/

僕はたまたまフォトショップの使用経験があったので、ここにかけた時間は30時間ではなく5時間程です(トータル275時間で開発)。

後編はこちら

http://anond.hatelabo.jp/20120926165920

【2012超まとめ】確実にWEBサービスを作りたい人へ【前編】

(記事が長すぎたので前編・中編・後編に分けました)

僕ももう、リストラされそうなとあるおっさんなんですが、先日Webサービス公開しました

きっかけになったのはこの記事です。

自分WEBサービスを作りたいと思っている人へ

http://anond.hatelabo.jp/20101203150748

こんな事できたら良いなぁと思っていると、他にもやっている方たちがいました。

たった2日で製作されたWebサービス「お部屋晒し」って?

http://matome.naver.jp/odai/2131952812556433001

WEBサイト発注してみた。

http://anond.hatelabo.jp/20120318122617

Rails3 と jQuery で、真面目にオシャレなエロサイトをつくってみました - h300

http://d.hatena.ne.jp/inouetakuya/20120331/1333192327

週6フリーターWEBサービス作ってみました。

http://anond.hatelabo.jp/20120914214121

その他、ロプロスさんがまとめてくれています

http://blog.ropross.net/archives/99

これらを読んで自分もやってみたくなり、

先日の家入さんの折れずに挑戦を続ける姿を見てモチベーションも高まり

7月21日~8月19日の30日でWebサービス作りました

最後の一週間はお盆休みでしたが、それ以外は平日は仕事をしながら土日をフルに使っています

試行錯誤込みで、だいたい300時間くらいだと思います

その方法をできるだけ詳しく、具体的に書きます

と言っても、いきなり高度な事をするのは大変なので、

本当に自分が作りたいサイトをやる前に、一度シンプルサイトを作ってみる、という所までです。

やってみて改めて分かったのは、「自分WEBサービスを作りたいと思っている人へ」の中の人はかなりがんばったんだなぁ、と。

かなりの熱意とモチベーションをもって、効率良くやらないと、一から勉強してあの短期間であのサイトは作れません。

プロ顔負けの技術とおもしろいアイデア情熱をもって短期間でそれをやってしまった中の人は凄いです。

からWebサービスに夢を見る人(僕)も、Web業界の人も、あとHな人もブクマするのでしょう。(賞賛

それでは、一般人が一般的ながんばりで確実にやれるだろう手堅いラインをお届けします。

偏差値40の僕が最低限ここまで出来たので、きっとあなたならもっと出来るはず。

ステップ7まではサクサク進めて、分からなくてもどんどん次に行きましょう。

今回ぼくが作ったサイトはこちら

気になるあの人に内緒告白!「好きでいて.net

http://sukideite.net/

ステップ0:準備

パソコンを用意

インターネット接続環境

ブラウザChrome,IE,Firefox,Safariあたりをインストールしておく。Chrome便利。

・作りたいサイトアイデアデザインイメージドメイン名(○○○.comとか)のイメージ

・作る理由とやる気

はてブ便利、Web業界の皆さんの空気感を知るため、なるべくPCスマホでチェック。

ステップ1:HTML・CSS(10時間

HTMLCSSについて調べる。

ブラウザ右クリックして「ソースを表示」すると出てくるアレです。

Yahoo!とかのソースを見るとかなり長いけど、全部書くわけじゃないか大丈夫

ネットで調べても良いけど、やっぱり基礎知識は本が良いと思います

これを半日くらい眺めます

よくわかるHTML5+CSS3教科書

http://www.amazon.co.jp/%E3%82%88%E3%81%8F%E3%82%8F%E3%81%8B%E3%82%8BHTML5-CSS3%E3%81%AE%E6%95%99%E7%A7%91%E6%9B%B8-%E5%A4%A7%E8%97%A4-%E5%B9%B9/dp/4839943486/ref=sr_1_2?ie=UTF8&qid=1347970693&sr=8-2

メモ帳で書いてブラウザで表示して、メモ帳で直してブラウザF5で更新して確認、

って流れで挙動を把握していきます

何となく分かってきたら、より具体的に理解するためにこの本を読みます

概要が分かればあとは実践で伸びるのでだいたいでOK。

XHTML/HTML+CSSスーパーレシピブック

http://www.amazon.co.jp/XHTML-HTML-CSS%E3%82%B9%E3%83%BC%E3%83%91%E3%83%BC%E3%83%AC%E3%82%B7%E3%83%94%E3%83%96%E3%83%83%E3%82%AF-%E3%82%A8%E3%83%BB%E3%83%93%E3%82%B9%E3%82%B3%E3%83%A0%E3%83%BB%E3%83%86%E3%83%83%E3%82%AF%E3%83%BB%E3%83%A9%E3%83%9C/dp/483993276X/ref=sr_1_1?s=books&ie=UTF8&qid=1347974663&sr=1-1

ステップ2:PHP20時間

PHPについて調べる。

初めはこの本が勉強になりました。

よくわかるPHP教科書

http://www.amazon.co.jp/%E3%82%88%E3%81%8F%E3%82%8F%E3%81%8B%E3%82%8BPHP%E3%81%AE%E6%95%99%E7%A7%91%E6%9B%B8-%E3%81%9F%E3%81%AB%E3%81%90%E3%81%A1-%E3%81%BE%E3%81%93%E3%81%A8/dp/4839933146

書いてある通りロカールサーバー(XAMPPMAMP)を入れて、自分マシンPHPが動くようにします。

データベースの使い方も一緒に書いてあるので入門に最適です。

次はこれを読みます

普通に読んでいくと中盤のフレームワークを作る所で挫折するはずなので、一旦そこまででOK。

パーフェクトPHP

http://www.amazon.co.jp/%E3%83%91%E3%83%BC%E3%83%95%E3%82%A7%E3%82%AF%E3%83%88PHP-PERFECT-SERIES-%E5%B0%8F%E5%B7%9D-%E9%9B%84%E5%A4%A7/dp/4774144371/ref=sr_1_1?s=books&ie=UTF8&qid=1347971428&sr=1-1

PHPの他の選択肢としてRubyPythonもあるみたいですが、学習コストがかかりそうなのと、そのままでは動かないサーバーがあったりで、

PHPと比べてまだまだエレガント感があります

最先端プログラマーになる必要はないので、レガシー&枯れたPHP一択です。

カッコつけずにモチベーションが持続するうちに勝負です。

ステップ3:サーバー10時間

サーバーを借ります

VPS(専用サーバーを仮想的に分割して安くしたサーバー)が流行ってますが、

学習コストがかかるのと勉強する事が増えるので割りきって始めは普通レンタルサーバーします。

VPSを借りるとLinuxの知識やWebサーバーメールサーバー、及びそれらの保守管理などの知識が必要になります

レンタルサーバーならある程度マネージドで、作ったプログラムが動かない時の原因の切り分けもしやすいです。

おすすめは「さくらレンタルサーバー」のスタンダードプランです。データベースの使えない「ライトプランは止めましょう。

http://www.sakura.ne.jp/

その他、ロリポップCORESERVERなどいろいろあるので最低限PHP,MySQLが使えるサーバーを選びます

サーバー契約したらアカウント情報を確認して、FTPログインしてみましょう。

FTPソフトフリー定番FFFTPを使います

http://sourceforge.jp/projects/ffftp/

ログインできたら、ステップ1で練習したファイルアップロードしてブラウザで表示してみたり、

ステップ2で作ったPHPファイルアップロードしてブラウザで実行してみたりします。

ローカルサーバーと同じように動けばOK。

慣れてきたらFileZilla FTP Clientが便利です。

http://filezilla-project.org/

ステップ4:ワードプレス(10時間)

Webサービスのしくみを理解するために、WordPressを借りたサーバーに入れてみます

WordPressPHPで出来たCMSコンテンツ管理システム)で、ステップ1~3がどう組み合わさって動くのか理解できます

ブログ会社案内サイト程度は作れてしまうので触れておいて損はないです。

テーマをいじったり、プラグインで遊んでみると理解が深まります

オススメはこの本。

WordPress レッスンブック 3.x対応

http://www.amazon.co.jp/WordPress-%E3%83%AC%E3%83%83%E3%82%B9%E3%83%B3%E3%83%96%E3%83%83%E3%82%AF-3-x%E5%AF%BE%E5%BF%9C-%E3%82%A8%E3%83%93%E3%82%B9%E3%82%B3%E3%83%A0/dp/4883377245/ref=sr_1_2?s=books&ie=UTF8&qid=1348060950&sr=1-2

プラグインのまとめはこの辺りが親切。

2011年版!絶対にインストールしたいWordPressプラグイン45個

http://vanilla-stone.com/blog/wordpress/2011-edition-45-wordpress-plugin-pieces-install-absolute/

TwitterInstagram連携するプラグイン入れたり、CRONで自動化したりすると楽しくなってきます

簡単なSNSくらいならここまでで出来てしまうかも。

ステップ5:CakePHP(20時間)

ここまでで何となくWebサイトのしくみが理解できると思いますが、

自分の作りたいサイトを一から書いていくと思うと心が折れると思います

そこで、CakePHP(ケーキピーエイチピー)というフレームワーク勉強します。

フレームワークというのはWebサイトの開発で必要になることが多い色んな機能をまとめてくれている枠組みソフトです。

PHPの文法で、フレームワークの書き方のルールに従うだけで、様々な便利機能を簡単に使用でき、

慣れると開発の効率も激しく上がります

フレームワークは他にRubyRuby on RailsPHPだとSymfonyYiiなどかなりの種類があります

CakePHPおすすめなのはこの二冊。

CakePHP 1.3によるWebアプリケーション開発―オープンソース徹底活用

http://www.amazon.co.jp/CakePHP-1-3%E3%81%AB%E3%82%88%E3%82%8BWeb%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E9%96%8B%E7%99%BA%E2%80%95%E3%82%AA%E3%83%BC%E3%83%97%E3%83%B3%E3%82%BD%E3%83%BC%E3%82%B9%E5%BE%B9%E5%BA%95%E6%B4%BB%E7%94%A8-%E6%8E%8C%E7%94%B0-%E6%B4%A5%E8%80%B6%E4%B9%83/dp/4798026646

プロになるための PHPプログラミング入門

http://www.amazon.co.jp/%E3%83%97%E3%83%AD%E3%81%AB%E3%81%AA%E3%82%8B%E3%81%9F%E3%82%81%E3%81%AE-PHP%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E5%85%A5%E9%96%80-%E6%98%9F%E9%87%8E-%E9%A6%99%E4%BF%9D%E5%AD%90/dp/4774149721/ref=sr_1_2?s=books&ie=UTF8&qid=1348062131&sr=1-2

あと、余裕があればこれも購入。

この本の情報Webで調べれば解決できるのでなくてもOK。

Pocket詳解 CakePHP辞典

http://www.amazon.co.jp/Pocket%E8%A9%B3%E8%A7%A3-CakePHP%E8%BE%9E%E5%85%B8-%E6%BB%9D%E4%B8%8B-%E7%9C%9F%E7%8E%84/dp/4798027456/ref=sr_1_1?s=books&ie=UTF8&qid=1348062432&sr=1-1

注意したいのは、現在CakePHPバージョンは1.3系と2.0系がありますが、1.3を使うという事です。

2.0系は新しい機能が付いたりパフォーマンスが良くなったりしていますが、2012年9月現在

バージョンアップが激しく、関連書籍は2~3冊程度、Web検索でもヒットするのは1.3の情報が圧倒的に多いです。

MVCというデータ処理・表示処理・それらのコントロール処理を分離して記述するルールや、

ステップ2では踏み込んでいなかったクラスが出てきますので、慣れるまではかなりの心折設計です。

難しすぎて僕は理解できなかったので、ここで一旦CodeIgniter浮気しました。

CodeIgniterCakePHPと同じPHPで書かれたフレームワークで、インド方面で良く使われてるらしい。日本だとまだマイナー、かな。

ライセンス問題で下火になっていますが習得の容易さとパフォーマンスが良いのでフレームワークという概念の把握にはオススメです。

本はこれ一冊しか出ていませんが分かりやすくてオススメです。

僕はこれを読んでCodeigniterだけじゃなくてCakePHPも理解できました。

CodeIgniter徹底入門

http://www.amazon.co.jp/CodeIgniter%E5%BE%B9%E5%BA%95%E5%85%A5%E9%96%80-%E6%B2%B3%E5%90%88-%E5%8B%9D%E5%BD%A6/dp/4798116769/ref=sr_1_1?s=books&ie=UTF8&qid=1348062829&sr=1-1

ただ、CodeIgniterは簡単・高速で習得しやすいけど、

その分シンプル機能が少ないので、ちゃんとしたサイトを作ろうと思うほど自分で書く部分が増えていきます

セキュリティユーザー認証なども素人が自前で一から作るのは危険なので、やっぱりCakePHPお勧めです。

開発する時はgitHubに上がっているデバッグキットを入れると便利です。

cakephp / debug_kit

https://github.com/cakephp/debug_kit/tree/1.3

それから、ここいらで開発環境を導入します。

PHPの開発環境おすすめは2種類。

Eclipse+PDT

http://codezine.jp/article/detail/5105

NetBeans IDE

http://ja.netbeans.org/

僕はNetBeansを使ってます

NetBeansを使う時のCakePHP用の追加モジュールはここ

https://github.com/evilbloodydemon/cakephp-netbeans/tree/autocomplete

中編はこちら

http://anond.hatelabo.jp/20120926165533

http://anond.hatelabo.jp/20120926162944

いや、あいつは相当な善人だったと思うよ。

善人すぎて狂人と紙一重だったのさ。

モラハラでもDVでも、相手を脅してでも恋人出来るのに・・・

要するに、嘘ついたり、脅したりしないと 恋人出来ないのね。

 

おいらはいったい、何のために 生まれてきたんだろうなと。寂しく思う。

http://anond.hatelabo.jp/20120926144452

ごっこだなんて予防線張ってるところがまた悪質だな

幸せになれるといいな

がんばれよ

http://anond.hatelabo.jp/20120926151737

環境次第では素晴らしい政治家になった可能性もあった。

なんか変な方に行っちゃったけど。

それはない

彼は政治思想がどうこうじゃなく純粋無能なんだ

思慮も経験も「ネットちょっと政治語ってる善良なブロガーレベル人間なのに

実家大金持ちなせいで子分をたくさん飼えるから分不相応な地位に

喘息の苦しさについて先日ぐぐっていろいろなサイトを見て回ったんだが

そのせいか

./Jのアフィが

PR: チェンジ喘息! 云々

だらけになってわろち

http://anond.hatelabo.jp/20120926151737

前も書いた気がするけど、鳩山オメガトライブキングダムに出てきた松平貞之助を彷彿とさせるんだよね。

頭のおかしさにおいて。残念ながら松平の有能さはないけど。

タバコくさい。くらくらしてくるわ

http://anond.hatelabo.jp/20120926151155

あぁまぁ。メンヘラも含め、みんなで集まる増田ということで。

正直すまん。

http://anond.hatelabo.jp/20120926150710

いちおう、政治世界の中では若手で 若手の中では実力派だったはず。

なので、若くして総理大臣に選ばれたが、まだ、若かった。

もう1度チャンスをという事だと思う。

やはり、政治は老獪で厳しいと言うことだろうと見ている。

http://anond.hatelabo.jp/20120926151155

相手にする増田「そんな彼より俺にヤラせろ!」

鳩山

レベル違うよ。

あれは凡人には理解できない。

環境次第では素晴らしい政治家になった可能性もあった。

なんか変な方に行っちゃったけど。

ログイン ユーザー登録
ようこそ ゲスト さん