2012年1月31日火曜日

2012年01月30日 講義005日目

2012年01月30日
講義005日目
------------------------------1H------------------------------
★職業能力基礎
  ●言葉使い
    ・尊敬語・謙譲語・丁寧語
    ・お客さん、社内、取引先で使い分ける
  ●メール
    ・メールのタイトルは所見で内容がわかるようにする
    ・外部に出す文書などは上司に添削・チェックをお願いする
    ・定型文を利用する
  ●電話対応
    ・電話連絡してきた相手の「用件・相手の所属・名前」を必ず控える
        自分ではわからない場合→「確認しますので少々お待ちください」→確認
        対応後の処理→取引相手の場合→基本的に電話をかけた側から電話を切る
                      お客さんの場合→お客さんが切るのを待つ、2~3秒待ってから切る
                                     (むこうも切らない場合は2~3秒待ってから切る)
------------------------------2H------------------------------
★PHPを始めよう
  ●PHP
    ・テキストデータをコンパイルしてバイナリデータに
    ・PHPはコンパイルしてバイナリデータを吐き出すところまでPHPがやってくれる
    ・大雑把な流れ
        ブラウザからリクエスト
      →サーバ→PHP.exeがPHPファイル(プログラムのコード)をコンパイル
      →サーバに結果を返す
      →ブラウザへ結果を返す
    ・プログラム言語のルール
      書くときのルールが言語によって違う
      PHPのコーディング規約http://framework.zend.com/manual/ja/coding-standard.php-file-formatting.html
      <?php>と<?>の外側はテキストとして認識されるのでhtmlなども書ける
      phpだけで構成されるファイルは<?>が無い場合がある、でも動く
      ファイルの拡張子は.php
      ダブルクォーテーション""またはシングル''で囲まれた部分は文章として扱われる
      コードの一行の終わりには;セミコロンが入る
      などなど……
     
------------------------------3H------------------------------
★統合開発環境での開発
  ●eclipseでコーディング
    ・htdocs下にkiso.comフォルダを作成→index.phpファイルを作成
    ・設定変更→ウィンドウ→設定→PHP→フォーマッター
      タブポリシーをスペースに変更
      インデントサイズを4に変更
  ●localhostと127.0.0.1
    ・ウィンドウズのhostsファイルをサクラエディタで開く
      127.0.0.1というIPアドレス→自分のPCのネットワークアダプタ(自分のPCのこと)
      localhostとつなげば127.0.0.1につながる理由↑
      127.0.0.1へはデフォルトのlocalhost以外にも複数設定することができる
      hostsファイルを編集する
    ・C:\pleiades\xampp\apache\conf\extraにあるhttpd-vhosts.confを開く
      19行目##NameVirtualHost *:80の##を消去
     
      最後に
      <VirtualHost *:80>
          DocumentRoot C:\pleiades\xampp\htdocs\kiso.com
          ServerName kiso.com
          <Directory "C:\pleiades\xampp\htdocs\kiso.com">
              AllowOverride All
              Options -Includes -ExecCGI
          </Directory>
      </VirtualHost>
    ・を追加


------------------------------4H------------------------------
★3Hの説明
  ●仮想サーバの設定
    ・ブラウザ→hostsファイル(IPアドレス、ホスト名)を見に行き、その後DNSサーバを見に行く
    ・サーバ→httpd-vhost.confで設定された
    <VirtualHost *:80>
          DocumentRoot C:\pleiades\xampp\htdocs\kiso.com
          ServerName kiso.com←この名前で検索されたら↓のディレクトリに行けという設定
          <Directory "C:\pleiades\xampp\htdocs\kiso.com">
              AllowOverride All
              Options -Includes -ExecCGI
          </Directory>
    </VirtualHost>
  ●PHPの変数
    ・一時的に値をとっておく箱
    ・アタマに$マークの後に任意のアルファベット
    ・=以下に数字または文字列
  ●改行は
    ""内に<br>
    \nでソース内改行
------------------------------5H------------------------------
★PHPコーディング実習
  ○コマンドプロンプト
    ・メニューバー右クリック→編集→範囲選択でコピーできる
  ●PHP内で「"、'」文字扱いしたい→「エスケープする」と言う
    ・\"、\'で文字列として扱われる(エスケープされる)
  ●演算子
    ・プログラミングは演算してこそ、計算しないならデータベースで
  ●算術演算子
    ・$puls  = 10 + 5;
      echo $plus;
      代入して結果を表示するという流れでの計算
    ・echo 10 - 3;
  ●比較演算子
    ・比較の結果によって動く結果を変えたい場合に使う
      条件分岐 ループ スイッチなどで使う
    ・一致する  →ture(真)
      一致しない→false(偽)
      真偽値
  ●代入演算子
    ・加算代入
      $kakaku = 50000
      $kakaku = $kakaku + 2500
      $kakaku += 2500
    ・連結代入
      .=で文字列を連結  
    ・加算代入、減算代入
      ++、--
      $num =5;
      echo $num++;
      echo $num;
      echo ++$num;
      echo $num;
      で5677と出力される
      ++,--を前につけるか後ろにつけるかで前後の連携が変わる
  ●論理演算子
    ・$x = 20;
      if($x > 10) {

          print '変数$Xは10よりも大きい';
      }else{

          print '変数$xは10よりも小さい';

      }
------------------------------6H------------------------------
★職場見学
  ●今後の予定
    ・フレームワークを使う→(zend,Cake,☆symfony、☆symfony2)
    ・テンプレートエンジンを使う→(☆smartyが絶大シェア)
      ECCUBE,WordPressもsmartyで書かれてる
      PHPファイルの塊
    ・一緒くたに書く
    ☆←講義で扱う
-----------------------------memo-----------------------------
徐々にスピードが上がってきてメモを取りながらが厳しくなってきた
講義についていくことを優先で箇条書き度が増すと思う
ブラインドタッチをゆっくりでも確実に習得したほうが安定感が増す気がするので意識

2012年1月30日月曜日

2012年01月26日 講義004日目

2012年01月26日
講義004日目
------------------------------1H------------------------------
★ビジネスマナー
  ●仕事でミスをしたとき
    ・隠さないですぐに上司に報告する
    ・報告するときに→自分の見解で、原因と対処を答えられるように
    ・ミスをした時は連絡を密に
  ●好感を持って受け入れられる身だしなみ
    ・清潔
    ・調和
    ・機能的
  ●体調がよいと心の動きも良い方に働く
    ・身だしなみとおしゃれの違い→身だしなみは相手中心、おしゃれは自分中心
  ●冠婚葬祭
    ・白いスーツは避ける(結婚する人が着る)
  ●あいさつ
    ・コミュニケーションの第一歩
    ・挨拶の「挨」は心をひらく、「拶」その心に迫るという意味がある
    ・視線の使い分け
    ・「ごくろうさま」は目上の人が目下の人に
      「おつかれさま」は目下の人が目上の人に使う
    ・コミュニケーション能力は使えば使うほど身についていく
   
------------------------------2H------------------------------
★運用基礎
  ●作業の優先順位の判断
    ・複数のタスクを抱えた→上司に確認、自分だけで判断しないで相談する
  ●昨日のおさらい
    ・学習環境構築などを確認
  ●utf-8(CJK)←China,japan,korea
    ・utf-8のアジア圏向け
   
------------------------------3H------------------------------
★運営基礎
  ●解凍ソフト
    ・lahplus→OS搭載の解凍ソフトだと階層が深いzipファイルをうまく解凍できない場合がある
  ●eclipseのインストール
    ・../xampp/htdocsを保存先に指定
  ●craftlunchのインストール
    ・ランチャー←頻繁に使うショートカットをまとめるソフト
    ・ctrl+スペース→実行したいプログラムの登録した名前を入力すると起動する
    ・hostsファイルを登録(XPだとエラーになって登録できないので、etcフォルダを登録)
   
------------------------------4H------------------------------
★環境構築
  ●windowフォルダについて
    ・理解できないならさわらない
    ・hostsファイル→ウェブ周りの設定が書かれてる
  ●スタートアップに登録する
    ・登録するときは大本のフォルダの位置を決めてから
  ●プログラムの移動について
    ・フォルダごと移動して良いプログラムと移動しないほうがいいプログラムがある
      windowsが登録してるプログラムと、登録してないプログラムがある(プログラムと追加と削除などで確認)
      移動する際に注意
  ●レジストリとは?
    ・windowsのDB
  ●FFFTPのインストール
    ・webサーバ上のファイルを操作したり、アップロードしたりできるソフト
    ・FFFTP以外にもいろいろある
  ●システム変数の編集
    ・パフォーマンスとメンテナンス→システムのプロパティ→環境変数→システム変数の編集→変数名path
    ・絶対パス→そのコンピュータの一番上からの場所(c:\pleades\xampp\tmp.log)
      相対パス→そのファイルに対しての場所(.\xampp\tmp.log)
                自分より上の階層を省略して表現が可(「.」は現在位置を示す)
                「..」で一つ上の階層を表す
     ・コマンドプロンプトから動かす場合
        絶対パス→入力が長い
        相対パスを使い実行できるが自分の場所をかえる必要がある
     ・セミコロンで環境変数にC:\pleiades\xampp\php;C:\pleiades\xampp\mysql\bin;を追加
        pleiadesとmysqlを参照できるようになった
       
------------------------------5H------------------------------
★環境構築
  ●Xはクロスプラットフォームを表す
  ●XAMPPのセットアップ
    ・readmeのstepに従い、サーバを立てる→setup_xampp.batを実行
    ・設定したあと、ファイルの名前と階層を変えると(設定を変更すればいいが)面倒なことになる
    ・apache_start.bat,とmysql_start.batを実行するとwebサーバが起動する
  ●ポート
    ・skypeやtomcatはapacheと競合するので注意
    ・各アプリケーションがネットワークに接続するための穴のこと
    ・あらかじめアプリケーションが指定してる
    ・変更は可能だが、データをやり取りする相手側も変更しなければならない
  ●サーバを閉じる
    ・stop.batで閉じることができる
   
------------------------------6H------------------------------

  ●環境変数の変更の確認
    ・コマンドプロンプトを起動、mysqlサーバを起動させておく
    ・mysql -u rootを入力
    ・mysql> と出て確認完了(mysqlにログインしてる)
    ・-u←ユーザを指定するという意味のオプション
    ・root←rootというユーザを意味する
            rootユーザ→ルートユーザ、スーパーユーザ、すべての権限を持つ管理人
    ・mysqlをログアウトする→exit
  ●apacheの設定ファイルとhostsを編集していく
  ●PHPファイルを作ってみる
    enoshima.phpファイルをhtdocs下に作る
      <?php
      print "Hello Enoshima";
      ?>
    ブラウザでファイルの場所localhost/enoshima.phpを打ち込み確認
  ●サーバを止めると?
    ・apacheを止めると見ることができなくなるという確認
  ●XAMMP-control.exeでアプリケーションとして起動させる
    ・startで起動
    ・ランチャーに登録して使いやすくしておく
 
-----------------------------memo------------------------------
体調が悪い……
メモが若干不完全になりそうな予感

2012年1月26日木曜日

2012年01月25日 講義003日目

2012年01月25日
講義003日目
------------------------------1H------------------------------
★ビジネスマナー
    ●身だしなみ
        ・IT業界は比較的ゆるい、TPOに合わせる
        ・職場環境に合わせた身だしなみ
        ・ホウレンソウ(報告・連絡・相談)
        ・姿勢や態度もビジネスマナー
       
------------------------------2H------------------------------
★アクセス解析
    ●googleアナリティクス
        ・ページにjavascriptを入れておくとgoogleが情報を取得してくれる
        ・アクセスされた情報を確認する事ができる
        ・トラッキングコードを貼り付ける
    ●Pleiades - Eclipseの導入
------------------------------3H------------------------------
★アクセス解析(googleアナリティクスの導入)
  ●ウェブサイトのトラッキング準備
    ・トラッキングコードをコピー
    ・自分の持ってる静的ページすべてに存在してなければならない
    ・HTML編集ページを開き、ctrl+Fで検索し</head>を表示させ貼り付ける
    ・テンプレートを保存し編集完了
  ●<head>について
    ・すべてのファイルに関わってるファイルはひとつにまとめておくこともある→head.phpとか
    ・PHPなどで<head>部分など共通するパーツを共有させて、効率化したファイル構成を作るのは重要
    ・無駄を省く
    ・静的ページが多い場合には管理が容易になるメリット
    ・動的ページを扱う場合はファイル構成を効率化させることは必須
    ・prof・company・header・footerなどの部品ごとにファイルを分ける
------------------------------4H------------------------------
★アクセス解析(googleアナリティクス確認)
  ●ユーザーサマリーを確認
    ・日付別、システム別などで分析が可能
    ・google以外にもたくさんのアクセス解析サービスがある(細かく調べることができる)
    ・アクセス解析を分析できる人材にはニーズがある
  ●HTML基本用語
    ・インデント→段落(コードを書くときには段落が大事、どこにつけるかは好みだが見やすくすることが大事)
    ・半角スペース2つ、4つ、8つ、タブ
    ・半角スペース4つがお勧め→タブは避けた方がいい(文字化けする可能性がある)
    ・htmlは入れ子が多いので2つでもいい
  ●文字コード→コンピュータ語で書かれたテキストファイルを人間が読めるファイルに変換している
    ・shift-jis
    ・utf-8←(万能っぽい)
    ・EUC-JP などがあり、文字コードによって変換のルールが違うので文字化けが起きる
    ・保存するデータと出力される環境の文字コードのズレが無いように作ることが大事
    ・html
    ・ひとつのPCでIEのバージョン違いをテストをしたい→IE tester
  ●ウィジェット、ガジェットについて
    ・機能拡張のこと
    ・twitterのTLやカレンダーなど…の機能拡張を無料で提供してる場合がある
    ・無料でサービスをしてるワケ→ユーザーをそのサービスに呼び込むためのもの
------------------------------5H------------------------------
  ●javascript(ブラウザ上で動作する)とjava(プログラミング言語)は別物
    ・javascriptはクライアント側で動く
    ・javaはサーバー側で動く、PHPもサーバーで動く
  ●ロングテール
    ・ECサイトを作るときにはあんまり売れないけどたくさん選択肢があるという強み
  ●テスト用の環境
    ・完成するまで特定の開発者のみ出入りするテスト用のサーバーで開発をするのが普通
    ・htmlなら実害は少ないが、プログラムにミスがある場合は致命的な実害が発生する場合がある
    ・十分なテストをしたらインターネットに公開する
    ・VMware
★データベース
  ●データベースとは?
    ・データの詰まった箱←使わなければデータの詰まった箱でしかない
    ・そのデータを動作させるのがPHP
    ・検索画面などで条件に一致するデータを引き出したりするプログラムで利用する
    ・JREって?(javaのランタイム)
    ・データベースを理解するために、無料のOpenOfficeを導入
------------------------------6H------------------------------
★データベースの理解
  ●OpenOfficeを導入
    ・表計算ソフトのシートがたくさん入ってるイメージ(実際には違う)
    ・DBの場合はテーブルと呼ぶ
    ・
  ●WEBサーバの種類
    ・データベースサーバ
    ・webサーバ(webサーバとDBサーバを分けてやり取りするなど)
    ・DNSサーバ
    ・メールサーバ←(設定を間違えると危険)
    ・サービスを載せて世界中でサーバが動いてる
    ・サーバに求められることは落ちないこと
  ●pleiadesについて
    ・自分のPC内にサーバを立てて機能させる
    ・テスト環境としてwebサーバ(apache)、DBサーバ(mysql)が入ってる
    ・開発ツールが付いてる
    ・web周りのテストなどに有利
  ●VMware
    ・仮想マシンを動かすソフト
    ・サーバとして安定してるlinaxを実習で扱う
    ・pleiadesでのテストが終了したらこちらメインで実習
    ・注意事項アンインストールするのが厄介(ネットワークの情報を書き換えてしまう)
    ・メモリを大量に消費する
-----------------------------memo------------------------------
徐々に内容が濃くなってきたようだ
わからない部分はどんどん質問して理解していこうと思う
まだレノボのFnキーとctrlキーに慣れない……
Fnキーの使い方というか何に使うのかよくわからんので調べるか
あと、インデントにtabキーを使うもんだと思ってたので修正
慣れてきたらhtmlで講義メモを書いてみようと思った

2012年1月25日水曜日

2012年01月24日 講義002日目

2012年01月24日
講義002日目
------------------------------1H------------------------------
★ビジネスメールについて
    ●情報を伝えるため最低限必要な部分
        ・タイトル
        ・本文    (←文章をわかりやすく)
            (■や・などで項目、入れ子などを作って簡潔に
             スペースなどを使って見やすく

            ・誰に宛てたものか ~To:○○殿 
            ・自分が何者か
            ・用件
                お世話になっております。○○の○○です。(←)
                以上です(←閉め)
        ・自分の連絡先をフッターに署名
            ____________________________
            会社名、所属など 自分の名前
            mail: ○○(←メールアドレス)
            ____________________________

    ●返信する場合
        ・ビジネスメールは基本的に必ず返信する(見たことの確認など)

            TO:○○さん、△△です。

            お疲れ様です。○○の件了解しました。
            確認して○○します。

            以上です

            _____________________________________

        ・>を使って相手の本文を引用して返答する
        ・返信を迷うケースの場合は返信した方が良い

    ●複数に返信する場合
        to(←送る相手へ)
        cc(←同時に見てほしい人へ)
        bcc(←同時に見てほしい、送られた相手以外には送られた事が見えない)

        本文に
        TO:○○さん、△△さん(←偉い人順)

------------------------------2H------------------------------
★SEOについて
    ●SEOとは
    グーグル、ヤフーなどの検索サービスで検索結果が上に来るようにする手法のこと
    いかにして上位に持っていくかのための方法
    1ページ目と2ページ目のクリックされる差
    ページランクを上げるにはどうしたらいいのか?
        ・お金をかける(←検索エンジン対策の会社を利用)
        1)ランクの高いサイトからリンクが張られている事(←yahoo!にお金を払って登録してもらう、とか……)
        2)独自のコンテンツ
            ランクの低い方に引っ張られるので独自で人気のあるようなコンテンツになったら独自サーバへの移行を考えたほうがいい
            キラーコンテンツを作るために
        3)htmlの構成(←間違ってる書き方などをしてると下がる)
            htmlの構成を採点するサイトなどもある
        4)リンクの数
            バックリンク(←意味のないリンクなのであまり良くない)

        5)古いドメインであること(古いドメインの価値が高い、個人から買える場合もある)

------------------------------3H------------------------------
★ブログ運用実習
    コンテンツが充実してきたら……
    アクセスアップが見込めるテクニック
    ping送信(←更新した事を報告する設定)
    ポータルサイトに登録(いつ登録されたか、古いほうが有利)
------------------------------4H------------------------------
    ●アクセス解析
        ・googleアナリティクス
            は明日→
    ●htmlについて
       firefoxにアドオンを入れる
       firebugダウンロード
    ●タグ
        太字にしたい場合<b>こんにちは</b>
    ●属性
        <font color="red">(←fontタグ 属性名)
        色を変えることができる
        <font color="red" size="24">(←fontタグ 属性名 属性値)
        サイズを変えることができる
        <br>
        改行
        <img>
        画像

        閉じタグがなくても動くタグもある
         />で閉じタグが無いことを明示する場合もある
    ------------------------------5H------------------------------
    ●SEOに使われるタグ
            htmlタグ
            <html>
                <head>
                画面に出てこないcssなどの設定の情報
                </head>
                <body>
                画面に出てくる情報
                </body>
            </html>

            <meta name="title">
            タイトルを検索エンジン等に示す属性値
            <meta name="robot">
            検索エンジンのクローラーにページの情報を伝えるための属性値
                ・googleにインデックス化(検索エンジンのデータベースに登録)させる、自分で登録することもできる
                ・site:をつけて検索するとインデックス化された内容が表示される(静的ページが多いと集客効果が増す)
                ・LPOランディングページ最適化(○○○ △△△ を検索したとき、検索した人がトップページではなく、ダイレクトに商品のページにたどり着ける)

            <meta name="description">
            <meta name="">(←キーワード)(←☆SEOで重要)
            ディスクリプション(説明)
                ・広義すぎるキーワードは避ける(←ライバルが多そうなキーワードは競争率が高いのでピンポイントが好ましい)
                ・大量のキーワードは避ける(←多いとキーワード一つひとつの力が弱まるので絞る)
                ・description,keyword bodyタグ内のタグ、リンク、titleは連動する(←強調されてる部分と連動してるか?)
                        キーワードに使われる単語が本文中にあるなら、strong,emタグ
                        h1~h6    ()
                        a        (リンクを張るためのタグ)リンクのワードがリンク先のタイトル、見出しと近いのが望ましい
                        strong    (太字で強調)
                        em        (太字にならない)
            <meta name="language">(←国別)

    ●SEOのルールは変わる
        metaタグの内容を変化させて効果を出し続けるためには、常にアンテナを張り続ける必要がある
        PHPを使ってdescription,keywordの変更を自動化させることができる

------------------------------6H------------------------------
    ●html実習
        フォルダオプションで拡張子を見えるようにしておく
        隠しフォルダとかもみえるようにしておく
        ショートカットは便利だからガンガン覚える

        ~レノボのCtrlキーが左下じゃないのがものすごく気になる~
        ~変える方法ないのかな……~

        <h1>大項目はひとつのページにひとつだけ(←表示されるけどSEO的によろしくない)

以上

2012年1月24日火曜日

2012年1月23日 講義001日目

2012年1月23日
講義001日目
------------------------------1H------------------------------
ガイダンス
------------------------------4H------------------------------
★webサービス概論
●グローバルIPについて
    IPv4
    DNSサーバ

●コマンドプロンプトを開く
    nslookup www.yahoo.co.jp
    でグローバルIPを確認できる



------------------------------5H------------------------------
★webサービスについて
    ディレクター・営業    ->HP作成ボリュームを鑑みて受注
    SE            ->見積もり
    ↓
    プログラマー
    デザイナー
    SE

    ●開発の形態
        ・ウォーターフォールモデル
    企画
        設計
            開発
                テスト
                    運用
        長所 流れがわかりやすい
        短所 戻れない

        ・スパイラルモデル    ->仕様変更などが多い場合
            企画
           
    運用                設計
       
        テスト        開発

        長所 問題のある段階へ戻って修正が可能なように作っていく
        短所 構築が難しい

    サーバ監視
    サーバテスト
    というIT業界への入り方が、段階を経て技術を習得できる場合もある

    ID・パスワード管理
    IDMで検索


------------------------------6H------------------------------
★webサービスのマネタイズ
    ●サービス上での広告収益
        SNSサイトによる広告収入        BtoC
        EC(電子商取引)サイトの作成    BtoC
        Webコンテンツの作成依頼        BtoB
        メルマガ            BtoC

    ●EC-CUBE
        ECサイト作成のフリーツール
        設定にはある程度の知識が必要な場合がある

        ●サイト運用・運営
        月・半年・年(単位)

    ●bloggerでblog運営の実習
        アフィリエイト    広告
        アドセンス    広告