-
Uncategorized
ヘッダー上部固定でレスポンシブが崩れた件②~一から原因を探す~
前の記事に追加でいろいろと注意書きをさせて頂きました。 反省して、ここからもう一度、ヘッダー上部固定でレスポンシブが崩れた件、について根本的な問題を解決するべく動いていこうと思います。 私自身は、レスポンシブ対応に取り掛 […] -
Uncategorized
5つ目のデザインカンプからのコーディング課題に取り組んでいる時に起きた、固定ヘッダーの謎の現象
現在、しょーごさんのコーディング課題【中級編】に取り組んでいます。ペースが落ちてきていますが、ちゃんとやってます^^; 現在、jQueryなどの動的な表現の実装も終えて、レスポンシブ対応に取り組んでいるところですが、初め […] -
Uncategorized
ProgateのGitとCommandLineコース終了
ProgateのWeb開発コース(Node.js)を勉強している最中に、休憩がてらProgateのGitコースとCommandLineコースに取り組んでみました。 なんとなく、コマンドプロンプトを触ったことはあったのです […] -
Uncategorized
本業のほうでプログラミングを使える機会ができるかも・・・
本業のほうで、仮案件として自社で使っているWEB・スマホアプリと新しいシステムを連携させるため、カスタマイズorプラグイン開発をしていけないか、という案が持ち上がっています。中長期的な案件として、私を含め複数人の方が指名 […] -
Uncategorized
スライダーの各コンテンツの高さをJQueryを使って揃えることが出来ました!
スライダー部分をSwiperを使って実装している時に、各コンテンツの高さを揃えるのに、CSSでなかなか調整が出来ずに悩んでいたところ、jQueryを使ったら一瞬で修正できました。 参考コードは以下です。備忘録として残して […] -
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ですが、これを利用すると効率的 […]