Web

この投稿は8年半前の記事です。 情報が古くなっている可能性があるので、その点ご了承ください。
2009 年 1 月 24 日 3,047日前)
9,452文字 (読了時間23分)

SPONSORED LINK

さて、高学歴文系&職歴なし&30歳のあなたがWebクリエイターになるために色々と書いてきましたが、前回に引き続き、学習方法です。

Web業界は技術が日進月歩なので、入ったらずっと勉強し続けなくてはいけないのですが、勉強が得意なあなたにはさしたる問題にならないでしょう。まさか、「何を勉強したらいいかわからない」とはならないはずです。

実は前回までに述べてあることをちゃんとやり、就職前にちょっとした準備をすれば、「まあ、雇ってやってもいいか」となるはずです。もしかしたら、どこかの職にありついているかもしれません。が、極度のKYであり、なおかつ30歳を超えて大変ナイーブになっているあなたのことです。面接スキルには甚だしい不安がありますので、もうちょっと勉強しておきましょう。

ところで、前回のPHPの部分はちょっと雑に書きすぎたという反省があります。サーバサイド・アプリケーションとサーバについてもうちょっとちゃんと書きたいと思います。あと、Dreamweaverのことを書き忘れたので、それも書いておきます。

補遺1:サーバサイド・アプリケーション

サーバサイド・アプリケーションには、色々とあります。僕がPHPをオススメしたのは、動かし始めるのが一番簡単だったのと、Web系のオープンソース・アプリが豊富だったからという理由があります。

しかしながら、他にもそういう言語がありますので、手を出してみてください。少なくとも、下記のプログラミング言語に手を出し、Hello Worldをして、簡単なWebアプリを作るぐらいまではやっておきましょう。

原則はRead, Write, Read, Writeです。コードをいっぱい書きましょう。大丈夫、ちょっとしたWebアプリを作るのは、小論文より簡単です。

Perl
PHPほどではないが、簡単に始められる。ただし、Webアプリとして動かすのはちょっと大変。Xamppのアドオンとしてインスコすればそんなに苦もなく始められます。CGIという概念を知っておく必要もある。掲示板でも作ればよろし。
Ruby
ギークの間で大ブーム(なのかな?)Ruby On Railsというフレームワークがあり、15分でブログが作れる。DHHすげえ。
僕が会社のMacでインスコを試みたときは、Macportsで使うrsyncのポート873が閉じていることに気づくまで小三時間を費やしましたが、Windowsならワンクリックインストーラがあります。〔参考:初心者のためのRubyインストールガイド〕 インスコしたら、gem install rails –include-dependenciesとコマンド打って終わり。
Java
いろんなところで使える。Javaをバリバリ書けると仕事がいっぱいある。Web系から組み込み系に移ることはまあないと思うけど。XamppのアドオンでTomcatアドオンがあるので、それを使ってください。PHPから入ると「面倒臭くて役に立たないんじゃ?」と思ってしまうかもしれませんが、家畜のようにHello Worldしてください。Actionscriptのところで学んだコンパイルという概念がここで大活躍。参考はJava入門教室を3時間、JSP入門教室を3時間です。
ASP
これはプログラミング言語じゃなくて、Active Server Pages、つまり動的にページを作成する仕組み自体を指します。VBscript、C#、Jscript、Perlなどを使って作ります。Perlはすでにやったので、VBがいいでしょう。Office系のツールを使うときにも役立ちます。
なお、職歴なしのあなたが買ったWinパソコンに入っているのは、100%XP Home Editionなので、ASPを勉強できないと思ってしまいがちです。が、別にIISをインスコできなくても、大丈夫。すでに質問がなされています。個人的にはMonoというオープンソースのツールを使うのが吉だと思います。

さて、あなたはやたらとたくさんの技術を勉強しているわけですが、これには理由があります。

よくギークの間では、どのプログラミング言語が優れているかという話になりがちですが、高学歴文系&職歴なし&30歳のあなたにはとってはどれでもいいと思います。というより、どれに特化するかは、就職先によって決めるべきです。

mixiはPerlで作ってるからダメとか、PHPは使う奴のレベルが低くてダメとか、そういった議論に耳を貸す必要はありません。あなたはまだプログラミング言語の技術仕様によって有意な差が出るほどのスキルに到達していないのです。

たとえば、あなたが就職した会社の業態が、「Web制作も請け負うけれど、メインはASP(アプリケーション・サービス・プロバイダ。紛らわしいですね)」だったとします。自社製のアプリケ-ションを月々20万とかで貸し出しているところです。月々20万でECサイトが開ける! とかですね。

で、その会社ではASP開発チームが花形であり、HTMLコーダーの地位が低かったとします。そんな会社であなたがコーディングを続けるのは危ないですよね。ぜひ花形チームに入るか、少なくとも彼らと高度に連携して仕事をしたいもんです。しかし<%=hoge %>…だと…? という状況では待遇改善は見込めません。きゃつらがやっているのが何かを知っておく必要があります。

まあ、Webクリエイターということなので、はじめは表層周りが多いでしょう。上に挙げたものをこてこてに勉強する必要はありません。はやる好奇心をなだめつつ、各一日で済ませましょう。最初はHTML、CSS、Javascript、Flash、PHPを重点的にやりつつ、他のもちゃんと勉強するという感じがいいんじゃないでしょうか。

補遺2:ネットワークやらサーバやらについて

ここまできて、あなたはとりあえずWebサイトを作れるようになっていると思いますが、そもそもなんでメリケンの作ったページを自分が見られるのかについても一応知っておいてください。

ネットワークはなぜつながるのか 第2版 知っておきたいTCP/IP、LAN、光ファイバの基礎知識

ネットワークはなぜつながるのか 第2版 知っておきたいTCP/IP、LAN、光ファイバの基礎知識 [書籍]

著者戸根 勤

クリエーター日経NETWORK

出版社日経BP社

出版日2007 年 4 月 12 日

商品カテゴリー単行本(ソフトカバー)

ページ数445

ISBN4822283119

Supported by amazon Product Advertising API

ping、netstat、traceroute、ftpなどを使い、コマンドクライアントでインターネットというものを体験してみるのもいいでしょう。サーバにShellアクセスというのは結構使うので、調べてやってみてください。Teratermというツールがあります。

また、あなたはこれまでXamppやそのアドオン、Railsに入ってるMongrelばっかり使っていたので、サーバのことがよくわからないと思います。が、サーバについてはちゃんと知っておいた方がいいでしょう。

ぜひ自宅サーバを立ててください。Xamppが入ってれば、ポートを開いてDNSサーバを見つけるだけです。以下の情報を参考にしてください。

また、Apacheの設定方法についても知っておいて損はないでしょう。「PHPで作ったオンライン画像編集ツールが動かない!」と思ったら、単にサーバの設定ミスだったりするものです。これを読んでください。

Apacheハンドブック

Apacheハンドブック [書籍]

著者Ben Laurie, Peter Laurie, 大川 佳織, 田辺 茂也

出版社オライリージャパン

出版日2003-09

商品カテゴリー単行本

ページ数647

ISBN4873111501

Supported by amazon Product Advertising API

あと、Linuxについてもちょっと手を出しておくといいでしょう。VMwareというデスクトップ仮想環境があるので、それをインスコしてください。

VMware徹底入門 (DVD付)

VMware徹底入門 (DVD付) [書籍]

著者ヴイエムウェア株式会社

出版社翔泳社

出版日2008 年 11 月 13 日

商品カテゴリー大型本

ページ数416

ISBN4798118095

Supported by amazon Product Advertising API

あなたのXPパソコンに二つのOSを入れられます。すごいですね。挙動がおかしくなったらOS再インストールです。ハードさえ壊れなければ、あなたのPCは何度でもよみ返ります。あなたの人生がそうであるように。

Linuxはインストールしてサーバ立てたらそれでいいです。makeやrpmでのインスコも一回ぐらいやるといいでしょう。ディストリビューションはメジャーなFedoraでいいでしょう。

Fedora 10で作る最強の自宅サーバー (CD/DVD付)

Fedora 10で作る最強の自宅サーバー (CD/DVD付) [書籍]

著者福田 和宏

出版社ソーテック社

出版日2008 年 12 月 20 日

商品カテゴリー単行本(ソフトカバー)

ページ数431

ISBN4881666630

Supported by amazon Product Advertising API

LINUXとWindowsの違いは、あえて乱暴に言うならば、ファイルの置き場所ぐらいです。それじゃ困るという場合は以下の書籍を参考にしてください。

一般教養としてのUNIX/Linux

一般教養としてのUNIX/Linux [書籍]

著者中原 紀

出版社インプレス

出版日2006 年 3 月 29 日

商品カテゴリー単行本

ページ数304

ISBN4844322478

Supported by amazon Product Advertising API

また、DNSサーバ、メールサーバ、DBサーバ、ストリーミングサーバなどについても色々と知っておく必要があります。運用することを生業とするかどうかはわかりませんが、知らないと外注もできないからです。舞い込んでくるすべての仕事に「できます!」と答えるためにも、手広く学びましょう。

補遺3:Dreamweaverも知っておく

Dreamweaverというのは、Web用オーサリング・ツールです。破滅派を運営している僕は「なんでもタダでやってやる!」という行動原理を持っているので、自宅でも会社でも無料のAptanaというツールを使っていますが、普通の会社ではDreamweaverを使います。

また、これは後述するSTEP3にも関係するのですが、Dreamweaver一辺倒の会社というものもあります。クライアントが古くからWebをやっており、今さら安易にCMS化できないほど大規模になってしまったりすると、そうなります。PHPなどを使わずに、Dreamweaverのテンプレート機能で大量の静的ページを作っちゃう、というわけです。あなたがDreamweaverの操作方法を知らないままそこに入社した場合、「使えねえ!」となってしまいます。

実際、Javaプログラマーから転身してきたにも関わらず、それが理由で低い評価を受けてしまった人を僕は見ました僕のいる会社じゃないですが

会社なんて、そんなもんです。なので、Dreamweaverの操作方法も覚えましょう。Adobeからダウンロードしてください。

そうそう、Dreamweaverは初心者がとりあえずWebサイトを作れるようになるにはうってつけのツールであるため、あなたが使わなかったとしても、将来的には部下に使い方を教える必要が出てくることもありえます。なので、使い方を覚えてください。これまでサボらずに勉強を続けてきたあなたなら、二日で覚えられます。

さて、そろそろ本題に入ります。あなたは「補遺長え!」と思ったかもしれませんが、そんなことでは高学歴文系の名折れです。あなたは注釈が恐ろしく多い文学作品も読んでいるはずですから。

ヴァインランド

ヴァインランド [書籍]

著者トマス ピンチョン

クリエーターThomas Pynchon, 佐藤 良明

出版社新潮社

出版日1998-12

商品カテゴリー単行本

ページ数645

ISBN4105372017

Supported by amazon Product Advertising API

STEP3:オープンソースでにわかグループワーク

さて、あなたはこれまで自習でスキルを培ってきましたが、自習だけではどうしても到達できないものがあります。それは、グループワークです。

一人でやっていると、オブジェクト指向のメリットがよくわからなかったりするのですが、それはこのグループワークがないせいだというのが僕の個人的な意見です。

企業というものは普通集団行動をします。また、自分の受けた案件を他の人が引き継ぐこともあります。これはコーディングだけに限った話ではなく、psdやaiファイルで作ったデザインカンプなど、あらゆる成果物にいえることです。

この共有・引き継ぎができないとなると、あなたは企業人として使い物にならないという烙印を押されてしまいます。極度のKYであるあなたにはマイ・ルールを押しつける習性がありますが、他人にもマイ・ルールがあり、しかもそいつが自分より権力者である場合が往々にしてあります。権力闘争に勝利するまでは、マイ・ルールを大事にとっておきましょう。

さて、PHPがある程度できるようになったあなたは、もうCMSを構築できるでしょう。が、ここはWordPressをオススメしておきます。Xoops、ECcube、OpnePNEなどもありますが、全部Smartyなので、「え?」となってしまいます。まあ、Smartyを勉強して他のツールに挑んでもいいですが。

とにかくWordPressをインストールして、以下の三つの醍醐味を味わいましょう。

  1. 共有できる成果物の作り方
  2. 具体的な共有方法と、共有に必要なツール
  3. 優れたクリエイターの技術を見る

さて、WordPressをインスコしたら、プラグインという拡張機能を手当たり次第入れてください。そして、「この仕組みはどうなっているんだろう?」「あれ、エラーが発生したぞ」という時、ソース・コードを読んでください。そして問題を見つけてください。WordPressはテーマの切り替えもできます。人気のあるテーマを落としてCSSを読んでみるといいでしょう。とにかく、他人のソースを読むのです。

ここであなたははじめて「他人のルール」に出遇います。もちろん、いいルールと悪いルールがあるのですが、あなたは他人のソースに触れ、自分がそれをカスタマイズできるのはなぜなのかということに思い当たります。そう、この発見が大事なのです。にわかギークのあなたごときが高機能ブログ・エンジンを使いこなせるのは、優れた人があなたでも使いこなせるようにしてくれたからです。

つまり、他人と共有できる成果物の作り方を学べるわけですね。コメントが重要な役割を果たすことに気づくはずです。

オープンソースの醍醐味その2に行きましょう。まだ低スキルのあなたがコア・プロジェクトのメンバーになるのはウザがられると思いますので、オープンソースがどうやって開発しているのかを知っておきましょう。

わかりやすいのは手嶋屋さんのOpenPNEです。ここはTracで管理しているので、色々と見てください。タイムライン、ロードマップ、バージョン管理、Wikiなどを使いこなし、グループワークを行っています。ただ単にスキルがあるだけではなく、それを共有できるのが大事なのだということを学べますね。

ちなみに、開発に参加するには亀ちゃん印のツールを使えばできます。これで、どうやって仕事を共有しているかがわかります。バリバリコーディングするだけが仕事じゃないんですね。

そして、オープンソースの醍醐味その3。これがもっとも大事なのですが、自分よりスキルが高い人のソースを見られるということ。関心するほど高機能なツールに出遇ったら、そのソースを読みましょう。発見は多いはずです。これは今後も続けていきましょう。たとえ仕事が決まったとしてもです。

あなたは実務経験なしで就職するので、はじめは低スキルでもやっていける仕事しかできません。給料も月20万ぐらいです。しかし、そのままではいつまでたってもスキルが上がらず、給料も上がりません。まあ、低スキルなディレクターなんて腐るほどいるので、別になれるっちゃなれるんですが、さらに偉くなるには技術的にも明るくないと困ります。極度のKYであるあなたはコミュニケーション能力がないので、ある程度技術を磨く必要があります。

あえて不遜なことを言います。低スキルでやっていける職場において、先輩や同僚のソースが参考になるでしょうか? あなた自身が低スキルなうちはまだいいですが、ある程度経験を積んでくると、物足りなくなってきます。

そこで、スーパークリエイターたちのソースを読みながら勉強していくわけです。あなたの職場にスーパークリエイターがいない可能性はとても高いですが、有名なオープンソースにはスーパークリエイターがごろごろ参加しています。ちなみに、WordPressを作ったmattはまだ25歳なんですね。20歳のときにWordPress作ったとはスゴイですね。まあ、綿矢りさと同じ月にデビューして比較されまくった僕は何も感じませんが。

フォトショやイラレなどの場合は、海外のサイトで動画を公開していたりするので、参考にしましょう。ニコ動などにも公開されていますが、なぜか日本のスーパークリエイターは初音ミクとかハルヒとかアニキばっかり書くのでちょっと偏ってしまいます。ただ、巨乳の女の子が着ている服の胸元の皺とグラデは参考になることでしょう。クオリティが高いことは高いです。

あと、外人は基本的に恥ずかしがらずに自分のスキルをさらす傾向にあるようです。そこら辺は日本のWebと文化が違うので、学ぶにはうってつけです。

STEP4:その他

色々と書きましたが、他にも携帯対応などを試してください。ただ単に携帯サイトを作るのは面倒くさいだけで簡単ですが、同じページをPHPで振り分けたりするのは、ちょっと技術がいります。携帯サイト専門の会社もあったりするので、やっておくに越したことはないでしょう。

携帯端末用Web制作バイブル 第2版 (ADVANCED WEB DESIGN BOOKS)

携帯端末用Web制作バイブル 第2版 (ADVANCED WEB DESIGN BOOKS) [書籍]

著者八木澤 知彦

出版社翔泳社

出版日2006 年 6 月 27 日

商品カテゴリー大型本

ページ数304

ISBN4798111287

Supported by amazon Product Advertising API

高学歴文系のあなたにはNTT DocomoやKDDIなどに勤務している知人がいるでしょうから、公式サイト化するときにそのコネをフル活用してください。長らく疏遠になっていたあなたは、社会的成功を収めた友人へ連絡をとることに気後れしがちですが、大丈夫です。彼ら・彼女らがどんなに金を持っていて、どんなにいい服を着ていても、そんなのは形而下の問題です。メタ的な視点に立てば、彼ら・彼女らもまたリュックを片方の肩にだけかけて生きているのです。

あと、セキュリティに関する知識も必要です。Webにはいろんなセキュリティホールがあるので、基本的な情報ぐらいは抑えておきましょう。普通はサーバ管理者やシステム開発者などの詳しい人が会社に一人ぐらいいるものですが、いない場合や、低スキル過ぎて対策してない場合があるので、やるに越したことはありません。IPA ISECのセキュアプログラミング講座を読んでおいてください。

ちなみに、僕は会社のPCにソフトを勝手にインスコしまくってシステム部の部長に二時間立ちっぱなしで怒られましたが、成長にリスクはつきものです。P2Pでキン○マ・ウィルスを踏まなければクビになるようなことにはならないでしょう。サーバ公開だけ自宅でやってください。

その他、読んでおいた方がいい本を挙げておきます。

Web情報アーキテクチャ―最適なサイト構築のための論理的アプローチ

Web情報アーキテクチャ―最適なサイト構築のための論理的アプローチ [書籍]

著者ルイス ローゼンフェルド, ピーター モービル

クリエーターLouis Rosenfeld, Peter Morville, 篠原 稔和, ソシオメディア

出版社オライリージャパン

出版日2003-08

商品カテゴリー単行本

ページ数465

ISBN487311134X

Supported by amazon Product Advertising API

アンビエント・ファインダビリティ ―ウェブ、検索、そしてコミュニケーションをめぐる旅

アンビエント・ファインダビリティ ―ウェブ、検索、そしてコミュニケーションをめぐる旅 [書籍]

著者Peter Morville

クリエーター浅野 紀予

出版社オライリージャパン

出版日2006 年 4 月 1 日

商品カテゴリー単行本(ソフトカバー)

ページ数241

ISBN4873112834

Supported by amazon Product Advertising API

スケーラブルWebサイト

スケーラブルWebサイト [書籍]

著者Cal Henderson

クリエーター武舎 広幸, 福地 太郎, 武舎 るみ

出版社オライリー・ジャパン

出版日2006 年 12 月 26 日

商品カテゴリー大型本

ページ数352

ISBN4873113113

Supported by amazon Product Advertising API

Webディレクション標準ガイド プロジェクト始動からサイトの設計・構築まで

Webディレクション標準ガイド プロジェクト始動からサイトの設計・構築まで [書籍]

著者WDG作成プロジェクト

クリエータースマートイメージ

出版社ワークスコーポレーション

出版日2005 年 3 月 31 日

商品カテゴリー大型本

ページ数344

ISBN4948759716

Supported by amazon Product Advertising API

ユーザ中心ウェブサイト戦略 仮説検証アプローチによるユーザビリティサイエンスの実践

ユーザ中心ウェブサイト戦略 仮説検証アプローチによるユーザビリティサイエンスの実践 [書籍]

著者株式会社ビービット 武井 由紀子, 遠藤 直紀

出版社ソフトバンククリエイティブ

出版日2006 年 9 月 27 日

商品カテゴリー単行本

ページ数351

ISBN4797333529

Supported by amazon Product Advertising API

終わりに

さて、これまで二回にわたって書いてきた技術をすべて身につければ、面接ぐらいはして貰えると思います。実際の就職スキルについては次回書きますが、僕は就職活動をほとんどしたことがないので、あんまり期待しないでください。

追記

就職活動編を書きました。一回ぐらい面接に行ってください。

 

フォローしてください

ここで会ったのもなにかの縁。
高橋文樹.comの最新情報を見逃さないためにもフォローをお願いします。
めったに送らないメルマガもあります。

SPONSORED LINK

この記事について

この記事はが2009 年 1 月 24 日にその他の記事として公開しました。

高橋先生の電子書籍

高橋先生の電子書籍

Amazonで電子書籍も買えます。

好きな言葉

既存の社会制度の中で生き、それを享受してきた人間にとって、そのシステムに期待するものが何もなかった者たちが、格別恐れもせずにその破壊を試みる可能性を想像することはおそらく不可能なのだ。

— ミシェル・ウエルベック

高橋先生の処女作

『途中下車』高橋文樹

2001年幻冬舎NET学生文学大賞受賞作です。

Web制作やります

Web制作やります

Web制作のご依頼は株式会社破滅派へ

不定期メルマガ

高橋文樹.comでは、不定期でニュースレターを配信しています。滅多に送らないので是非購読してください。

高橋文樹.comではプライバシーポリシーに準じて登録情報を取り扱います。