SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

アイデアをすぐ形に! K5 Playgroundで開発するクラウドネイティブな最新Webアプリ(AD)

Webブラウザで「SPA+BFF」アプリを30分で作成! スピーディな開発の味方「K5 Playground」を使ってみよう

アイデアをすぐ形に! K5 Playgroundで開発するクラウドネイティブな最新Webアプリ 第2回

  • X ポスト
  • このエントリーをはてなブックマークに追加

「K5 Showcase~アプリ開発のレシピ集~」を活用しよう

 K5 Playground では、さまざまな考え方で柔軟にアプリが作れることを説明しましたが、具体的にどのような手順で操作すればよいのでしょうか。

 そういった疑問に答えるために、アプリ開発のレシピ集「K5 Showcase」を用意しました。K5 Showcaseでは、料理のレシピサイトのように、興味のあるアプリの手順を参照しながらサクサク作れます。

 K5 Showcaseは、K5 Playgroundのナビゲーションメニューの右上にあるボタン「SHOWCASE」をクリックすると表示されます。ブラウザの言語設定に応じて日本語もしくは英語でサイトが表示されます。

レシピの一覧

 K5 Showcaseを開くと、K5 Playgroundを使って作成できるアプリの、レシピの一覧が表示されます。

K5 Showcaseを開くとアプリの一覧が表示される
K5 Showcaseを開くとアプリの一覧が表示される

 ①にレシピのタイトル、②に作成時間の目安、③にアプリの概要が表示されています。

K5 Showcaseの利用方法

 一覧画面で興味のあるアプリをクリックすると、詳細画面に遷移します。

 K5 Showcaseのレシピの詳細画面
K5 Showcaseのレシピの詳細画面

 詳細画面には、以下の6つの項目があります。

  ①概要:アプリの機能、利用するAPIなど
  ②アプリの作成:K5 Playground上での操作手順
  ③アプリのカスタマイズ:アプリダウンロード後の編集手順
  ④アプリのデプロイ:K5のCloud Foundry(K5 CF)へのデプロイ方法
  ⑤ダウンロード:サンプルアプリをダウンロードできる
  ⑥バーション:使用するテンプレートのバージョン情報

 ①でアプリの主な機能や利用するサービスを確認できます。②ではK5 Playgroundをどのように操作してアプリを作成するか手順を説明しています。左メニューの「DOWNLOAD」でアプリをダウンロードした後、アプリのコードの修正が必要な場合には、③にその修正方法が記載されています。アプリが完成したら、④に記載されている方法に従って、アプリをデプロイします。

 なお、⑤では、サンプルアプリをダウンロードすることができます。自らアプリを作成する前に、サンプルアプリをダウンロードし、④の方法でデプロイして、アプリの動作を確認するといったことも可能です。

次のページ
K5 Showcaseのレシピ一覧

この記事は参考になりましたか?

  • X ポスト
  • このエントリーをはてなブックマークに追加
アイデアをすぐ形に! K5 Playgroundで開発するクラウドネイティブな最新Webアプリ連載記事一覧

もっと読む

この記事の著者

藤田 壮吉(富士通株式会社)(フジタソウキチ)

 富士通株式会社に入社後、会計ERP、機械学習、WebAPI、フロントエンド関連の開発に従事。企画・開発・教育・講演まで幅広く活動している。

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

【AD】本記事の内容は記事掲載開始時点のものです 企画・制作 株式会社翔泳社

この記事は参考になりましたか?

この記事をシェア

  • X ポスト
  • このエントリーをはてなブックマークに追加
CodeZine(コードジン)
https://codezine.jp/article/detail/10635 2018/02/20 14:44

おすすめ

アクセスランキング

アクセスランキング

イベント

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー

アクセスランキング

アクセスランキング