8ブログ

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

2018年7月30日

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

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

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

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

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

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

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

カテゴリ:

タグ:

お気軽にお問い合わせください。

就労移行支援事業所えがお工房 8たんと
〒921-8163
石川県金沢市横川7丁目35-1 ルミエール横川402号tel.076-256-3073
就労継続支援A型事業所えがお工房 8クリーン
〒920-0043
石川県金沢市長田2丁目26-6tel.076-225-8889
就労継続支援B型事業所えがお工房 8ジョイ
〒924-0873
石川県白山市八日市町17-1 八日市ビル101号tel.076-274-1672

受付時間 9:00 - 17:00 (土・日・祝日除く)