2022年4月

flexboxは奥が深いので、まだまだ勉強しなければならないことが多いですが、ここではデザインカンプからのコーディング課題時によく悩んだことの一つ、「子要素の幅を均一にする」ことについて( ..)φメモを残しておきます。 […]

昨日書いた記事（1つ手前の記事）で、文字を細くする方法について書きました。 ここでは、AOS.js（JavaScriptのライブラリで、簡単にスクロール連動型のアニメーションを実装できるものです）と併用した場合に、tra […]

デザインカンプからのコーディングを行っている時に、文字のサイズや行間、文字間は指定通りなのに、なぜか文字がデザイン通りに合わない、ということが出てきました。 その解決方法を備忘録がてら( ..)φメモしておきます。 結論 […]

先日の4月25日で、本格的にweb制作の勉強を始めてか3か月が経ちました。 最初の頃と比べれば、いろんな知識やスキルはついたと思います。 でもまだ、それを自在にこなせておらず、自分なりに完璧な整理も出来ていない状態です。 […]

しょーごさんのコーディング課題【中級編】も、ついに最終段階まで到達しました。 無事にサーバーへのアップデートも終えて、ピクセル単位で余白やサイズの調整をしていますが、ここで困ったことが一つ発生しました。 VSCodeで編 […]

tableのレスポンシブ対応をする際に、忘れていたので( ..)φメモしておきます。いろんなパターンが考えられますが、ここでは2列複数行タイプのtableをレスポンシブ対応で1列（複数行）にする方法を書いておきます。 簡 […]

ヘッダーの上部を固定してから、レスポンシブが崩れた件で、前回は原因探しを行っていました。 一つ一つ、コンテンツやモジュールなどを確認していくと、それぞれに原因があることが分かってきました。 原因は一か所ではありませんでし […]

今、本業の方で必要になってきそうなJavaScriptの復習をしています。 一通りProgateをやっていたので、復習した時に、クラスやインスタンスと聞いてもアレルギーは起こりませんでした。 なかなか机に向かって勉強が出 […]

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

2日前くらいの記事で、ヘッダーを上部固定したらレスポンシブが崩れてしまった！と書きました。 解決できたので( ..)φメモとして残しておきます。 現象：レスポンシブ対応している時に、画面右側に謎の余白が空いている。スクロ […]

Git関係に取り組む前に、私は一度、soucetree（初心者が気軽にGitを導入できるというものらしいです）に取り組んで、よく分からないまま放置しています。＾＾； 今はしょーごさんのコーディング課題【中級編】に取り組ん […]

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

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

昨日書いた記事で、本格的に開発周りでの知識を勉強していこうと思っています。 まずは基礎的な知識から。 とりあえず、ProgateのWeb開発コース（Node.js）を1周して、開発がどういったものかをざっくりと掴んだ後に […]

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

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

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

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

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

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

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

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

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

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

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

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

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

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

サイトに動きをつけるのには、jQueryだけでなくいろいろなJavaScriptのライブラリがあります。 今回はとても軽量で高パフォーマンスを実現してくれるというAOS.jsについて参考にしたサイト記事を載せておきたいと […]

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