アフィリエイト広告を利用しています

2020年01月25日

CodePenを使う : Resultボタンを表示する

CodePenを使った。
何だこれ!


便利、使い易いという評判らしいが、

最初の2時間は全く使えなかった。

HTML、CSS、Java Scriptを記入すると

それらを実行できるはずなのだが実行できない。

Webで使い方を調べると、画面例には[RESULT]ボタンがあるが、

私の操作する画面には[RESULT]ボタンはない。

どうして良いか分からずに、画面の端にあるボタンを準に押していくと

意味不明の画面が開くばかり。

「何だこれ!」というしかなかった。

実行方法が分かった!


2時間ぐらいの休憩をはさんで画面に向かい、

画面右下にある[Embed]ボタンを押してみた。

すると、別ウインドウが開き、そこに[RESULT]ボタンがあった。

やっとのことで打ち込んだコードの実行結果を表示できた。

[Embed]ボタンを押さなくても、打ち込んだコードを保存して、

画面を最新の情報に更新すれば、実行結果が表示されることに気付いた。
[Change View]ボタン


翌日、もっと良い方法に気付いた。

画面右上の[Change View]ボタンをクリックするとプルダウンメニューが開く。

codepen1.png

「Details View」を選択すると

[Result]ボタンが表示された画面に切り替わる。

([Editor View]をクリックすると元に戻る)








posted by db-engineer at 00:00 | Comment(0) | 日々のこと

この記事へのコメント
コメントを書く

お名前:

メールアドレス:


ホームページアドレス:

コメント:

※ブログオーナーが承認したコメントのみ表示されます。

検索
最新記事
カテゴリーアーカイブ
プロフィール
db-engineerさんの画像
db-engineer
プロフィール
タグクラウド