CodePen で書いたコードを自分のWebサイトに埋め込む方法 – レンタルサーバーに関するサイト
書いたコードを自分のWebサイトに埋め込むには、CodePen のアカウントを作成する必要があります。まだ作成していない場合は、CodePenのトップページ にある「Sign Up」ボタンからアカウントを作成することができます。 作成したアカウントでログインした後、上の方で説明したように、画面右上の「Create」ボタン → 「New Pen」から、新規の Pen を作成します。 できあがりましたら、画面右下の「Embed」をクリックします。 すると、埋め込みコードを生成するウィンドウが表示されます。 bbb テーマを選択します。 埋め込んだコードを表示した時にすぐに実行させず、ボタンを押して実行させたい場合は、ここにチェックを入れます。 埋め込んだコードを編集できるようにするかどうかですが、これは有料版の機能です。 埋め込みコードの種類は、この「HTML」方式が推奨されているので、ここが
srctohtml ソースをHTMLで見やすく出力するツール マージナルソフト
srctohtmlは、JavascriptやPHPなどのソースコードを、簡単にHTMLとして出力するブログの記事作成支援ツールです。HTMLソースの出力にも対応しています。 生成されたソースコードは全てHTML形式となるため、Javascriptが許可されていないブログサービスでも使用可能です。またスタイルシートも全て出力HTMLに含まれますので、スタイルファイルを別途設置する必要もありません。 出力HTMLのデザインは詳細に設定することも、既存のプロファイルを利用することも出来ます。 [プロファイルのサンプル] 基本的な使用方法 ソースコードをテキストエリアにペーストします 言語を選択します プロファイル（色やスタイルの定義）を選択します HTMLに変換ボタンをクリックします 出力されたHTMLをコピーし、ブログの記事編集画面に貼り付けます ブログ記事を編集するエディタの形式によって、H
【4選】そのイカしたソースコードを表示する方法！
どうもジャングルオーシャンのミケです。 ゴリゴリコード書いてますか！ コーディングやプログラミングでソースを書いて これいいかもっていうソースを作った時って人に教えたくなるよね そこで今日は そのイカしたソースを公開するために 他のブログでもよく見かける方法を4つ紹介するよ！ 1.海外サイト Code Pen https://codepen.io/ 有料プランもあるけど無料で使えるのでFREEで登録をしよう！ 必要なコードを書き込んだら、コード入力画面の右下のEmbedを押して埋め込みコードを取得できるよ あとはこれを表示したいところに貼り付けるだけ！ 表示すると↓のようになるよ See the Pen qXeRqr by mike (@michelangelojo) on CodePen. 2.GitHubの機能 Gist https://github.com/ Gistを使うにはGit
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
