Mais conteúdo relacionado
Semelhante a エンジニアという職業について (20)
Mais de Hisatoshi Kikumoto (7)
エンジニアという職業について
- 4. 一発屋ブロガーです
©2011 ngi group inc. All Rights Reserved 4
- 8. エンジニアって何?
©2011 ngi group inc. All Rights Reserved 8
- 9. エンジニアって?
各業界、各分野のエキスパート
• レコーディングエンジニア
• フライトエンジニア
• 構造エンジニア(建築)
• フィナンシャルエンジニア
(金融)
©2011 ngi group inc. All Rights Reserved 9
- 14. ITエンジニアって?
• システムエンジニア
• ほとんどが業務系エンジニアで、主に色々な
会社の受託開発を行っています
• 組み込みエンジニア
• 受託や自社開発でハードウェアとソフトウェ
アをセットで考える人
• ネットワークエンジニア
• 主にサーバーを管理する人。サーバーを貸し
たりしている会社にいっぱいいます。
• 大手サービス会社では専属のネットワークエ
ンジニアが結構います。
©2011 ngi group inc. All Rights Reserved 14
- 16. Webエンジニアのお仕事
©2011 ngi group inc. All Rights Reserved 16
- 17. Webサイトを作る
お仕事です
©2011 ngi group inc. All Rights Reserved 17
- 18. Webエンジニアのお仕事フロー
企画
(要件定義)
運用 設計
テスト &
開発
リリース
©2011 ngi group inc. All Rights Reserved 18
- 19. Webエンジニアに必要なスキル
• LL(LightweightLanguage)系のプログラミ
ング知識
• Perl,Python,Ruby,PHPなど
• それに付随するフレームワークやライブラリの知
識
• DBをコントロールするSQLの知識
• その他HTML、Javascriptなどは最低限必要
• Linux系の知識
• ミドルウェア系の知識
• ウェブサーバ、データベースなど
©2011 ngi group inc. All Rights Reserved 19
- 22. 安定した生活が
送れます
©2011 ngi group inc. All Rights Reserved 22
- 24. でも1つ問題があります
©2011 ngi group inc. All Rights Reserved 24
- 29. 最近は特に早いです
©2011 ngi group inc. All Rights Reserved 29
- 35. 続けていくのは
難しい
と思います
©2011 ngi group inc. All Rights Reserved 35
- 42. エンジニアに向いている性格
• 怠惰
• 全体の労力を減らすために手間を惜しまない気質。この
気質の持ち主は、役立つプログラムを書いてみんなの苦
労を減らしたり、同じ質問に何度も答えなくてもいいよ
うに文書を書いたりする。
• 短気
• コンピューターが怠慢な時に感じる怒り。この怒りの持
ち主は、今ある問題に対応するプログラムにとどまらず、
今後起こりうる問題を想定したプログラムを書く。少な
くともそうしようとする。
• 傲慢
• 神罰が下るほどの過剰な自尊心。または人様に対して恥
ずかしくないプログラムを書き、また保守しようとする
気質。
Programming Perlより抜粋
©2011 ngi group inc. All Rights Reserved 42
- 45. インターネットの
お勉強
©2011 ngi group inc. All Rights Reserved 45
- 47. URLの意味
http://adsta.jp/foo/bar.html
• http:// HTTPでアクセス
• adsta.jp adsta.jpというサー
バー
• /foo fooというディレクトリ
• bar.html bar.htmlというファ
イル
©2011 ngi group inc. All Rights Reserved 47
- 49. サーバー(adsta.jp)
AAAAA BBBBB クライアント
fooフォルダの
bar.htmlを
bar.html クライアントに
foo 返す
©2011 ngi group inc. All Rights Reserved 49
- 50. これをプログラムで
やる場合
©2011 ngi group inc. All Rights Reserved 50
- 51. http://adsta.jp/index.cgi?foo=bar
へアクセス
サーバー(adsta.jp)
クライアント
Index.cgiがfoo=barという
パラメータを受け取って
プログラムさん その情報を元に
(index.cgi) HTMLを生成
HTMLを生成して返却
©2011 ngi group inc. All Rights Reserved 51
- 54. 開発する場所(ngi group編)
開発サーバ ステージサーバ 本番サーバ
開発を行うサーバです。 本番にリリースする前に最 実際に稼働するサーバーで
Linux上でSSHで接続して 終確認を行うサーバです。 す。
CUI上でViやEmacsといった 主にプロデューサーやテス 開発後にステージでのテス
エディタソフトを使って ターが動作や表示の確認を トが通ったプログラムを配
コーディングを行います。 行います。 置してユーザが使用できる
ように設定するサーバーで
す。
©2011 ngi group inc. All Rights Reserved 54
- 55. 開発に必要なツール
• SSHクライアント
• Poderosa、TeraTerm、Putty
• テキストエディタ
• Vim、Emacs
©2011 ngi group inc. All Rights Reserved 55
- 57. SSH(Secure SHell)
• 主にUNIXコンピュータで利用される、ネッ
トワークを介して別のコンピュータにログ
インしたり、遠隔地のマシンでコマンドを
実行したり、他のマシンへファイルを移動
したりするためプログラム。ネットワーク
上を流れるデータは暗号化されるため、イ
ンターネット経由でも一連の操作を安全に
行うことができる。
• 簡単に言うと、これを使うと開発サーバー
につないで作業ができるんですね
©2011 ngi group inc. All Rights Reserved 57
- 59. Vim
• UNIX系の古くからあるViエディタの派生エ
ディタです。
• SSHもVimもCUIで使うものなので、基本的には
マウスは使いません!
• その為Vimで作業をする場合、まとめて選択し
て消すとか出来ないので、コマンドモードと
編集モードがありコマンドモードで色々な作
業をします(ショートカットみたいなもの)
• 以下のサイトなどでコマンド参照
• http://archiva.jp/web/tool/vim_basic.html
©2011 ngi group inc. All Rights Reserved 59
- 63. 1.環境セットアップ
©2011 ngi group inc. All Rights Reserved 63
- 64. • Poderosaインストール (SSHクライアン
ト)
• WinSCPインストール (SSHでのファイル転
送)
• Sakura Editorインストール (エディ
タ)
©2011 ngi group inc. All Rights Reserved 64
- 65. 2.Linuxに慣れよう
©2011 ngi group inc. All Rights Reserved 65
- 66. SSHで開発サーバーに
つなぎます
©2011 ngi group inc. All Rights Reserved 66
- 68. ディレクトリの作成、確認、移
動
• pwd
• ディレクトリの確認
• mkdir
• ディレクトリ作成
• cd
• ディレクトリ移動
• ls
• ディレクトリ内のファイル一覧
©2011 ngi group inc. All Rights Reserved 68
- 69. ファイルの作成、コピー、移動、削除
• touch
• ファイルの作成
• mv
• ファイルの移動
• cp
• ファイルのコピー
• rm
• ファイルの削除
©2011 ngi group inc. All Rights Reserved 69
- 70. 3. Webアプリケーション
の
ひな型を作ろう
©2011 ngi group inc. All Rights Reserved 70
- 71. Webアプリケーションのひな型作成
1. dancerコマンドでひな型を作ります
dancer –a demo
2. publicディレクトリにシンボリックリンクを
貼ります
ln -s demo/public .
3. http://名前.event.ngigroup.comへアクセス
©2011 ngi group inc. All Rights Reserved 71
- 72. Dancerフレームワークのファイル
解説
demo
|- config.yml ・・・ 設定ファイル
|- environments ・・・ 環境設定ファイル
|- lib
|- demo.pm ・・・ プログラムファイル(Perl)
|- public ・・・ 公開領域
|- views ・・・ テンプレートファイル
©2011 ngi group inc. All Rights Reserved 72
- 73. Dancerフレームワーク処理の流れ
リクエ レスポン
スト ス
① ④
プログラム
ファイル
(Perl)
② ③
テンプレートファ
設定ファイル
イル
©2011 ngi group inc. All Rights Reserved 73
- 74. 4. マッシュアップサイト
の
作り方
©2011 ngi group inc. All Rights Reserved 74
- 75. まずは出来ているファイルをコ
ピー
1. ファイルをまるっとコピーしましょう
cp –Rfp /tmp/shoppy .
2. シンボリックリンクを削除してshoppyのシン
rm public
ボリックリンクを貼りましょう
ln -s shoppy/public .
©2011 ngi group inc. All Rights Reserved 75
- 76. 処理内容
1. TwitterのOauth認証でログイン
1. Twitter認証画面へ遷移
2. 認証後戻ってきたらログイン処理
©2011 ngi group inc. All Rights Reserved 76