나만의 무료 홈페이지 제작 1부-기초작업(Feat. Quarto)
今日は簡単に自分だけの 無料ホームページ作成方法を紹介します。 関連する内容が多いので、何回かに分けて説明します。 もしかしたら、RとRStudioをインストールしてない方は、下記をご覧ください。 ポストをご覧いただければと思います。
R, RStudioをインストールする - Windowsの場合
今回の記事では、Rプログラミングの必需品！RとRStudioのインストール方法について説明します。
ウェブで遊んでいる方は、一度はNaverのブログは作ってみたことがあるはずです。 しかし、Rでウェブサイトを作ることができますか？ Rも、ウェブサイト制作もすべて不慣れですが、私はできますか？
はい。できます！ 'Quartoと一緒に'ラーメン。テリー騙されたと思って、一度信じてついてきてみましょう！一つ一つやっていくと、「わぁ～本当にできるんだ！」と思うはずです。 それでは、始めてみましょう！
1.ホームページ制作開始 - New Project作成
まず、RStudioを実行します。 そして、下の図のようにメニューの中にある ファイル-新規プロジェクト-新規ディレクトリ の順にクリッククリッククリックします。
そうそう！Quartoについてお話してなかったですね。 以下からQuartoのメイン画面にある文章を引用してみました。 直接確認するには こちらをクリックしてください～！ クァルトはオープンソースで 科学・技術系に特化したパブリッシングシステムと紹介していますね。
Quartoについて
Quartoへようこそ(株)
オープンソースの科学技術出版システム
使用している著者 ジュピター のノートブックや、お気に入りのエディタでプレーンテキストマークダウンを使用します。
でダイナミックなコンテンツを作成 Python, R, ジュリアおよび 観測可能.
再現性のあるプロダクション品質の記事、プレゼンテーション、ダッシュボード、ウェブサイト、ブログ、書籍などをHTML、PDF、MS Word、ePubなどで公開。
に公開することで、知識や知見を組織全体で共有します。 Posit Connect, コンフルエンスなどのパブリッシングシステムがあります。
を使用して書く パンドック マークダウン、方程式、引用、クロスリファレンス、図版パネル、吹き出し、高度なレイアウトなど。
分析する。 共有する。再現する。 データでストーリーを語る-Quartoで伝える。
クアトへようこそ。
オープンソースの科学技術出版システム
ジュピター ノートパソコンを使うか
お気に入りのエディタでプレーンテキストマークダウンを使用して作成します。
Python , R , ジュリア および Observableを を使用して動的なコンテンツを作成することができます。
HTML、PDF、MS Word、ePubなどで再現可能な質の高い記事、プレゼンテーション、ダッシュボード、ウェブサイト、ブログ、書籍を公開することができます。
Posit Connect , コンフルエンス またはその他の公開システムに投稿して、組織全体で知識や洞察を共有しましょう。
方程式、引用、相互参照、画像パネル、吹き出し、高度なレイアウトなどを含む。
パンドック マークダウンを使用して作成してください。
分析して、共有して、再生産してください。データで伝えたいストーリーがあるなら、Quartoをご利用ください。
2.Quartoウェブサイトプロジェクトの作成
Project Type ウィンドウで Quartoホームページをクリックし、Directory nameとFolderを指定してから プロジェクト作成をクリックします。フォルダ指定はBrowserボタンを押してください。まだ難しいことはないですよね？
3.Markdown Packageをインストールする
え～「クリエイトプロジェクト」したら、黄色い帯で警告が出ますが？私が何を間違えましたか？私たちの作業に markdown パッケージが必要なのですが、それがインストールされていないので、RStudioが親切に教えてくれるのです。 黄色の帯の インストールするをクリックして該当packageをインストールします。
右下(点線ボックス)のFilesウィンドウを見ると index.qmd ファイルから始めて、5つのファイルが生成されましたね。 私はクリッククリッククリック...したものしかないのに、不思議です！ さて、太い矢印が指している レンダリング(ショートカットキー Ctrl + Shift + K または B)をクリックします。
4.レンダリングクォート
レンダリングを実行して少し待つと、これは何でしょう！自分のホームページが表示されましたね～。 'About'を押すとそのセクションに移動して、また'Home'を押すとその方に移動します。 'quarto-website'をクリックしたら'Home'と同じ画面に移動します。アドレスバーのlocalhostで始まるアドレスが見えますね。
localhost(ローカルホスト)は コンピュータネットワークで使用するループバックアドレスで、自分のコンピュータを意味します。つまり、コンピュータのネットワーク機能をテストするために「仮想的にインターネット網に接続されているかのように割り当てるインターネットアドレス」である。-出典：ウィキペディアウィキペディア
さっきAbout、Home、quarto-websiteなどクリックしながら移動してましたよね？ RStudioはこのような状況を全部知っています。(左下の'Background Jobs'タブを押してみると、ウェブサイトの動作状況が明示されています。これをリスニング(Listening)と言ったようです。サーバーが全部見て聞いてるんですね～) 右下のFilesウィンドウを見ると、'クリエイトウェブサイト'してから見えなくなった _siteフォルダが表示され、そのフォルダの中に入っていくと、多数のファイルがあることが分かります。
整理する
まとめると、 ファイル > 新しいプロジェクト > 新しいディレクトリ > クアトウェブサイト > クリエイト > マークダウンパックのインストール > レンダリング 約6ステップで私たちだけの基本的なウェブサイトができました！うわー！頭がくらくらしますか？ しばらく休憩しましょう。 続編でお会いしましょう。
LIFE2.0: IT Playground, LIFE2.0, テリー, 人生ブキャラ作りでした！
ありがとうございます。
(以下の情報はChatGPTに質問してもらった回答をまとめたものです。)
Render 意味
RStudioとQuartoを利用してウェブサイトを作成する過程で「レンダリング(Rendering)」とは、一般的にMarkdownやRMarkdownなどのマークアップ言語で作成されたソース文書をHTML、PDF、またはWordなどの形式に変換する処理過程を意味します。
RStudioでQuarto作業時、分析や可視化のためのコードチャンク(code chunk)と一緒にMarkdownまたはRMarkdownファイルでコンテンツを作成します。コンテンツ作成や最終出力の準備が終わったら quarto::render() 関数を使用してレンダリングを実行します。
この機能は、ソースファイルを読み取り、すべてのコードチャンクを評価し、その結果を「テキストとフォーマット指示」と組み合わせて、最終的に結果を生成します。指定したオプションに応じて、Web公開用のHTMLファイル、PDF、またはその他の形式を作成することができます。
要約すると、RStudioとQuartoを利用してソースコードを'レンダリング'すると、HTML、PDFなどユーザが望む形で結果物を得ることができます。
'secondlife.lol'のすべてのコンテンツは著作権法の保護を受けています。無断転載やコピー、配布などを禁じます。
