前回から続けてやっていれば、ディレクトリ内は以下のような構造になっているはずです。以下のように記述してください。'__main__':api.run()こうすることで、以下のように役割を分けることができます。作っていないので、何も表示されません。bootstrapでビューを簡単に整える先にビューを整えたいと思います。それっぽく表示できればよいので、全体的なレイアウトは有名CSSフレームワークの「bootstrap4」を使いたいと思います。作成し、以下のようなコードを書いてください。Only」の部分を取ってきたものです。これで、bootstrapのCSSが使うことができるようになります。%}</div></body></html>index.htmlとadmin.htmlを作る今回は、各ビューページはこのレイアウトを使って、メインコンテンツ部分のみを変更していく形で、とりあえず進めていきたいと思います。作成し、以下の内容に変更または加筆します。もとに、コンテンツ部分だけ変更するようなページになりました。なんとなくビューはそれっぽくなりましたね。現段階でのプロジェクトの中身ちなみに、現段階でのプロジェクトの中身は、以下のようになります。いうディレクトリがあるかもしれませんが、これはファイルをインポートした際に生成されるものなので、特に気にしないでください。今回はここまで!次回はデータベースとモデルの作成に移ります!おそらく、次回が最初の山場だと思いますので一緒に頑張っていきましょう!第2回へ続く第2回はこちらになります。前回の記事の続きとなります。前回の記事の続きとなります。後編では、さらに機能を追加していきたいと思います。社長と一杯飲みながらお話してみたい方はこちらミツオカフリーランスエンジニア様の募集はこちらにゃんこ師匠その他、お問い合わせはこちらミツオカお気軽にお問い合わせください!せっかくなので、別の記事もぜひ読んでいって下さいね!一緒に働いてくれる仲間を募集しております!ライトコードでは、仲間を募集しております!当社のモットーは「好きなことを仕事にするエンジニア集団」「エンジニアによるエンジニアのための会社」。エンジニアであるあなたの「やってみたいこと」を全力で応援する会社です。ライトコードは現在、急成長中!だからこそ、あなたにお任せしたいやりがいのあるお仕事は沢山あります。「コアメンバー」として活躍してくれる、あなたからのご応募をお待ちしております!なお、ご応募の前に、「話しだけ聞いてみたい」「社内の雰囲気を知りたい」という方はこちらをご覧ください。「好きなことを仕事にするエンジニア集団」の(株)ライトコードのメディア編集部が書いている記事です。rightcodeエンジニア大募集中!私たちライトコードでは、エンジニアを募集しております。私服大歓迎のカジュアルな職場なので、お気軽にご応募ください!また、フリーエンジニアの方も募集しております。