Webデザイン デイトラ Webデザインコース始めました
デイトラのWebデザインコースを受講し始めました。評判やレビューなど気になる方のために書きました。
Webデザイン 
プログラミング学習 MW WP FormにreCAPTCHAを設定する方法
reCAPTCHAは、スパムを減らしたい！と言う時に無料で使えるGoogleのサービスです。設定に必要なもの(前提)設定に必要なもの(前提)は、下記です。・MW WP Formのプラグイン導入済み・Googleアカウントを持っている設定の流...
WordPress Contact Form7にreCAPTCHAを設定する方法
reCAPTCHAは、スパムを減らしたい！と言う時に無料で使えるGoogleのサービスです。設定に必要なもの(前提)設定に必要なもの(前提)は、下記です。・Contact Form7のプラグイン導入済み・Googleアカウントを持っている設...
プログラミング学習 VS Code 画像サイズを一瞬でコード出力する
コーディングで、画像にwidth/heightを追加するときに1枚づつ画像サイズを調べて入力していませんか？便利なVS Codeの機能の紹介をします。やりたいこと<img src="" alt="画像の説明" loading="lazy">...
プログラミング学習 ハンバーガーメニュー（Vanilla JS）
Vanilla JSでのハンバーガーメニューの書き方を紹介
プログラミング学習 Instagram最新投稿画像を簡単にサイトに表示する【SnapWidget】
こんにちは。emiです。今回は、先日使用したインスタグラムの画像を無料で 簡単に いい感じにサイトに表示できるサービスを紹介します。作れるものSnapWidget無料サービスを使用しています。インスタの画像をクリックした先は、SnapWid...
プログラミング学習 Webの基礎① インターネットとは？
Webコーディングの学習を始めてもうすぐ2年になります。（2020年4月末開始）CMSの組込みや更新作業のお仕事をいただくようになって、Webに関する基礎知識の大切さを日々感じています。これからコツコツ基礎学習、その過程を記録していきます。...
プログラミング学習 【簡単】CSSアニメーション（animate.cssライブラリ使用）
今回は、案件で使用したアニメーションライブラリ「animate.css」について、まとめます。また、アニメーション開始のタイミング操作についても最後に紹介します。animate.css公式サイトライブラリを使用することで、指定されたcssを...
プログラミング学習 一瞬で曇り空を青空に（Photoshop使用）
こんにちは！emiです。先日初めて使用して感動した機能をご紹介。Photoshopの「空を置き換え機能」です！Photoshopの「空を置き換え機能」でできることこの写真を一瞬（3ステップ）で青空にできます！(夕焼けや虹なども)この写真を…...
プログラミング学習 BASEカスタマイズ②css/js外部ファイル追加方法
こんにちは。emiです。下記の記事ではエディタから直接htmlにスタイルを書く方法でカスタマイズしましたが、スタイルの内容が多くなる場合、外部ファイルをアップロードして読み込ませることも可能です。今回は外部ファイルの読み込み方法を紹介。（h...