No.1のCodeCampが運営するプログラミング未経験の方のための学習メディアですCodeCampとは?(受講生体験記)「エンジニアは女性のキャリアとして魅力的」未経験からの転職体験記リモートワーク×多拠点居住の新しい生き方を実現する。基本的な使い方WordPressの環境構築あとがきCloud9の特徴や基本的な使い方、WordPressのインストール方法についてまとめました。何かと手間な環境構築が簡単にできますし、GitHubやBitbucketとの連携も可能です。無料プランでも十分に利用価値はあるので、プログラミングを学習するならぜひ活用しましょう。cloudCloud9とは、クラウドからプログラミングが行えるウェブサービスのことです。いわゆるIDE(統合開発環境)としての機能が備わっていて、プログラミングを効率的に進めていくことができます。GitのホスティングサービスであるGitHubやBitbucketとの連携も可能です。Cloud9の特徴(メリット)Cloud9の特徴は、クラウドであることのメリットを丸ごと享受できるところ。Cloud9を利用するのに必要なツールはブラウザだけです。場所やデバイスに縛られずに、どこでも開発が行えます。開発環境の準備も簡単です。環境構築は結構面倒なので、そこで躓いてしまうビギナーも多いはず。一発で開発環境が整えられるので、Cloud9はこれからプログラミングをはじめるビギナーにこそ使って欲しいサービスなのです。料金プランCloud9はフリーの料金プランから、チームや企業向けの有料プランなども用意されています。個人で使うのであれば、無料プランで十分でしょう。プライベートワークスペースを使いたい場合など、実際の業務で使う場合は有料プランを検討してください。Cloud9の使い方Cloud9の基本的な使い方について見ていきましょう。Cloud9のアカウントを作成するところから。address」にメールアドレスを入力。Up」ボタンをクリックします。すると、アカウントの登録手順がスタートします。「Name」のところに自分の名前を入力します。ここで入力した名前は、Cloud9上に公開されるものです。必要であれば、ニックネームなどを使うようにしましょう。入力できたら、「Next>」ボタンを選択して次に進みます。次にUsernameを設定します。UsernameはCloud9のワークスペースのURLに表示されます。Usernameは後から変更できないので注意しましょう。「Next>」ボタンを選択して次に進みます。Cloud9の用途などを選択して、「Next>」をクリック。登録内容を確認して、問題なければ「Next>」を選択してください。account」ボタンをクリックします。これで完了です!Cloud9のダッシュボードが表示されたでしょうか?なお、メール認証も忘れずに行っておきましょう。workspace」とありますね。ここをクリックしてください。ワークスペースの作成画面が表示されました。workspace」ボタンをクリック。これでプロジェクトの作成が完了です。ここではテンプレートとして「HTML5」を選択しています。ワークスペースができるまで、少し待ちましょう。十数秒くらいで終わるはず。ワークスペースが表示されました。基本的な使い方まずはファイルを編集する方法から。画面の左側に、ファイルリストが表示されていますね。「hello-world.html」というファイルがあるので、右クリックして「Open」を選択します。ファイルの内容が表示されました。一般的なエディタと同じように使えるので、いろいろと試してみてください。File」を選択します。すると、「hello-world.html」のプレビュー画面が表示されます。HTMLを編集すると、リアルタイムでプレビューも変更されます。便利ですね!Previewの横にあった「Run」ボタンからは、Apacheの起動と停止ができます。画面下のコンソールに、その様子が表示されています。テンプレートごとに使い方も変わってくるかと思いますが、UIもわかりやすいのですぐに馴染めるでしょう。最後に、Cloud9上にWordPressの環境を作成してみましょう。CMSと言えばWordPressというくらい、Web系では引っ張りだこのシステムです。Cloud9でも簡単に環境が作れるようになっています。workspace」をクリックしてワークスペースの作成画面をひらきます。テンプレートとしてWordPressを選択して、先に進めます。WordPressのプロジェクトが作成できました。ここから、WordPressのセットアップをしていきます。データベースの作成から。画面下のコンソールから下記のコマンドを実行して、データベース(MySQL)を作成します。startindex.phpをOpenして、「Run」をクリックしてください。すると、コンソールにWordPressのURLが表示されました。Preview」を選択。WordPressのセットアップ画面が表示されるかと思います。あとは表示されている画面に沿って、セットアップを進めていけばOKです。CodeCamp提供のWebマスターコース当メディアを運営しているCodeCampではWebマスターコースを現役エンジニアのマンツーマンレッスンという形で提供しています。実際にWebサービスをを開発するのでポートフォリオとしても使用できる無料レッスン受講後の申し込みで10,000円クーポンをプレゼントしています!ぜひお試しください。\Webサイト担当者としてのスキルが身に付く/CodeCampの無料体験はこちら▶︎無料体験レッスンの申し込みはスマフォで1分で完了!あとがきCloud9の基礎知識や基本的な使い方、WordPressのセットアップ方法までをご紹介しました。コマンドも少し出てきましたが、基本的にはGUIから簡単に環境構築ができます。Cloud9を使って、快適なプログラミングライフをお過ごしくださいね。家事も仕事もプログラミングも。入れなきゃ損!Macユーザー定番テキストエディタ「mi」の使い方プログラミング学習プログラミングツールプログラミング習得から起業へ。2020年版】社会人でも通いやすいプログラミング教室5選|選び方の基準も解説プログラミング学習プログラミングスクール・サービス「エンジニアは女性のキャリアとして魅力的」モノづくり好き理系女子がWebエンジニアへ転職するまで受講生インタビュープログラミング未経験で介護師からエンジニアへ。家事も仕事もプログラミングも。受講生インタビュープログラミング習得後、フリーランスに転身。受講生インタビューフリーランス塾講師からエンジニアへ26才で転職。先生の支えがあって成長できました。学習ガイドtwitterLINE。