お申し込み

コンテンツ一覧

WordPress開発者になるための「道具」を揃えよう

2020.12.29 火

こんにちは
toiee Lab 西です。

突然ですが、プログラミングを始める時って、どんな道具が必要かご存知ですか？

私は、つい最近まで知りませんでした。

  • プログラミングのコード、文法を書くには、どんな道具、アプリが必要なのか？
  • パソコンは、今使っているものでいいのか？
  • WordPress開発を行うには、何か特別なアプリが必要なのか？

など、疑問が多くありました。

今日は、そのような疑問に答えるべく「WordPress開発者になるためには、どのような道具が必要か」について、お伝えします。

なお、紹介するアプリ、サービスは全て無料なので、ぜひ揃えて使ってみてください。

MacかWindowsか？

このスクラムをお伝えしてから、多くの質問をいただいたパソコンについて、お伝えします。

toiee Lab では、以前からMacをおすすめしているので、「Windowsでは、参加できませんか？」という質問をたくさんいただきました。

結論からお伝えすると、どちらでも大丈夫です。

最近は、Windowsも開発環境に力を入れ始めているので、Windowsでも問題ありません。ただ、Windowsは日本語関連などで、トラブルが多いです。

また、Windows PCは「ピンキリ」過ぎて、パソコンのスペックが足りないこともあります。

ですので、どちらかといえば、Macがおすすめです。

詳しくは、以下の動画で説明しているのでご覧ください。

必要な道具集

WordPress開発者になるためには、以下の道具が必要です。

  • Local by Flywheel (WordPress開発環境)
  • Visual Studio Code + 拡張機能
  • GitHub Desktop

以下で、それぞれのアプリについて説明します。

Local by Flywheel

Local by Flywheelとは、自分のパソコン上に、WordPressをいくつも立ち上げられる、便利なアプリです。このアプリがあることで、レンタルサーバーなどを借りなくても済みます。

Webサイトから簡単にダウンロードできるので、こちらからダウンロードしてみてください。

Visual Studio Code

Visual Studio Codeとは、優秀な開発用エディターです。もう少し簡単に言うと、プログラミングコードを書くことに特化した便利なアプリです。

このアプリを使うと、

  • プログラミングコードの間違いを見つけてくれたり、
  • 自動でコードを入力してくれたり、
  • プログラミングコードが正しく動作するか、テストしたり、

することできます。

このアプリもWebサイトから簡単にダウンロードできるので、こちらからダウンロードしてみてください。

GitHub

GitHub とは、プログラミングのソースコード管理をするサービスです。プログラミングを書いて、何かを作り始めた時に、ソースコードを管理する必要が出てきます。

具体的には、前回のプログラムからの変更点などを全て管理してくれます。

プログラミングを本格的に始める前には、あまり必要性が分からないかも知れませんが、チームで働く時などには、必ず必要になります。

ダウンロードは、こちらからどうぞ。

なお、それぞれのアプリの具体的な使い方は、以下の動画で解説しています。ぜひご覧ください。

道具を愛でてください

とはいえ、ダウンロードして起動しても？？？となると思います。

それでも、途中までやってみてください。

こんな道具を使いこなせるようになるんだーとワクワクして、眺めていただければと思います。

オンラインコース、ワークショップなどで、この一見、意味不明のツールを「バリバリ」使えるようになって、見違えてもらいます。

新しく買ったスキー板を眺めて、雪上に思いを馳せるように、道具を愛でてみてくださいね！

挫折と捉えるのではなく、「そうかー、これを使いこなすのかー」と思うことにしてください。

ちなみに、亀田の報告では「小学校４年生でも、楽しんで使えるから、大丈夫！」とのことです。亀田の息子さんの話なんで、当てにならないかもしれませんが、多分、大丈夫でしょう。亀田マジック（めっちゃわかりやすく、楽しく教えてくれる）を期待しましょう。

動画でお伝えします

上記の内容について、亀田が動画で詳しく説明しています。

気になった方は、ぜひ、年末年始の移動中や、家事の合間にご覧下さい。

開発環境を揃える

※上記のURLをクリックすると、ログイン後、動画が表示されます。無料登録がまだの方は、こちらから登録をお願いします

動画概要：

  • 良い道具について
    • 良い道具を用意することが重要
    • しかも、今回紹介する道具は、全て無料です
    • スクラムに参加していただいて、道具の揃え方で躓いている方がいたら、個人的にZoomを繋いででも、解決するので安心してください
  • どんな道具が必要か?
    • パソコン(Windows、MacどちらでもOK)
    • Local by Flywheel (WordPress開発環境)
    • Visual Studio Code + 拡張機能
    • ターミナル(Windowsのみ、Macはもともと入っている)
    • PHPコードチェッカー
    • GitHub Desktop
  • WindowsかMacどちらが良いか？
    • どちらでも、OKですが、「Macがおすすめ」
    • WordPressは「サーバー」と呼ばれる特別な場所で動作する
    • サーバー用OSは、Macと近いので、Macが好まれて使われることが多い
    • プログラマやデザイナーは、Macユーザーが多いので情報が多い
    • ターミナル(コマンド)などは、UNIX系が豊富でサポートが多い
    • Windowsも開発環境に力を入れ始めている
    • ただ、Windowsは日本語関連などで、トラブルが多い
    • Windows PCは「ピンキリ」過ぎて、パソコンのスペックが足りないこともある
  • コンピューターのスペックについて
    • CPUが早い、ハードディスクが多いよりも「メモリ」が多い方がよい 8GB → 16GB など(多分、8GBでも大丈夫と思います)
    • Macの人は「MacBook Air M1」なら、問題ないです(爆速です)
    • 多少遅くても、やれないことはありません
    • 不満に思わなければ、気にしなくて大丈夫です
  • Local by Flywheelとは？
    • 自分のパソコン上に、WordPressをいくつも立ち上げられます
    • レンタルサーバーなどを借りなくても済みます
    • 開発環境(デバッグ、バックアップ、コピー、エクスポート、インポート)
    • 他のコースでは「練習環境」と説明したが、正しくは「開発環境」
    • インストール方法は、Local by Flywheel のサイトでダウンロード、インストール
    • インストールしてみてください
    • 動画内で、使い方について簡単に説明しています
    • Windowsで使うとトラブルが起こる場合がありますが、サポートページを用意しています
  • Visual Studio Code + 拡張機能
    • 優秀な開発用エディター（プログラミングを書くアプリ）
    • 使い方、ダウンロードについて動画で説明しています
    • 開発を「かなり」楽にしてくれる。使わないと損です
    • 使いこなせているのは、キャリアとしても重要(教育不要は喜ばれる)
  • Git (Github)とは？
    • ソースコード管理をするサービス
    • プログラムの変更履歴を残す → 戻す
    • 共同作業のときに、作業場所を分けて開発 → あとで合流
    • リリースを管理する
    • バグを報告してもらって、修正する
    • プロジェクト管理をする
    • 実際に使用方法を動画で説明しています
    • Github デスクトップというアプリを使うと簡単
  • キャリアとGithub
    • Github で自分のプロダクトを管理する
    • Github でオープンソースに貢献する(履歴に残る)
    • Github 使えているなんて、すごいじゃん!(基礎研修不要、いいね!)となる
    • Github のアカウントが証明書になる
  • まとめ
    • 格段に、開発環境を作るのが「簡単」になっている
    • ドキュメントも豊富(新しい記事を探しましょう)
    • 使い方は、「使いながら」覚えていきましょう
    • 細かいインストール方法(パスを通すなど)は、別途説明します
    • とにかく、挫折覚悟でチャレンジしましょう!
    • ワークショップ、レッスン、コミュニティでカバーします

質問があれば、どうぞ！

動画を見て、もし不安な点、疑問などがありましたら、[email protected] までご連絡ください。

ご回答いたします。