コーディング

コーディング方法

Spotifyの音楽をホームページに埋め込む方法

Spotifyの曲やアルバムをWEBサイトに埋め込む方法を紹介します。 Spotifyの曲を埋め込むと埋め込んだホームページ上で再生することができます。埋め込み作業自体はコードを取得してコピーするだ…

2022 / 08 / 19

レスポンシブ対応のGoogleマップを埋め込む方法 2022

Googleマップをホームページに埋め込んで会社やお店のアクセスマップとして使う方法を解説します。地図としてだけでなく道順（ルート）の表示もできるのでGoogleマップの埋め込み機能で様々な使い方…

2022 / 08 / 12

レスポンシブ対応のGoogleフォームを埋め込む方法を3ステップで解説

Googleフォームで作成したお問い合わせやアンケートをホームページやブログに貼り付ける方法を紹介します。フォームの埋め込み自体はコードを取得して貼り付けるだけでOK。どんなフォームでもWordp…

2022 / 08 / 11

超簡単！Googleカレンダーを埋め込む方法を4ステップで解説

スケジュールや予定の管理ができるGoogleカレンダーをホームページやブログに埋め込む方法を紹介します。 Googleカレンダーは自分で使うだけでなく、誰かと共有したりWebサイトに載せることで多く…

2022 / 08 / 10

Markdownのチートシート集

Markdownの書き方が一覧でわかるチートシートを集めてみました。コードをコピペできるサイトからPDFでダウンロードできるもの、マークダウンのコードを生成できるサービスなど便利なものがたくさんあ…

2022 / 07 / 24

ダミー画像を生成できるツールとプラグインまとめ

ダミー画像を生成できるおすすめツールとデザインツールで使えるダミー画像生成プラグインをまとめて紹介します。ダミー画像生成ツールはグレーで無地の画像だけでなく、フリー素材からキーワードを指定して表示…

2022 / 07 / 19

HTMLとCSSコードを圧縮・整形できるツールまとめ

HTMLやCSSコードを簡単に圧縮したり元に戻したり（整形）できるツールを紹介します。圧縮も整形もオンラインツールがたくさんありますが、コードエディターを使っているならVSCodeの拡張機能を使う…

2022 / 07 / 18

Tiktokの動画をホームページに埋め込む方法

Tiktokのタイムラインや特定の動画をウェブサイトに埋め込んで表示する方法を紹介します。 Tiktokでは特定の動画だけでなく、プロフィールをタイムラインのような形で表示することができます。どちら…

2022 / 07 / 15

WebサイトにYoutube動画を埋め込む方法

Youtubeの動画はWebサイトやブログに埋め込むことでアクセスアップや認知の拡大を期待できます。埋め込み方はすごく簡単ですが、サイズの変更やミュート、自動再生など色々カスタマイズできるところが…

2022 / 07 / 14

インスタグラムの投稿をホームページに埋め込む方法

インスタグラムの投稿をWordpressのホームページやネットショップなどに貼り付ける手順をわかりやすく解説します。インスタグラムの投稿を埋め込む方法はAPIやプラグインを使う方法もありますが、こ…

2022 / 07 / 13

Twitterのタイムラインやボタンを埋め込む方法

ホームページにTwitterのタイムラインや特定のツイートを表示したり、今見ているWebページのツイートボタンを表示する方法を解説します。 Twitterの公式プラグインの機能を使うことでWordp…

2022 / 07 / 12

Facebookの投稿を埋め込む方法とデザインのカスタマイズ

Facebookの投稿やページ、いいねボタンなどのコンテンツを埋め込めるプラグインの使い方とデザインのカスタマイズについて解説します。埋め込み込プラグインを使うことでWordpressで作ったホー…

2022 / 07 / 11

小さな会社がホームページ作成を依頼した場合の作業の流れ

小さな会社さんがフリーランスや小規模の制作会社にホームページを依頼した場合の作業の流れを解説します。初めてホームページの作成を依頼する場合は何をどうしていいかわからないと思うので疑問点はとりあえず…

2022 / 06 / 28

ホームページ作成を個人に依頼した場合の費用と依頼方法

ホームページ作成を個人に依頼する場合のざっくりとした費用と依頼のしかたについて解説します。ホームページの作成をフリーランスに依頼する場合の相場は大体どこのサイトでも似たような費用が書かれています。…

2022 / 06 / 27

Javascriptの勉強に役立つチートシートまとめ

Javascriptのコーディングや勉強に役立つチートシートを集めてみました。 JavascriptはほとんどのWebサイトで使われているプログラミング言語でHTMLやCSSと合わせて勉強することが…

2022 / 05 / 31

Figmaのショートカットをまとめたチートシート

Figma初心者のためのショートカットをまとめたチートシートを集めてみました。ダウンロードして壁紙にしたり、Figmaで作業中に確認できるのでたくさんあって覚えにくいショートカットも楽に覚えられる…

2022 / 05 / 29

スニペットとしても使えるReactのチートシート集

ひさびさにReactさわる人やこれから勉強する人のためのチートシートを集めてみました。 Reactは公式ドキュメントがしっかりしてるのでじっくり勉強するときはそちらをみながらやることが多いのですが、…

2022 / 05 / 28

VScodeのショートカットを網羅したチートシートまとめ

VSCodeで使える全てのショートカットを網羅したチートシートの最新版を集めてみました。ショートカットを使うとプロジェクト内にある大量のファイルをすぐに開けるようになったりコードの編集を効率よく行…

2022 / 05 / 27

さっと使えるSCSS(SASS)のチートシート集

extendやmixinなどよく忘れるSCSSの書き方をシンプルにまとめたチートシートを集めました。ブラウザでチェックできるものとPDFでダウンロードできるものがあるので必要に応じて使い分けること…

2022 / 05 / 26