【Member’s Blog】HTML・CSS・JavaScript・プレビューを1つの画面で

こんにちは、えがお工房8たんとイカロスです。

8たんとで「CodePen」というものがあるということを知り、使ってみました。
CodePenとはHTMLタグ、スタイルシート、JavaScriptが3列で表示されるクラウドのウェブエディタです。最初は、画像がアップできない等、シンプルゆえに困ったことが発生し、使うのは意外に難しいと思いました。

これまで高校や大学で、HTMLタグの勉強はやってきたのですが、スタイルシートやJavaScriptはコピペで済ませてきたので、自分でフルスクラッチで組んだことはありませんでした。それらも併用しつつ、インタラクティブなホームページを作ると考えると難しそうだと思っていました。

JavaScriptの構文は長く、どんなことができるのか分かりづらかったのですが、大学でプログラミング言語を勉強していたので、操作していく中でなんとなくどこでどんな動作をしているかの感触をつかめました。

スタイルシートも同様ですが、こちらは動作というよりは見た目を変えるだけなので、構文が独特です。

今後、JavaScriptの部分でエラーが発生したり、意図した動作が行われなかったりするかもしれませんが、自分でチェックしながら一つずつ解決していこうと思います。また、JavaScriptは構文が長いので、タイプミスに気をつけて取り組んでいこうと思います。

CodePenを使いこなすというよりは、まずはスタイルシートやJavaScriptを自由自在に扱えるようになることを目標に頑張ってみようと思います。