fbpx

メニュー

高学歴文系&職歴なし&30歳でWebクリエイターになる方法(自習編~自分の屍を超えていけ)

高橋文樹 高橋文樹

この投稿は 15年半 前に公開されました。いまではもう無効になった内容を含んでいるかもしれないことをご了承ください。

さて、高学歴文系&職歴なし&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サイトを作れるようになっていると思いますが、そもそもなんでメリケンの作ったページを自分が見られるのかについても一応知っておいてください。

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

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

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

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

Apacheハンドブック

価格¥716

順位240,685位

Ben Laurie, Peter Laurie, 大川 佳織, ほか

発行オライリージャパン

発売日2003 年 9 月 1 日

Amazonを開く

Supported by amazon Product Advertising API

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

VMware徹底入門

価格¥4,159

順位1,896,904位

ヴイエムウェア

発行翔泳社

発売日2008 年 11 月 1 日

Amazonを開く

Supported by amazon Product Advertising API

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

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

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

価格¥5,375

福田 和宏

発行ソーテック社

発売日2008 年 12 月 20 日

Amazonを開く

Supported by amazon Product Advertising API

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

一般教養としてのUNIX/Linux

価格¥1

中原 紀

発行インプレス

発売日2006 年 3 月 29 日

Amazonを開く

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

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

ヴァインランド

価格¥1,892

順位78,042位

トマス ピンチョン

原名Pynchon,Thomas

翻訳良明, 佐藤

発行新潮社

発売日1998 年 12 月 1 日

Amazonを開く

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で振り分けたりするのは、ちょっと技術がいります。携帯サイト専門の会社もあったりするので、やっておくに越したことはないでしょう。

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

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

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

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

Web情報ア-キテクチャ: 最適なサイト構築のための論理的アプロ-チ (第2版)

価格¥24

順位1,112,534位

Louis Rosenfeld, Peter Morville

翻訳ソシオメディア

発行オライリージャパン

発売日2003 年 8 月 1 日

Amazonを開く

Supported by amazon Product Advertising API

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

価格¥421

順位751,958位

Peter Morville

翻訳浅野 紀予

発行オライリージャパン

発売日2006 年 4 月 1 日

Amazonを開く

Supported by amazon Product Advertising API

スケーラブルWebサイト

価格¥1

順位1,388,966位

Cal Henderson

翻訳武舎 広幸, 福地 太郎, 武舎 るみ

発行オライリー・ジャパン

発売日2006 年 12 月 26 日

Amazonを開く

Supported by amazon Product Advertising API

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

価格¥31

順位752,089位

WDG作成プロジェクト

編集スマートイメージ

発行ワークスコーポレーション

発売日2005 年 3 月 31 日

Amazonを開く

Supported by amazon Product Advertising API

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

価格¥3,480

順位642,094位

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

発行ソフトバンククリエイティブ

発売日2006 年 9 月 27 日

Amazonを開く

Supported by amazon Product Advertising API

終わりに

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

追記

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

すべての投稿を見る

高橋文樹ニュースレター

高橋文樹が最近の活動報告、サイトでパブリックにできない情報などをお伝えするメーリングリストです。 滅多に送りませんので、ぜひご登録お願いいたします。 お得なダウンロードコンテンツなども計画中です。