# ICMEで、IC上にWebサイトを構築 By [Shogaku](https://paragraph.com/@shogaku) · 2021-11-26 --- ICME ==== いつか、改めて行うときのために備忘録として残しておきます。 ① まず、ICMEとは ----------- 4カ月前にすでにたかさんが書いていました。 * たかさん ： [Welcome to ICME!（β版）](https://hide.ac/articles/ME9VvfzPw) ICMEは、誰でも簡単に美しいウェブサイトをインターネットコンピュータ上に構築・展開できる、ノーコードツールです。あなたのブログやビジネスのウェブサイトを、今すぐインターネットコンピュータ上で立ち上げましょう。 さらに右の記事を引用します　→　[ICME: No Code For Web 3](https://www.dfinitycommunity.com/icme-no-code-for-web-3/) ICMEでは、ユーザーがコードを学んだり、スピードを上げるために多くの時間を費やす必要はありません。すべてのブロックチェーンの開発は、直感的なビジュアルインターフェースを使って行われます。インターネット上で簡単なWebサイトを構築するだけでも、Web3の優れた機能を利用することができます。 ② ICMEサイト --------- こちらです [https://sygsn-caaaa-aaaaf-qaahq-cai.raw.ic0.app/](https://sygsn-caaaa-aaaaf-qaahq-cai.raw.ic0.app/) ③ 手順について -------- チュートリアルがあるので、以下を使って進めると良いと思います。 [How to Build a Website on Blockchain Without Coding](https://medium.com/@houman_87430/how-to-build-a-website-on-blockchain-without-coding-1a488be93fc4) ※ちなみに、これを日本語訳してくれている記事もあります。 [https://note.com/nftstudio/n/n01ad6405ce2f](https://note.com/nftstudio/n/n01ad6405ce2f) ④ 始めるにあたり注意 ----------- ③の手順とは別にサイト上でも、スタートガイドがあります。 [https://4ksbi-byaaa-aaaaj-qaadq-cai.raw.ic0.app/](https://4ksbi-byaaa-aaaaj-qaadq-cai.raw.ic0.app/) ここに注意点の記載があります。 1. 必要な資金 最初のデプロイには約1.2ICPのコストがかかる 2. 30日間の無制限の使用料 0.2 ICP ・・・展開するサイクルがある限り、その期間中は何0度でも変更してICに展開することができます。 3. Cycle ICPをCyclesに変換を押すと、ICPが全て変換されます。サイクルをICPに戻すことはできません。 ⑤ ICP転送　・・・　[NNS wallet](https://nns.ic0.app/#/loading)から送付 ----------------------------------------------------------- [NNS wallet](https://nns.ic0.app/#/loading)から送付が必要です。 > ICME [@icme\_app](https://twitter.com/icme_app?ref_src=twsrc%5Etfw)（[#ICP](https://twitter.com/hashtag/ICP?src=hash&ref_src=twsrc%5Etfw) のウェブサイトビルダー）を使おうとアカウントにICPを送ったらGoxしました。 > > ❌私がGoxした理由：StoicウォレットからICMEのアカウントにICPを送付 > > ⭕正しい方法：NNSウォレットからICMEアカウントにICPを送付 > > お気をつけください！ > > — CryptoVanc ∞ クリプトバンクーバー🇨🇦 🇯🇵 (@CryptoVancJPN) [November 23, 2021](https://twitter.com/CryptoVancJPN/status/1462941624296562694?ref_src=twsrc%5Etfw) ただし、ストイックwalletなど他のwalletから送付しても運営さんに相談すれば返ってくる可能性はありそうです。 > なんと、ICME [@icme\_app](https://twitter.com/icme_app?ref_src=twsrc%5Etfw) がご丁寧に返金してくれました。本当にありがとうございます！ I'll definitely keep supporting your project! [https://t.co/H0gb8dGslS](https://t.co/H0gb8dGslS) > > — CryptoVanc ∞ クリプトバンクーバー🇨🇦 🇯🇵 (@CryptoVancJPN) [November 24, 2021](https://twitter.com/CryptoVancJPN/status/1463368456250662913?ref_src=twsrc%5Etfw) ⑥ チュートリアルに沿って作成する ----------------- "1.2" ICPを送付終えたら、チュートリアルに沿って ([How to Build a Website on Blockchain Without Coding](https://medium.com/@houman_87430/how-to-build-a-website-on-blockchain-without-coding-1a488be93fc4)) WEBサイトを作成していきます。 ⑦ デプロイがうまく行かないとき ---------------- 最後のデプロイがうまく行かないときは、以下が出来ていないからの可能性があります。 > ICMEやっとうまく表示できた。 > 1ページは空ページにしないといけないんですね。スラッグには何も指定しない。 > > 赤枠で囲った部分↓ [pic.twitter.com/X5NOZZIY1k](https://t.co/X5NOZZIY1k) > > — shogaku.eth (@ussu\_ussu\_ussu) [November 23, 2021](https://twitter.com/ussu_ussu_ussu/status/1463143647361187840?ref_src=twsrc%5Etfw) これは、どのようなことをしているかと言うと、 以下の右のRoot pageというものを作っています。 ![](https://storage.googleapis.com/papyrus_images/aef8fe40c5c045072b7d580101cdb227f0f47aa5b65d1d0ed4e7e0e9adc792c0.png) これは、以下のように完全にブランクの状態のものです。これでSaveするとRoot pageとなります。 ![](https://storage.googleapis.com/papyrus_images/f52f426e1eeb3e643d7daf5a20fcedc4c7e2b5eb2f4f6e0a4b51def3c05cd4b0.png) 参考までに、DMでICMEさんに「デプロイできないときはどうすれば良いか」と聞いたときに頂いた回答も載せておきます。 * 英語の部分 はい。1ページはインデックスページにする必要があります。つまり、スラッグには何も指定しないでください。そうでない場合、あなたのページは [http://your-site.com/slug](http://your-site.com/slug) になります。 ![](https://storage.googleapis.com/papyrus_images/60feb7613f78cfc219fd2acc90f78b29f39d9e3023c7516266fc86d20d1da5e8.png) ⑧ 参考：私が作ったサイト ------------- このような内容を経てサイトが完了します。 参考までに工夫もなしに私が作ったサイトを載せておきます。 [HELLO WORLD - ICP TO THE MOON - 8年持てるかな](https://4blo5-wyaaa-aaaam-aaapq-cai.raw.ic0.app/) * * * 以上です。だれかの参考になれば幸いです。 追伸)本日のツイッタースペースでICMEの中の方が日本語を話していて、すげえ優秀な方なんですねと再認識しました --- *Originally published on [Shogaku](https://paragraph.com/@shogaku/icme-ic-web)*