-
Uncategorized
背景画像を画面幅に左右されずに(レスポンシブ対応)background-imageを配置するヒント
今回、しょーごさんのコーディング課題【中級】に取り組んでいて、背景画像をレスポンシブ対応させようとしたときに、画面幅に左右されて(特に2000px以上の大きな幅)画像が動いてしまいました。 これについての対応は、確かコー […] -
Uncategorized
隙間時間の勉強はたにぐちまことさんのUdemyの講座を聞き流し
最近の隙間時間は、たにぐちまことさんのUdemy講座でPHPとWordPressの勉強をしています。 しっかりやる、というよりは、聞き流しながら「ふ~ん、そうなんだ」くらいでどんどん情報を浴びていっている、という感じです […] -
Uncategorized
ここ最近(1~2週間程)の勉強時間、改善点
ここ最近のWeb制作の勉強に回す時間が減り、内容もなかなか進まないので、振り返りがてら、ブログを書くことにしました。 デバッグ対応ばかりでなかなかコーディング課題が進んでいない焦りもありますが、このタイミングで勉強時間を […] -
Uncategorized
フォーム周辺(jQuery実装)の完成~Googleフォームとの紐づけ有
いろいろ不具合などもありましたが、なんとか一通りフォーム周辺(JQuery)を完成させることができました。 具体的にフォーム周辺で実装したjQueryの実装機能としては、 ・フォームのバリデーションチェック(未入力項目へ […] -
Uncategorized
Googleフォームとの紐づけ・不具合、やっと解消しました~!やったことまとめ!
具体的には、submitメソッドが効いていない、サンクスページに遷移しない、サンクスページに遷移するけど回答データが受け取れていない、という3つの問題がありました。 まず、問題を解決した結論から書きます。以下のしょーごさ […] -
Uncategorized
Swiperの実装で参考にした動画・サイト
swiperという、jQueryに非依存のJavaScriptライブラリがあるそうです。 しょーごさんのコーディング課題をこなしていくなかで出会いました。 コーディング課題に取り組む時に、実際に参考にさせて頂いた動画やサ […] -
Uncategorized
formのバリデーションチェックでアラート表示が出なかった時にしたこと
今回の記事では、formのバリデーションチェックでアラート表示させる時に起こってしまった不具合を解消したことについて書きます。 結論から入ると、入力欄(inputやtextareaなど)毎のブロックがdiv要素で囲まれて […] -
Uncategorized
Googleフォームとの紐づけで不具合発生!
一度は確実にデータ送信に成功し、サンクスページへの問題もクリアできていました。 swiperにとりかかっている最中に何気なしにデータを送信してみて、回答が受け取れているか再度チェックしたところ、 「回答0件」という文字・ […] -
Uncategorized
転職が決まり、この4月からシステム管理・運用のお仕事をすることになりました!
突然のご報告にはなりますが、この4月から転職することになりました。 前職では窓口接客業兼一般事務をしておりましたが、次のお仕事はシステム管理・運用のお仕事です。 異業種・異職種への転職をすることができました。 今までIT […] -
Uncategorized
Googleフォーム紐づけ作業時に出会ったform.runという無料のフォーム作成ツール
Googleフォームの紐づけ作業時にはいろいろとググって情報を集めていました。 そんな時に出会った↓のサイト。無料のフォーム作成ツールを作っているformLabさんという会社さんのサイト記事で、Googleフォームの紐づ […] -
Uncategorized
Googleフォームとの紐づけ~参考サイト記事~
静的サイトにあるフォームをGoogleフォームと紐づけて、情報を送信できるようにしていこうと考えました。 HTML、CSSコーディングは一通り終えた後、まず参考にさせて頂いたのが↓のしょーごさんの記事です。 とても分かり […] -
Uncategorized
ブログサイトを少しずついじっていこうと思います
独学でブログを始めた当初から今日まで、勉強の方に重きを置いていたので、あまりブログサイトは触らず、記事を書くことだけに集中していました。 しかし、周りから少しずつホームページ制作やWordPressサイトについての質問を […] -
Uncategorized
AOS.js(jQueryに非依存のJavaScriptライブラリ)を実装するのに参考にしたサイト
サイトに動きをつけるのには、jQueryだけでなくいろいろなJavaScriptのライブラリがあります。 今回はとても軽量で高パフォーマンスを実現してくれるというAOS.jsについて参考にしたサイト記事を載せておきたいと […] -
Uncategorized
jQueryをデザインカンプで初めて使うとき
jQueryを初めて使う時、実装する時って、ちゃんとプログラムが反映されているのか気になりますよね私も現在、5回目のデザインカンプにてjQueryを導入していますが、書籍のサンプルコード以外でjQueryを実装するのはこ […] -
Uncategorized
初めてSassを使ってデザインカンプからのコーディングをしています
しょーごさんのコーディング課題【中級】からはSassを使ったコーディングに取り組んでいます。実際にSassを導入するまでに悩んだこと、解決した方法というのをざっくり( ..)φメモにしておこうと思いますので、もし同じよう […] -
Uncategorized
「HTMLコーダー&ウェブ担当者のためのWebページ高速化超入門」完走!
コーディング課題【中級編】に入る前に、しょーごさんがもう一つお勧めしていた書籍に取り組みました。サイトの高速化は、サイトへの訪問者の方の離脱率を出来るだけ抑えたり、リピーターさんを増やしたりというためにも大事な取り組みの […] -
Uncategorized
Sassのコンパイル方法としてPreprosを使ってみることにした
Sassのコンパイル方法にはいろいろな方法があるそうですが、私は一番簡単な方法としてVSCodeの拡張機能を使うことにしましたが、結局CSSファイルの出力先が改善されず、断念することに。 そこで調べた結果、東京ホームペー […] -
Uncategorized
VSCodeで閉じタグの後ろにクラス名をコメントで自動追加する
VSCoeでコードを書いていくときに、divタグをたくさん使うと、どこからどこまでが何の範囲か分からなくなりますよね。 そしてそういったことを防ぐために、divタグやクラス名がどこからどの範囲を示すかわかるように、閉じタ […] -
Uncategorized
VSCodeでDart Sass対応のプラグインを使う
先日の記事で、Sassの勉強でたにぐちまことさんのYouTube動画をお勧めしていましたが、そこではLive Sass CompilerというVSCodeのプラグインをご紹介されていますが、DartSass対応のプラグイ […] -
Uncategorized
「CSS設計完全ガイド」完走!本当に最後まで目から鱗でした!
ついに、「CSS設計完全ガイド」を完走しました!凄くボリュームがあり、読むのも大変でしたが、それに見合うだけの情報は得られます!!目から鱗な情報や知識、考え方を知り、とても勉強になりました!! 前半はCSS設計についての […] -
Uncategorized
Web制作の勉強を始めてから2か月が経ちました
昨日、3月25日で本格的にWeb制作の勉強を始めてから2か月が経ちました。一つの節目になるので、ここまでの流れを簡単におさらいしておこうと思います。 1月25日にManaさんの「1冊ですべて身につくHTML&CSSとWe […] -
Uncategorized
「現場のプロから学ぶCSSコーディングバイブル」完走!
先日から取り組んでいる「現場のプロから学ぶCSSコーディングバイブル」という書籍ですが、完走としてます!完璧に理解するまで取り組むというよりは、大体理解できた(7割程)くらいで、2周しました。 著者は実際の仮案件を基に実 […] -
Uncategorized
Sass勉強のための動画~たにぐちまことさんのともすたチャンネル~
現在、Sassの勉強をProgateを終えた後、書籍「現場のプロから学ぶCSSコーディングバイブル」にて取り組んでいます。他にも動画で学べそうな教材があったので記録として残しておこうと思います。 今までいくつかYouTu […] -
Uncategorized
「現場のプロから学ぶCSSコーディングバイブル」(書籍)実践中!
ProgateのSassコースを終えて、「現場のプロから学ぶCSSコーディングバイブル」に取組み中です。 取り組んでいて思うのは、今まで初心者としてやってきた私のスキルをぐっと中級者レベルまで上げてくれそうな本だというこ […] -
Uncategorized
ProgateのSassコース完走!次は「現場のプロから学ぶCSSコーディングバイブル」~CSSとSassの基本と設計、実務テクニックまで~
jQueryを終えてから、PCに向かえる時間はProgateのSass(読み方は「サス」)コースに取り組みました。CSSもある程度慣れてきているので、とても完走しやすかったです。このSassですが、これを利用すると効率的 […] -
Uncategorized
web制作者としてのjavascriptの勉強
2日前の3/19の記事で、「JavaScript」を継続的に勉強していく、という記事を書きました。見出しはjQueryの書籍を完走したというタイトルではありましたが、jQueryにこだわらず、JavaScriptや他の人 […] -
Uncategorized
「CSS設計完全ガイド」に取組み中!この本凄いです!出会えて良かった!
しょーごさんが、web制作の全コーダーが読むべき神本と言っていた「CSS設計完全ガイド」についに突入しました!この本を手に取った時は、その分厚さに驚きました^^;実際に測ってみたら2.8cmあり、実際に読み進められるか不 […] -
Uncategorized
「jQuery標準デザイン講座」完走!やったこと、これからのこと・・・
書籍の「jQuery標準デザイン講座」を完走しました!ここでは学習したやり方などを簡単に振り返っておきたいと思います。 その前に、この書籍に入る前に、私はProgateでJavaScriptとjQueryのコースを一周し […] -
Uncategorized
jQueryの勉強をしている途中ですが・・・
現在、ProgateでJavaScript・jQueryのコースを終え、「jQuery標準デザイン講座」にて勉強を進めています。 書籍やProgate以外に、動画で何か聞き流しながら勉強出来ないかなと思い(ドットインスト […] -
Uncategorized
ProgateのjQuery完走!次は書籍学習へ~
しょーごさんの2022年版独学ロードマップの中級編に入りました。中級編序盤はProgateのjQueryをやることになりますが、ドットインストールでもProgateでもjQueryの勉強をする前にまずはJavaScrip […]