30
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

WEBCAMP ENGINEER COMMUNITYAdvent Calendar 2022

Day 6

HTMLも触れたことのない私が、STUDIOでwebサイトを公開してみた

Last updated at Posted at 2022-12-06

■STUDIOとは?
https://studio.design/ja
・ブラウザ上で利用可能
・基本無料(もちろん私は無料の範囲内で作成)
・コーディング不要のため、コードを書くという経験がなくても挑戦しやすい
・とにかくいろんな人・企業が使ってるイメージある(STUDIOのHPにも事例たくさん)
・もちろん、レベルの高いwebサイトを作るためにはwebサイト制作に必要な専門的知識は必要だろう

■webサイト公開のきっかけ
:star:DMM WEBCAMP卒業生向けの学習イベントにて、STUDIOを紹介。運営で携わっていた自分も学べた
:star:レンタルサーバーの用意がなくてもOK
:star:自分の紹介ページを作ってTwitterに貼り付けたかった
:star:webサイト作ってみたことがあるって言ってみたかった(笑)

■出来上がったwebサイトについて(webサイトはhttps://twitter.com/miki___n からご確認ください!)

:hatched_chick:ページ上部スクリーンショット 2022-12-03 21.01.58.png
:hatched_chick:miki_SNSのところに使用している画像が、食パン→チーズ→チーズサンドになってていちばんの推しww
img_miki.png
:hatched_chick:レスポンシブ対応まで合わせて制作7時間!
:hatched_chick:お問い合わせから送られてきたメッセージは紐づけた先の私のGmailboxに届くから感動した
スクリーンショット 2022-12-03 21.05.40.png

■webサイト制作未経験が感じるSTUDIOの難しさ
:sunny:レスポンシブの対応
PCで作成していたが、スマホやタブレットで表示される時の違和感を無くすために相当な時間を要した・・・・
もしかしたらまだ違和感ありありかも・・・
:sunny:CSSの要素を全然盛り込めなかった
文字の動きも見た目ももっと工夫できたらなぁと心残り

■まとめ
webサイトを作ってみるという目標で走り出したが、作り始めてからは時間を忘れ没頭していた。(めっちゃ楽しかった)
"食べ物"という見た目のテーマをブラさずに私らしさを出し、このwebサイトを見た方が
みきと一緒にご飯食べたい!みきと一緒に働きたい!と幅広く思ってくれたらいいなぁと願っている。

30
7
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
30
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?