【CODEPNE】登録していなくても編集して保存する方法
PR
codepenはHTML、CSS、JSで作られたものを公開するサービスで、その場でコードの編集をしたらウェブサイトにそのコードの結果を埋め込んだり出来るサービスです
アカウントを登録すると、コードを公開する事ができますがアカウントがなくてもコードを見て変更を加えた動作を見たり出来ます
そのままアカウントなしの状態でも、変更したものを保存する事が出来ます
codepenでアカウント無しでコードの変更を保存する
何かしらコードを見つけて編集したあとに CSSやHTML、JSの編集領域にカーソルがある状態(アクティブな状態)でキーボードの 「SHIFT+S」で保存が出来ます
保存した場合画面の上部に保存したと出ます
この保存は元のコードが変更されて別のURLで保存されています
元のコードを変えてしまったわけではありません
そして一度保存をすると
SAVEが表示されるようになります
保存したコードから埋め込み等を作成すれば共有できます
SAVEしたものを更に他のブラウザから変更しようとしたら、出来ませんでした
なので同じブラウザからしか再変更は出来ないみたいです
これはたまたま発見した方法で、公式的に使えるものなのかは分かりませんが
一時的にコードを変更して保存するにはいいかもしれませんが、やっぱり無料アカウントがあるのでそっちでForkしてコードを改変したほうがいいかなと思います
※追記
Forkをすればやっていることと同じでした
PR
COMMENT