【CODEPNE】登録していなくても編集して保存する方法

アカウント登録していなくてもCodepenでその場で編集して保存する方法
このエントリーをはてなブックマークに追加
PR

codepenはHTML、CSS、JSで作られたものを公開するサービスで、その場でコードの編集をしたらウェブサイトにそのコードの結果を埋め込んだり出来るサービスです

アカウントを登録すると、コードを公開する事ができますがアカウントがなくてもコードを見て変更を加えた動作を見たり出来ます

そのままアカウントなしの状態でも、変更したものを保存する事が出来ます

 

codepenでアカウント無しでコードの変更を保存する

何かしらコードを見つけて編集したあとに CSSやHTML、JSの編集領域にカーソルがある状態(アクティブな状態)でキーボードの 「SHIFT+S」で保存が出来ます

保存した場合画面の上部に保存したと出ます

アカウント登録していなくてもCodepenでその場で編集して保存する方法 (1)

 

この保存は元のコードが変更されて別のURLで保存されています
元のコードを変えてしまったわけではありません

そして一度保存をすると
SAVEが表示されるようになります

アカウント登録していなくてもCodepenでその場で編集して保存する方法 (2)

 

保存したコードから埋め込み等を作成すれば共有できます

SAVEしたものを更に他のブラウザから変更しようとしたら、出来ませんでした
なので同じブラウザからしか再変更は出来ないみたいです

これはたまたま発見した方法で、公式的に使えるものなのかは分かりませんが
一時的にコードを変更して保存するにはいいかもしれませんが、やっぱり無料アカウントがあるのでそっちでForkしてコードを改変したほうがいいかなと思います

※追記
Forkをすればやっていることと同じでした

PR

COMMENT

コメントを残す

PR

9ineBBの管理人が運営するサイト

WDG WEB DESIGN GALLERY ウェブデザインギャラリー CC0 PHOTO 無料で使える高画質な写真をダウンロード、クレジット表記、リンク不要

9ineBBの最新情報をチェック・購読

Twitter Facebook Google+ Feedly RSS

どこをクリックしてもこの表示を消せます
(3日後以降に再度表示されます)