お帰りなさい｡
もう少しダイナミックにやろうよ｡
ホームルートはありますが､ その他のHTMLページについては､ コードをコピー＆ペーストする必要がないように､
動的に生成されればいいと思います｡
そこで､ これらをすべて削除して､ 代わりに､ さまざまなURLパラメータを動的に受け入れることができる､ これまでに学んだこの小さな構文を使用することにしましょう｡
この場合､ ページ名と呼べばいいのですが､ このページ名は文字列でいいんですよね？
これで､ 文字列型を使って､ 「ページ名が欲しい」と言えるようになりました｡
これはHTMLページになるわけですが､ テンプレートでレンダリングしたいと思います｡
URLに入力されたデータです｡
そこで､ 実際にここでページ名を入力として与えることができます｡
そして､ ここにページ名をプリントアウトする｡
これがうまくいくかどうか見てみましょう｡
これは保存しておこうと思います｡
トップページに戻る
そして､ それが功を奏する｡
もし､ 私が作品を作ったら？
あれを見てください｡
アバウトミーに行けば｡
作品について
連絡先
わかりました｡
コンタクトは有効です｡
しかし､ CSSが適用されていないので､ それを更新しなければならないのですが､ それでもコンポーネントが表示されるのです｡
わかりました｡
そのため､ いくつか修正すべき点はありますが､ すべてが動的に動作しているのは素晴らしいことです｡
そして､ そのことをインデックスでも見ていますね｡ 以前から問題があったhtmlが動くようになったのは大きいですね｡
では､ いくつか修正しましょう｡
これで､ コードは超シンプルでわかりやすくなりました｡
しかし､ コードに修正しなければならないバグがいくつかあるんだ｡
まず､ 部品の取り外しです｡
さて､ なぜこのような現象が起こるかというと､ 各ページ､ 一番上までスクロールしていくと
では､ about page hasにアクセスしてみましょう｡
コンポーネントのリンクです｡
ですから､ 各ページからコンポーネントを削除すればいいのです｡
では､ コンタクトに行きましょう｡
ここで部品を取り外します｡
インデックスへ移動します｡
そのための部品はすでに取り外しています｡
仕事に行くなら｡
仕事はちょっと違う｡
その話はまた今度｡
ワークスで､ もう一度上部のナビゲーションとコンポーネントを削除すれば､ このようになります｡
また､ コンテキストページにはCSSが付加されていないことも確認しました｡
だから､ もう一度､ 戻るのです｡
そして､ 静止画を追加します｡
フォルダーはこちら
アイコンも同様です｡
こちらです｡
そして､ 一番下にあるJavaScriptのファイル｡
節約すれば｡
戻る
リフレッシュしよう｡
そして､ 家に帰る｡
ワークスへ行けば｡
それが私については有効です｡
それが効くんです｡
連絡先
あれを見てください｡
なんてきれいなんでしょう｡
わかりました｡
さて､ ここで少し修正したいことがあります｡
ひとつは､ 数字が一致しないことがわかることです｡
こちらでは､ 理想的にマッチングさせたいと考えています｡
そうですね｡
だから､ これが機能しているんです｡
しかし､ その後､ 私やコンタクトについて｡
なんだか変な感じですね｡
その理由を見てみましょう｡
戻れば｡
コンタクトに行くのか？
ナビゲーションには､ 1､ 2､ 3､ 4と表示され､ とても見やすくなっています｡
しかし､ その下の方にある「contact me」の数字が少しずれていることがわかります｡
では､ 044 contact meをやってみましょう｡
もし､ aboutページやabout meを確認するために行くなら｡
ゼロスリー
では､ そうしましょう｡
そして今､ 保存して更新すると､ 「Contact Me About Me Works」と「Home」があります｡
では最後に2つ､ Pythonの話に戻ります｡
ひとつ｡
このテキストを変更して､ 私の名前と､ たぶん私はpythonの開発者であることを示すようにしたいのです｡
つまり､ もう一度インデックスHTMLにアクセスして探せばいいのです｡
このテキストは､ サイトやアプリのコンテンツをここに追加して､ 「こんにちは､ 私はフランスのデザイナー､ ジェームズ・ディーンです｡
ということで､ アンドレ・ナゴヤとでも言いましょうか｡
そして､ Pythonといえば､ フリーランスとして働くエキスパートがかっこよく聞こえるとしましょう｡
やっぱりインストラクターだからインストラクターをやりましょう｡
保存すればいいように｡
そしてリフレッシュ｡
なんてすごいんでしょう｡
超､ 超シンプル｡
かなりキレイに見えますね｡
わかりました｡
最後は作品の部分です｡
私の作品を見て､ 私が「発見」をクリックしたら｡
では､ ここに自分の好きなプロジェクトを追加してください｡
ゼロシックスに行くと､ 1作品しかないので､ ここのリンクは機能していないんでしょうね｡
しかし､ 別のプロジェクトを追加したいと考えたとしましょう｡
単純にHTMLに仕事と言って､ ここにも仕事とゼロゼロでリンクさせるだけでいいんです｡
その方法をお教えしましょう｡
では､ 仕事に取りかかりましょう｡
HTMLです｡
コントロールFを行い､ 002を行うと､ これらがリンクであることがわかります｡
あれを見てください｡
002003.
ですから､ ここで仕事へのリンクをHTMLに変更して､ 仕事にもリンクするようにすればよいのでしょう｡
今なら､ 自分でできることです｡
繰り返しになりますが､ HTMLやCSSについては､ この講座の範囲外なので､ あまり重視しないことにします｡
でも､ ご覧の通り､ かなりキレイなホームページがかなり早く出来上がりました｡
たった数分で､ あなたのポートフォリオページが完成しました｡
しかし､ 1つだけ大きな欠落があり､ Pythonが本当に助けてくれるのは､ このコンタクトフォームなのです｡
連絡先がわからないと､ 本当の意味でのポートフォリオサイトとは言えませんよね｡
もしかしたら､ 雇用主や仕事を必要としている人たちが実際にメッセージを送ってくれるかもしれません｡
これから数回のビデオで､ サーバーやバックエンドに情報を送信し､ それを実際にキャプチャして保存し､
どこかに保存することができるのか､ 実際に調べてみましょう｡
次回作でお会いしましょう｡
バイバイ｡