社会人と音楽
毎日つらいと考えている人へ
プログラミング
プログラミング 【GoogleアナリティクスGA4】対象のアクセス数を除外する設定を画像付きで解説【内部トラフィックの除外】
「社内のアクセスを除外したい」「自社のサイトに会社関連の人のアクセスがカウントされてしまう」そういった場面ではフィルタの作成が必要です。新しくなったGoogleアナリティクス(GA4)での設定方法を画像を使って解説。データストリームの内部トラフィックルールの編集でのIPアドレスのつまづきポイントも取り上げました。
プログラミング 突然の「予算の100％に達しました」メール大丈夫！？【Google Cloud Platform（GCP）の料金/APIの無料枠】
突然の「予算の100％に達しました」メールが来て予算ってお金どこかでかかってるの！？と思った方。GoogleマップAPI使ってるけど無料枠内に収まるって聞いてたけど！？大丈夫！？と思った方。その原因Google Cloud Platform（GCP）で分かるので画像付解説で一緒に確認してみましょう。
プログラミング 【無料テンプレート➁：客室ページ編】楽天トラベルカスタマイズページ更新方法【コピペコード有】
楽天トラベルカスタマイズページ用のテンプレート.を用意しました！第２段は客室ページ編！！コピペOKです。また、合わせて画像設置の方法、画像付き解説。楽天トラベル「テンプレートGOLD」で自由にデザインしてみましょう！
プログラミング 【SourceTree】新規追加ファイルが反映されず、一部変更差分しか表示されない。
既存のファイル変更はSourceTree（ソースツリー）に反映されるのに新規追加ファイルは表示されない。そんな時の解決方法を画像付きで解説！コミットできないファイルがあると作業ができないですよね。その際の緊急対策もアリ！！
プログラミング 【無料テンプレート】楽天トラベルカスタマイズページ更新方法【コピペコード有】
楽天トラベルカスタマイズページ用のテンプレート.を用意しました！コピペOKです。また、合わせて画像設置の方法、画像付き解説。楽天トラベル「テンプレートGOLD」で自由にデザインしてみましょう！
プログラミング Googleドライブの画像を他のサイトに表示させる方法【コードペンにも◎】
google driveはとても便利でデータの保存でお世話になっている人はおおいのではないでしょうか。そこに保存した画像、実は保存したことで他のサイトにURLで表示できるの知ってましたか？画像がブログに保存できるのもブログ投稿サービスが間隔的に作業できるようにしてくれています。そのサービスがないところ掲載したい時、ぜひ試してみてくださいね。
プログラミング 【PHPmailer】GmailのSMTP経由でお問い合わせフォームを作成【コード備忘録】
サイトといえばお問い合わせフォーム。フロントエンド担当しててもお問い合わせフォームの修正を依頼はされる！ということでPHPmailerとGmailを使ってメール機能実装しましょう！コード記載あり、ファイル構造画像あり！
プログラミング 【埋め込み・設定】YouTube動画をサイトに載せて自動再生する方法【ユーチューブ活用】
YouTubeへ投稿した動画をホームページに掲載して充実したサイトにしたい方に是非読んで欲しい記事です。動画の埋め込み設定で自動再生させたり、音量調整、コントローラー非表示など、同じ掲載でも見せ方で宣伝効果の高い動画の載せ方につながります！このYouTube設定をマスターしてかっこいい充実したサイトを作ってみましょう～
プログラミング 【2023年】最初に設定しておきたいリセットCSSとレスポンシブmixinなど【SCSS初期セット】
SCSS・CSSの基礎の設定ってなんだっけ？いざ自分が１からWEBサイトを用意しようと思った時意外とどんなリセットCSS、mixin、レスポンシブCSS用意していいかわからない～💦そんな時用に記録を残しております。2023年私はこんなSCSS使ってます。
プログラミング SourceTree突然起動しなくなった時の解決方法
【SourceTree】が突然起動不可！？作業できない困ったを解決できる記事です。Windowsファイルパス画像付き。初学者でもわかりやすいように解説しています。原因はAtlassianの実行ファイルなので詳しい方は直接そちらをチェックして解決してみてくださいね。