フィード
NOTE このドキュメントは、SSR (サーバーサイドレンダリング)、CSR (クライアントサイドレンダリング)、および JavaScript の基本知識が必要です。 Essepageは、SSRとCSRの両方を利用して動作します。SSRとCSRがどのように連携して動作するかを理解することで、モダンフロントエンド開発が可能になります。 SSR (サーバーサイドレンダリング) Essepageで作成されたページは、SSRを使用して動作します。すべてのページは基本的にSSRで動作しますが、JavaScriptを使用して動的に実装された部分は除外[1]されます。 [1] これを解決するために、Esse...
Published 5 months ago
エスページでは、URLを使ってページに値を渡す方法として、従来のGET方式だけでなく、フォルダ名を値として渡す「パラメータフォルダ」を利用してページに値を渡すことができます。 例えば、次のようにURLのカテゴリ名部分を自由に設定し、その値をページで利用することが可能です。 https://espg.dev/mysite/category/カテゴリ名 今回は、URL内のカテゴリ名をページに表示する方法を紹介します。 パラメータフォルダの作成 パラメータフォルダは、通常のフォルダと同じように作成しますが、[フォルダ名]のように、[と]で囲んでフォルダ名をパラメータ名として扱います。 まず、/pub...
Published 5 months ago
エスページのルーティングはファイルシステムをベースにしています。Windows、MacOS、Linuxなど、一般的なオペレーティングシステムに慣れている方なら、簡単に理解できるでしょう。 もし、Essepage IDが mypage もしくは mydomain.com に設定されている場合、ファイルとURLは次のようにマッチングします。 [ホームページ] /public/+page.essepage => https://espg.dev/mypage https://mydomain.com /public/index.html => https:...
Published 5 months ago
HTMLページは大きく分けて <head></head> と <body></body> の部分で構成されています。 Essepageでウェブページを作成すると、基本的にコンテンツは <body></body> 内に表示されます。そのため、 <head></head> 内にコンテンツを追加するには、特別なタグを使用する必要があります。 使い方 <head></head> 内にコンテンツを追加するには、 <essepage-head></essepag...
Published 5 months ago
HTMLファイルの各部分を見ていきましょう。 <!DOCTYPE html> <html> <head> <title> My First Webpage </title> <meta charset="utf-8"> </head> <body> Hello World! </body> </html> <!DOCTYPE html> このタグは、ブラウザに「このページはHTML5で書かれている」と伝えるためのものです。HTMLファイ...
Published 5 months ago
エスページのページ構造 エスページの構造を理解するために、まず一般的なウェブページの構造と比較してみましょう。 ウェブページは通常、次のように構成されています。（HTML、CSS、JavaScriptおよびウェブページに関してよくわからない場合は、HTML関連の書籍でまずウェブページについての知識をある程度習得することをお勧めします。） 一般的なウェブページの基本HTML構造 <!DOCTYPE html> <html> <head> <title>私のウェブページ</title> <meta charset="utf...
Published 5 months ago
コンポーネントとして使うファイルを作成する ナビゲーションメニューがホームページと紹介ページの両方に存在するため、これを一つにまとめます。この作業はページ数が増える前に行うのが効率的であり、コードの重複が発生した際にすぐに修正することが重要です。 コンポーネントはウェブページではなく、ウェブページの一部を構成するコードであるため、publicフォルダに位置する必要はなく、また公開する必要もありません。 コンポーネントを保存するフォルダをpublicの外に作成するために、ファイルエクスプローラーの空白の部分で右クリックし、新しいフォルダを選択してフォルダ名を入力します。ここではcomponent...
Published 6 months ago
ウェブページにタイトルを入れる 今までページを移動するメニューを含んだ完全なウェブページを作成してきました。最後にウェブページにタイトルを入れてみましょう。タイトルを入れると、ブラウザのタブ部分に表示されます。 まだタイトルが入力されていないので、ページのURLが表示されています。これを変更してみましょう。 ページタイトルを変更するためには、エスページの特別なタグ <essepage-head></essepage-head> を使用します。このタグはページヘッダー部分にコードを挿入する役割を果たします。ここではタイトルタグ <title>&...
Published 6 months ago
台湾ロード この場所に足を踏み入れると、どこからともなく台湾の情景が心に浮かぶ。
Published 6 months ago
