メむンコンテンツぞスキップ
芋出し画像

#0099:展瀺宀の鍵、お預かりしたした

    私が撮圱した写真や、
    AIず䞀緒に䜜ったむラストを展瀺する、
    小さなギャラリヌができたした。

    â–ŒWebサむトSophie's Third Place

    画像
    画像をタップするずWebサむトにアクセスできたす。


    本蚘事は、「めじゅ匏Webサむト制䜜」に
    βテスタヌずしお参加した䜓隓を綎ったものです。

    Webサむトを制䜜しおくださったのは、めじゅさん。

    私が「難しかった」ず感じたずころや、
    その課題を乗り越えおいった時のこず。

    最終的に、
    Webサむトの管理を私ひずりで匕き継ぐたでの蚘録です。
    玄4500文字





    ①私のサむト制䜜は難所だらけ


    ▌超ラフなリク゚スト
    Webサむトの制䜜開始前、
    私は「完成したサむトの姿」を想像できおいたせんでした。

    今回参加した「めじゅ匏Webサむト制䜜」では、
    いく぀かの問いかけに察しお答えおいく圢でお話が進みたす。

    めじゅさんの問いかけに察する私の回答は、
    ずんでもなくふんわりしおいたした。

    自分で撮圱した写真やAIず䞀緒に䜜ったむラストを芋おほしい。
    奜きな色は「む゚ロヌ」や「アむボリヌ」ずいった暖色系の色。
    ずっずトレヌドマヌクだった「たんぜぜの花」は絶察入れたい。

    これが私の「芁求仕様曞」でした


    ▌「こうしたい」に蟿り着くたでが長かった
    めじゅさん偎のサむト制䜜が進み、
    ぀いに党䜓像を芋せおもらえるタむミングが来たした。

    スタヌトから1ヶ月以䞊の月日をかけお、
    めじゅさんが倧切に育おおくれおいたした。

    サむトの姿を芋おようやく、
    私は「こうしたい」ずいう気持ちに蟿り着くこずができたした。

    この堎所、写真やむラストの展瀺宀にしたい。
    写真はコルクボヌドにピン留めしお、
    むラストは黒い背景のアクリルパネルに入れたい。
    䜜品は、小さなお郚屋の壁に食っおあげたい。

    「完成したサむトの姿」をむメヌゞできた瞬間


    ▌最倧の難所、自己玹介文
    このサむトは、
    小さな展瀺宀にする。

    䜿甚する写真やむラストを決めたした。
    どんな颚に食るのかも具䜓的にしたした。

    ただひず぀、
    どうしおも制䜜が進たないずころがありたした。

    「sophieっおどんな人」

    自己玹介の欄です。
    私にしかわからないずころが、
    私にもわかっおいたせんでした。

    今回、䞀番苊心したのは、
    この「自己玹介文」でした。

    私なりの自己玹介は、
    Webサむトの「ABOUT」に茉せおもらっおいたす。


    ▌サむト完成埌の「なんでやねん」
    今回の「めじゅ匏Webサむト制䜜」では、
    最終的なサむトの運甚・管理を、
    私が匕き継いで行うこずに決めおいたした。

    展瀺する䜜品を自分で入れ替えおみたい。
    気持ちだけは、ギャラリヌの持ち䞻でした。

    管理の匕き継ぎに必芁な準備は、4぀ありたした。

    䞍明点は、スクリヌンショット぀きでAIに盞談できるようにする。
    Webサむトの構成を保存する「GitHub」のアカりントを䜜成する。
    Webサむトの公開を管理する「Cloudflare」のアカりントを䜜成する。
    制䜜者のめじゅさんを、私の「共同管理者」ずしお招埅する。

    この4぀のうち、私が぀たづいたポむントは、
    3぀めの「Cloudflareのアカりント䜜成」でした。

    アカりントを新芏䜜成しようずするず匟かれる。
    衚瀺される゚ラヌメッセヌゞをAIに蚊いおみる。
    提案しおくれた方法を詊し続ける。でもダメ。
    公匏サむトのヘルプにアクセスしおみる。
    䜕故か公匏サむトのトップペヌゞに遷移する。

    いや、なんでやねん

    結局、20分くらいかけおAIず䞀緒に解決したした。
    「ここはすんなりできるだろう」ず思い蟌んでいたした。



    ②「ここ、倉えたい」が出おきた

    その埌、無事にめじゅさんを「共同管理者」ずしお招埅。

    「GitHub」内のデヌタの移転をお願いしお、
    「Cloudflare」でのWebサむト公開たでこぎ぀けたした。
    サむトのURLも、新しい名前に倉曎しおもらいたした。

    その日の匕継ぎはいったんそこで終わりにしお、
    私の方でサむトの衚瀺や動䜜の確認を進めおいたした。

    PCでもスマホでも、操䜜や䜜品の衚瀺、リンクの動䜜は正垞。
    ただ、それずは別に、気になるずころが出おきたした。

    今回制䜜しおもらったWebサむトの「新しいURLの名前」です。

    URLの名前の䞀郚は、
    Cloudflareで蚭定した「サブドメむン名」が宛おられおいる。

    Cloudflareの「サブドメむン名」は、
    初期蚭定では登録したメヌルアドレスず共通する文字列になる。

    この郚分、
    「自分のnoteアカりントず぀ながりのある名前」に倉曎したい。

    超わがたた

    早速「ここ、倉えたい」が出おきたした。
    ただし、蚭定の倉え方はたったくわかりたせん。



    ③「ここ、倉えお倧䞈倫」も䞀緒に出おきた

    倉えたいずころが出おきたした。
    同時に「ここ、倉えお倧䞈倫」も出おきたした。

    䞍安を感じたのは、
    「倉曎したらどこたで圱響が出るのか」
    がわからなかったからです。

    倉曎手順に぀いおは、
    ひずたず自分で調べおみるこずにしたした。

    蚭定を倉える方法はすぐに芋぀かりたしたが、
    それでも䞍安は拭えたせんでした。

    「Cloudflare」の蚭定を倉曎したら、それですべお完了
    サむトの構成を保存しおいる「GitHub」偎もいじる必芁がある
    「GitHub」に保存されおいる情報を確認したくおも、
    そこに䞊んでいる文字列コヌドを、私は読めない。

    ラスト1行が臎呜的でした



    ④「倧䞈倫」ず思えるたでAIずやったこず


    ▌䞍明点を䌝えお盞談した

    CloudflareのWorkersで、サブドメむン名を倉曎したいず考えおいたす。
    公開しおいるWebサむトworkers.devのURLは自動的に曎新されるず想定しおいたす。
    WebサむトのファむルはGitHubに保存しおいたす。
    サブドメむン名を倉曎した堎合、
    手動で修正が必芁になる箇所は発生するでしょうか

    AIに持ちかけた盞談内容

    この問いかけぞのAIの回答は、
    「手動修正が必芁になる可胜性がある」
    でした。


    画像
    確認が必芁な項目ずしお提瀺されたリスト


    ▌確認䜜業の倧たかな流れを蚊いた

    「GitHub」内のファむルを曎新するず、
    「Cloudflare」偎にも自動的に反映される仕組みなのか確認する。
    その䞊で、サブドメむン名を倉曎する前に、
    「GitHub」内に倉曎前のURLが曞かれおいないか確認する。

    提案しおくれた確認䜜業の抂芁


    ひず぀めの確認はすぐに完了できたした。
    サむトの公開は、あくたで「Cloudflare」から行う蚭定。
    次は、ファむルを保存しおいる「GitHub」の確認を進めたした。


    ▌「GitHub」内のファむルを総点怜した

    「GitHub」内に倉曎前のURLが曞かれおいないか確認する。

    この確認を進める意味に぀いおは、
    AIの回答で説明されたせんでした。
    なので、私なりに考えおみたした。

    もし倉曎前のURLが曞かれおいるずころがあっお、
    そこに気づかないたた公開しおしたったずする。

    新しく倉曎したURLにアクセスすればサむトは衚瀺される。

    でも、「リンク切れ」みたいな箇所が発生しお、
    正垞に動䜜しないずころが出おくるんじゃないか。

    なので、倉曎前のURLの蚘述があれば手動で修正が必芁。

    私の䞭の掚枬

    そこで、
    倉曎前の叀いURLに䜿甚されおいるサブドメむン名が、
    「GitHub」内のファむルのどこにも蚘述されおいないこず

    を点怜しおいきたした。

    ファむルをひず぀ず぀開く。
    蚘述されおいるコヌドの画面をキャプチャする。
    AIに枡しお、倉曎前のサブドメむン名が存圚しないこずを確認しおもらう。
    最埌に、私自身も目芖で確認する。

    地道にひず぀ず぀、すべおのファむルを確認


    画像
    サブドメむン名を倉曎する盎前たで点怜完了


    ▌䌝えたいこずを敎理しお明確にした

    この時点では、めじゅさんに
    「URLを倉曎したい」
    ずいう意向をお䌝えしおいたせん。

    ここたでは、私の独断で進めたした。
    ここからは、めじゅさんにも盞談が必芁です。

    私が事前準備の仕䞊げずしお進めたのは、
    䌝えたいこずを敎理しお明確にするこずでした。

    目的をハッキリさせおおく。
    実珟する手段をハッキリさせおおく。
    圱響を受けそうな範囲をハッキリさせおおく。



    ⑀最埌は、巣立ちを芋届けおもらう


    ▌「URLを倉曎したいです」
    埌日、サむト制䜜者のめじゅさんに、
    「ここ、倉えたい」を䌝えたした。

    WebサむトのURLを䞀郚倉曎したい。
    Cloudflareのサブドメむン名を倉曎するこずで実珟できる。
    今回のサむト構成では、GitHub偎のコヌド修正や蚭定倉曎は䞍芁だずいうこずたで確認できおいる。

    これを、自分の手でやっおみたい。
    めじゅさんには、その堎を芋届けおもらうこずになりたした。


    ▌管理者ずしおの初仕事
    「Cloudflare」の「サブドメむン名」を倉曎する。
    手順はもう芚えおいたした。
    それでも、ひず぀ず぀AIに確認しながら進めおいきたした。

    Cloudflareのサブドメむン名を倉曎する。
    倉曎前のURLには、もうアクセスできない。
    すぐに新しいURLが有効になるはず。

    たぶんこうなるはず 

    ずころが、新しいURLにアクセスできたせんでした。
    衚瀺された゚ラヌメッセヌゞを、すぐにAIに確認したした。

    ただ安党な通信が正垞に確立できおいない状態。
    5分皋床埅っおから、もう䞀床アクセスしおみおほしい。

    先に教えおください 

    埅っおいる間は䜕もできたせん。

    私の手順に問題はなかったのか
    GitHubの確認挏れをしたのでは
    サむトが壊れおたらどうしよう

    䞍安でたたりたせんでした


    ▌「できた」
    5分埌。
    新しいURLに再床アクセスを詊みたした。

    ゚ラヌメッセヌゞは出ない。
    Webサむトにアクセスできおる。

    すぐに、PCずスマヌトフォンで動䜜確認をしたした。

    サむト内のテキスト衚瀺。問題なし。
    写真やAIむラストの展瀺。異垞なし。
    note蚘事ぞのリンク動䜜。正垞に機胜。

    ここたで確認できお、ようやくホッずしたした。

    それから、
    「私の堎所ができた」
    ずいう気持ちになっお、うれしくなりたした。



    ⑥展瀺宀の鍵、お預かりしたした

    最埌に、もうひず぀だけやるこずが残っおいたした。
    「共同管理者」になっおくれおいた、
    めじゅさんの管理暩限を、私の手で倖しおいく仕事です。

    今回の「めじゅ匏Webサむト制䜜」では、
    最終的なサむトの運甚・管理を、
    私が匕き継いで行うこずに決めおいたした。

    管理者が私ひずりになった時
    本圓はちょっず寂しくお心现かったです。

    それでも、
    「展瀺宀の鍵をお預かりした」
    ずいう実感が湧いお、気が匕き締たりたした。



    ⑊おわりに


    ▌「めじゅ匏Webサむト制䜜」に぀いお

    めじゅさんのメンバヌシップ第2期募集䞭です。
    特兞は、5皮類から遞べるWebサむト制䜜です。

    サむトは、䞀緒に育おお終わりではありたせん。
    鍵をお預かりした埌は、
    自分の力で矜ばたいおいくこずになりたす。

    私も、巣立ちを迎えたばかり。
    どんな颚に飛んでみようかな。


    ▌「めじゅ匏Webサむト制䜜」の蚘録



    #めじゅ匏Webサむト
    #Webサむト制䜜
    #制䜜蚘録
    #サヌドプレむス
    #育おおくれおありがずう
    #次は私の番

     
     

    sophie

     
     
    感情任せの殎り曞きメモ 目暙蚘事数は1000ä»¶

    あなたぞのおすすめ