狠狠撸

Hisatoshi Kikumoto

1

自己紹介
菊本久寿

ngi groupの技術開発部部長です
twitter: hisaju01
facebook: hisaju

?2011 ngi group inc. All Rights Reserved 2

一発屋ブロガーです


最初に


私の主観が
結構入るので
ご了承ください


ところで


エンジニアって何？


エンジニアって？
各業界、各分野のエキスパート
? レコーディングエンジニア
? フライトエンジニア
? 構造エンジニア(建築)
? フィナンシャルエンジニア
(金融)


でも今時は
エンジニアって言うと


ITエンジニアです


だからと言ってブログに
エンジニアって書くと


はてぶ民に
ITだけがエンジニアじゃ
ないとかDisられます


ITエンジニアって？
? システムエンジニア
? ほとんどが業務系エンジニアで、主に色々な
会社の受託開発を行っています
? 組み込みエンジニア
? 受託や自社開発でハードウェアとソフトウェ
アをセットで考える人
? ネットワークエンジニア
? 主にサーバーを管理する人。サーバーを貸し
たりしている会社にいっぱいいます。
? 大手サービス会社では専属のネットワークエ
ンジニアが結構います。


今回はWebエンジニア
についてお話します


奥别产エンジニアのお仕事


奥别产サイトを作る
お仕事です


奥别产エンジニアのお仕事フロー
企画
(要件定義)

運用設計

テスト &
開発
リリース


Webエンジニアに必要なスキル
? LL(LightweightLanguage)系のプログラミ
ング知識
? Perl,Python,Ruby,PHPなど
? それに付随するフレームワークやライブラリの知
識
? DBをコントロールするSQLの知識
? その他HTML、Javascriptなどは最低限必要
? Linux系の知識
? ミドルウェア系の知識
? ウェブサーバ、データベースなど


簡単でしょ？


たったこれだけ
覚えるだけで


安定した生活が
送れます


終電で帰るのが
安定しているかどうかは
別として


でも1つ问题があります


安定した生活が
送れるのは


だいたい数年です


なんでか？


あっという間に
技術が変わっていくんで
す


最近は特に早いです


あっという間に
干されます


だから


一生勉強しないと
いけません


はっきり言うと


知的好奇心や
知識欲求が
強い人じゃないと


続けていくのは
難しい
と思います


ここで


エンジニアに
向いている人の
性格を発表します


怠惰


短気


傲慢


これは
プログラマの
3大美徳です


エンジニアに向いている性格
? 怠惰
? 全体の労力を減らすために手間を惜しまない気質。この
気質の持ち主は、役立つプログラムを書いてみんなの苦
労を減らしたり、同じ質問に何度も答えなくてもいいよ
うに文書を書いたりする。
? 短気
? コンピューターが怠慢な時に感じる怒り。この怒りの持
ち主は、今ある問題に対応するプログラムにとどまらず、
今後起こりうる問題を想定したプログラムを書く。少な
くともそうしようとする。
? 傲慢
? 神罰が下るほどの過剰な自尊心。または人様に対して恥
ずかしくないプログラムを書き、また保守しようとする
気質。
Programming Perlより抜粋


スピリチュアルな話は
そろそろ飽きてきたので


まずは


インターネットの
お勉強


URLとHTTP通信


URLの意味
http://adsta.jp/foo/bar.html

? http:// HTTPでアクセス
? adsta.jp adsta.jpというサー
バー
? /foo fooというディレクトリ
? bar.html bar.htmlというファ
イル

adsta.jpというアドレスの
サーバー(补诲蝉迟补.箩辫) サーバーを探してhttpで通信

サーバー(ad-stir.com)

クライアント

サーバー(adplatform.jp)


サーバー(补诲蝉迟补.箩辫)

AAAAA BBBBB クライアント

fooフォルダの
bar.htmlを
bar.html クライアントに
foo 返す


これをプログラムで
やる場合


http://adsta.jp/index.cgi?foo=bar
へアクセス
サーバー(补诲蝉迟补.箩辫)

クライアント

Index.cgiがfoo=barという
パラメータを受け取って
プログラムさんその情報を元に
(index.cgi) HTMLを生成
HTMLを生成して返却


ではプログラムを
作ってみましょう


でもどうやって
開発するの？


開発する場所(ngi group編)

開発サーバステージサーバ本番サーバ

開発を行うサーバです。本番にリリースする前に最実際に稼働するサーバーで
Linux上でSSHで接続して終確認を行うサーバです。す。
CUI上でViやEmacsといった主にプロデューサーやテス開発後にステージでのテス
エディタソフトを使ってターが動作や表示の確認をトが通ったプログラムを配
コーディングを行います。行います。置してユーザが使用できる
ように設定するサーバーで
す。


開発に必要なツール
? SSHクライアント
? Poderosa、TeraTerm、Putty
? テキストエディタ
? Vim、Emacs


SSHってなんだよ


SSH（Secure SHell)
? 主にUNIXコンピュータで利用される、ネッ
トワークを介して別のコンピュータにログ
インしたり、遠隔地のマシンでコマンドを
実行したり、他のマシンへファイルを移動
したりするためプログラム。ネットワーク
上を流れるデータは暗号化されるため、イ
ンターネット経由でも一連の操作を安全に
行うことができる。

? 簡単に言うと、これを使うと開発サーバー
につないで作業ができるんですね


Vim?


Vim
? UNIX系の古くからあるViエディタの派生エ
ディタです。
? SSHもVimもCUIで使うものなので、基本的には
マウスは使いません！
? その為Vimで作業をする場合、まとめて選択し
て消すとか出来ないので、コマンドモードと
編集モードがありコマンドモードで色々な作
業をします（ショートカットみたいなもの)
? 以下のサイトなどでコマンド参照
? http://archiva.jp/web/tool/vim_basic.html


では実際に
サーバーにつないで
開発をしてみましょう


今日のアジェンダ


1. 環境セットアップ
2. Linuxに慣れよう
3. Webアプリケーションのひな型を作
ろう
4. マッシュアップサイトの作り方


1.环境セットアップ


? Poderosaインストール (SSHクライアン
ト)

? WinSCPインストール (SSHでのファイル転
送)

? Sakura Editorインストール (エディ
タ)


2.尝颈苍耻虫に惯れよう


厂厂贬で开発サーバーに
つなぎます


WinSCPでつないでみて
実際の動作をGUIで
確認しながら進めます


ディレクトリの作成、確認、移
動

? pwd
? ディレクトリの確認
? mkdir
? ディレクトリ作成
? cd
? ディレクトリ移動
? ls
? ディレクトリ内のファイル一覧

ファイルの作成、コピー、移動、削除

? touch
? ファイルの作成
? mv
? ファイルの移動
? cp
? ファイルのコピー
? rm
? ファイルの削除

3. Webアプリケーション
の
ひな型を作ろう


Webアプリケーションのひな型作成

1. dancerコマンドでひな型を作ります

dancer –a demo
2. publicディレクトリにシンボリックリンクを
貼ります
ln -s demo/public .

3. http://名前.event.ngigroup.comへアクセス


Dancerフレームワーク処理の流れ

リクエレスポン
ストス
① ④
プログラム
ファイル
(Perl)
② ③
テンプレートファ
設定ファイル
イル


4. マッシュアップサイト
の
作り方


まずは出来ているファイルをコ
ピー

1. ファイルをまるっとコピーしましょう
cp –Rfp /tmp/shoppy .

2. シンボリックリンクを削除してshoppyのシン
rm public
ボリックリンクを貼りましょう
ln -s shoppy/public .


処理内容

1. TwitterのOauth認証でログイン
1. Twitter認証画面へ遷移
2. 認証後戻ってきたらログイン処理


狠狠撸

エンジニアという职业について

More Related Content

エンジニアという职业について