Uncategorized

前の記事に追加でいろいろと注意書きをさせて頂きました。反省して、ここからもう一度、ヘッダー上部固定でレスポンシブが崩れた件、について根本的な問題を解決するべく動いていこうと思います。私自身は、レスポンシブ対応に取り掛かる前にヘッダーの上部固...

現在、しょーごさんのコーディング課題【中級編】に取り組んでいます。ペースが落ちてきていますが、ちゃんとやってます＾＾；現在、jQueryなどの動的な表現の実装も終えて、レスポンシブ対応に取り組んでいるところですが、初めてみた謎の現象に驚いた...

ProgateのWeb開発コース(Node.js)を勉強している最中に、休憩がてらProgateのGitコースとCommandLineコースに取り組んでみました。なんとなく、コマンドプロンプトを触ったことはあったのですが、なかなか思うような...

本業のほうで、仮案件として自社で使っているWEB・スマホアプリと新しいシステムを連携させるため、カスタマイズorプラグイン開発をしていけないか、という案が持ち上がっています。中長期的な案件として、私を含め複数人の方が指名されました。既存のア...

スライダー部分をSwiperを使って実装している時に、各コンテンツの高さを揃えるのに、CSSでなかなか調整が出来ずに悩んでいたところ、jQueryを使ったら一瞬で修正できました。参考コードは以下です。備忘録として残しておきます。// Swi...

今回、しょーごさんのコーディング課題【中級】に取り組んでいて、背景画像をレスポンシブ対応させようとしたときに、画面幅に左右されて（特に2000px以上の大きな幅）画像が動いてしまいました。これについての対応は、確かコーディング課題【初級Ex...

最近の隙間時間は、たにぐちまことさんのUdemy講座でPHPとWordPressの勉強をしています。しっかりやる、というよりは、聞き流しながら「ふ～ん、そうなんだ」くらいでどんどん情報を浴びていっている、という感じです。本当は、机に座って落...

ここ最近のWeb制作の勉強に回す時間が減り、内容もなかなか進まないので、振り返りがてら、ブログを書くことにしました。デバッグ対応ばかりでなかなかコーディング課題が進んでいない焦りもありますが、このタイミングで勉強時間を振り返ってみたいと思い...

いろいろ不具合などもありましたが、なんとか一通りフォーム周辺（JQuery）を完成させることができました。具体的にフォーム周辺で実装したjQueryの実装機能としては、・フォームのバリデーションチェック（未入力項目へアラート表示）・フォーム...

具体的には、submitメソッドが効いていない、サンクスページに遷移しない、サンクスページに遷移するけど回答データが受け取れていない、という3つの問題がありました。まず、問題を解決した結論から書きます。以下のしょーごさんの記事を参考にして、...

swiperという、jQueryに非依存のJavaScriptライブラリがあるそうです。しょーごさんのコーディング課題をこなしていくなかで出会いました。コーディング課題に取り組む時に、実際に参考にさせて頂いた動画やサイトを備忘録として残して...

今回の記事では、formのバリデーションチェックでアラート表示させる時に起こってしまった不具合を解消したことについて書きます。結論から入ると、入力欄（inputやtextareaなど）毎のブロックがdiv要素で囲まれていれば問題なく動いた、...

一度は確実にデータ送信に成功し、サンクスページへの問題もクリアできていました。swiperにとりかかっている最中に何気なしにデータを送信してみて、回答が受け取れているか再度チェックしたところ、「回答0件」という文字・・・・え😅嫌な気がして、...

突然のご報告にはなりますが、この4月から転職することになりました。前職では窓口接客業兼一般事務をしておりましたが、次のお仕事はシステム管理・運用のお仕事です。異業種・異職種への転職をすることができました。今までIT業界やIT職種とは縁がなか...

Googleフォームの紐づけ作業時にはいろいろとググって情報を集めていました。そんな時に出会った↓のサイト。無料のフォーム作成ツールを作っているformLabさんという会社さんのサイト記事で、Googleフォームの紐づけ作業方法を紹介されて...

静的サイトにあるフォームをGoogleフォームと紐づけて、情報を送信できるようにしていこうと考えました。HTML、CSSコーディングは一通り終えた後、まず参考にさせて頂いたのが↓のしょーごさんの記事です。とても分かりやすく書かれていて、私も...

独学でブログを始めた当初から今日まで、勉強の方に重きを置いていたので、あまりブログサイトは触らず、記事を書くことだけに集中していました。しかし、周りから少しずつホームページ制作やWordPressサイトについての質問を受けることが出てきたの...

サイトに動きをつけるのには、jQueryだけでなくいろいろなJavaScriptのライブラリがあります。

jQueryを初めて使う時、実装する時って、ちゃんとプログラムが反映されているのか気になりますよね私も現在、5回目のデザインカンプにてjQueryを導入していますが、書籍のサンプルコード以外でjQueryを実装するのはこれが初めてです。導入...

しょーごさんのコーディング課題【中級】からはSassを使ったコーディングに取り組んでいます。実際にSassを導入するまでに悩んだこと、解決した方法というのをざっくり( ..)φメモにしておこうと思いますので、もし同じように悩んでいる方が以下のことに気づいて解決できたら幸いです。

コーディング課題【中級編】に入る前に、しょーごさんがもう一つお勧めしていた書籍に取り組みました。サイトの高速化は、サイトへの訪問者の方の離脱率を出来るだけ抑えたり、リピーターさんを増やしたりというためにも大事な取り組みの一つです。

Sassのコンパイル方法にはいろいろな方法があるそうですが、私は一番簡単な方法としてVSCodeの拡張機能を使うことにしましたが、結局CSSファイルの出力先が改善されず、断念することに。そこで調べた結果、東京ホームページ制作さんのサイトで紹...

VSCoeでコードを書いていくときに、divタグをたくさん使うと、どこからどこまでが何の範囲か分からなくなりますよね。

先日の記事で、Sassの勉強でたにぐちまことさんのYouTube動画をお勧めしていましたが、そこではLive Sass CompilerというVSCodeのプラグインをご紹介されていますが、DartSass対応のプラグインがあることを最近知りました。

ついに、「CSS設計完全ガイド」を完走しました！凄くボリュームがあり、読むのも大変でしたが、それに見合うだけの情報は得られます！！目から鱗な情報や知識、考え方を知り、とても勉強になりました！！

昨日、3月25日で本格的にWeb制作の勉強を始めてから2か月が経ちました。一つの節目になるので、ここまでの流れを簡単におさらいしておこうと思います。

先日から取り組んでいる「現場のプロから学ぶCSSコーディングバイブル」という書籍ですが、完走としてます！完璧に理解するまで取り組むというよりは、大体理解できた（7割程）くらいで、2周しました。

現在、Sassの勉強をProgateを終えた後、書籍「現場のプロから学ぶCSSコーディングバイブル」にて取り組んでいます。他にも動画で学べそうな教材があったので記録として残しておこうと思います。

ProgateのSassコースを終えて、「現場のプロから学ぶCSSコーディングバイブル」に取組み中です。

ProgateのSassコース完走！次は「現場のプロから学ぶCSSコーディングバイブル」～CSSとSassの基本と設計、実務テクニックまで～に取り組んでいます。