• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
これからのWEB制作必須スキルセット #wpdfes #gmoyours
 

これからのWEB制作必須スキルセット #wpdfes #gmoyours

on

  • 500 views

WP-D Fes #01 Megane Fes in GMO

WP-D Fes #01 Megane Fes in GMO
2014/02/01/sat

Statistics

Views

Total Views
500
Views on SlideShare
340
Embed Views
160

Actions

Likes
1
Downloads
3
Comments
0

3 Embeds 160

http://fes.wp-d.org 156
http://s.deeeki.com 2
http://webcache.googleusercontent.com 2

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    これからのWEB制作必須スキルセット #wpdfes #gmoyours これからのWEB制作必須スキルセット #wpdfes #gmoyours Presentation Transcript

    • これからのWEB制作必須スキルセット
    • 機器 Apple - MacBook Pro Ratina - 画面キレイ! - スペックに文句なし - 16GB メモリ - キャプチャが倍で面倒 - ストレージ256GBは
 こころ細かった
    • まずはデモ http://www.youtube.com/watch?v=WjYWMPdpfHk
    • さて黒い画面です
    • さて黒い画面です cd 移動
    • さて黒い画面です ls 表示
    • さて黒い画面です exit 出る
    • さて黒い画面です 大抵書いてある ドルマークは不要
    • このページが大事 http://gatespace.jp/2013/10/31/mac-web-setup-use-terminal/
    • Homebrew
    • webkit2png
    • node node npm ! ruby
    • npm
    • Ruby
    • RubyGem
    • Grunt
    • Gruntはnpm
    • Compass
    • CompassはRuby
    • なんにせよこのページです http://gatespace.jp/2013/10/31/mac-web-setup-use-terminal/ 色々なのでとにかく gatespace ! ----
    • 何回も出てくる内容 ! 何がし -v バージョン確認 ! 確認 -v これができればインストールできてる
    • やっと Gruntです そしてGrunt nodeで動くので npm でインストールしてる
    • やっと Gruntです https://github.com/megane9988/Foundation5-meganeset タスクランナー ! いろんなことを任意のタイミングでできる ! メガネのを見てみましょう ! ホスト作って ! 監視して ! そのタイミングで自動化
    • さて黒い画面です とここまでやりましたが ! codekit koara ! などは 入れればできます。
    • さて黒い画面です ! じゃあなんでやるの? ! そのうち、もっとすごい機能がでるかも なれるならいまのうち
    • さて黒い画面です つづいてgit ! 分散ファイル管理 ! 流れ ! ローカル編集 ! リポジトリ(共有保管庫)にプッシュ ! 本番からプル
    • さて黒い画面です いいところ ! リポジ トリ ftp見たいにまどろっこしくない ! 全部履歴残る ! 戻せる ! プログラマの変更箇所わかる ! 学べる 本番 ローカル
    • さて黒い画面です 共有保管庫 ! github ! 掲示板のような機能があり フォローしたり ウォッチしたり ! あとほかにも、ある
    • さて黒い画面です バックログは見やすいうえに 課題管理と繋がる ! べんり ! おぼえるとすぐ ! 黒い画面じゃなくても大丈夫 ! でも使えた方がお得
    • さて黒い画面です foundation ! cssフレームワーク 有りものですぐ実装できる ! 例えばオフセット ! グリッド
    • さて黒い画面です http://notnil-creative.com/blog/archives/1785 ドキュメントをみながらやればok ! ヒッシーのブログは翻訳してくれてる ! 8に対応したければ3をつかう ! 脆弱性きにしなくてよい
    • Vagrant vagrant ! ローカルにサーバ環境を作る ! 一発でwordpress入る ! すぐはじめられる ! ここで修正 ! 確認後git を使ってアップすれば効率良い
    • Vagrant up ! halt ! destroy
    • wp cli wp cli コマンドでいろいろ操作 ! プラグインリスト ! コアアップロード ! 手っ取り早い ! WordPressが入ってるサーバで WordPressを操作する
    • Fesサイトでデモします こんな感じ リポジ トリ ! fesサイトも大体全部使ってる 本番 ローカル
    • 後出来る限り便利なソフト ClipMenu sublime Dragon Drop Bartender Fantastical Alfred ! ! macの方がべんりツール多い印象 さあ、快適構築環境でレッツラゴー!