代々木で働く超新米エンジニアの足跡

代々木で働くエンジニアです。超新米です。

7/1 Vi metaタグ html sudo Webサーバー構築 macショートカットキー 

【Vi】

 ・慣れるまで操作が難しが、慣れると他のエディタで操作するより速い

  古い

 

 ・・・操作方法

  esc       入力モード終了

  :w         上書き保存

  :w  ファイル名  ファイル名で保存

  :q!        終了

  yy                             行コピー

  p                               貼り付け

       u                                元に戻す

 

【metaタグ】

 ・エンコーディングを指定するときに使用

 使用例)

<meta http-equiv="Content-Type" content="text/html; charset=iso-2022-jp">

 

【html】

  viエディタ使用時に文字化けしない方法

 ① 先述したmetaタグでエンコーディングを指定

   ・・・これはブラウザにこの文字で書きますよと宣言している

 ② 他のエディタでソースコードが①で宣言した文字と一致している 

   か確認

   ・・・一致していない場合は①で宣言した文字に変えて保存

 

 これは、ブラウザに宣言した文字と実際にソースコードを書いてる

 文字が一致しないと文字化けが起きるのでその対策である。

 

【sudo】

 

 一時的に管理者権限を借りて作業ができるコマンド

 

【Webサーバー構築】

  apache   Webサーバーソフトウェア macに元から入ってる

        フォルダはライブラリ→Webserver

  http://localhost/xxx/  xxxはフォルダ名

                            テキストエディタでindex.htmlで保存しないとページが開かない

【ショートカットキー】

 

  コマンド+シフト +3  スクショ

   コントロール+シフト  spotlight

  コマンド+タブ      画面切り替え