Kota @ Webコーダー

Webコーダー💻｜メーカー営業10年＋Web制作 | HTML / CSS / jQuery / PHP / WordPress｜ブログ：

[Kota @ Webコーダー @KOO86079816]

【制作実績】

古書河島様のホームページ制作を担当いたしました。

デザインカンプをもとにコーディングからWordPress構築まで対応しています。

▼サイト
https://t.co/YE8476A3ej

制作時に意識したポイントはこちら👇
https://t.co/PSTWPFfd3p
#Web制作 #WordPress #コーディング

[Kota @ Webコーダー @KOO86079816]

【ブログ更新】
SWELLの「ブロックパターン」と「再利用ブロック」の違いを解説。

使い方を間違えると、1か所の編集で全ページが更新されることも…。

案件での使い分けを初心者向けにまとめました。

▼記事はこちら
https://t.co/fmHzwcBk4B

[Kota @ Webコーダー @KOO86079816]

先着1名様限定/デザインからホームページ制作します 実績掲載OKでモニター価格30,000円 | ココナラ[coconala]
https://t.co/s4BzHF8x43

[Kota @ Webコーダー @KOO86079816]

「まだ実績がないから発信できない」

と思っていた時期がありました。

でも実際は、

できるようになったことより

「今どこで悩んでいるか」

の方が誰かの役に立つこともあります。

完璧じゃなくても発信を続けていきたい。

[Kota @ Webコーダー @KOO86079816]

【ブログ更新】

毎回FTPソフトで更新していませんか？
GitHub Actionsを導入すれば、GitHubへPushするだけでConoHa WINGへ自動反映できます。

設定手順を初心者向けにまとめました。

▼記事はこちら
https://t.co/1hayi4PJR5

[Kota @ Webコーダー @KOO86079816]

ブログもWeb制作もすぐに結果は出ません。

でも、

・昨日より1行多く書く
・1つ多く学ぶ
・1ページ多く作る
この積み重ねが数か月後には大きな差になります。
今日もコツコツ。

[Kota @ Webコーダー @KOO86079816]

半年前に書いたコードより、

今日書いたコードの方が少しだけ良くなっている。

昨日の自分と比べて前に進めているなら、それで十分。

大きな成長より、小さな積み上げを続けたい。

[Kota @ Webコーダー @KOO86079816]

【ブログ更新】
当たり前なことほど、シンプルに大事。

今回はWeb制作の基本のキである「画像ファイル名」について深掘りしました。

プログラミングで扱う画像ファイル名は英語に統一するのがおすすめです。

▼記事はこちら https://t.co/po0PelweXT

[Kota @ Webコーダー @KOO86079816]

「自信は経験から生まれる」

オランダに追いついたサッカー日本代表を見て感じたことです。
一昔前と違い、海外選手との対戦経験が未知に対する恐怖を削っている。
Web制作も同じで案件に対する恐怖心は、こなした案件の数と経験からしか解消できないので、準備も大事ですが失敗を恐れずトライしよう

[Kota @ Webコーダー @KOO86079816]

記事はこちら⏬
https://t.co/fxmPOakW7J

[Kota @ Webコーダー @KOO86079816]

SWELL案件って実際どうなんだろう？

今回初めて担当してみて感じたのは、

「PHPを書く」よりも
「SWELLの機能を理解する」
方が重要だったこと。

・同期パターン
・ブログパーツ
・フルワイドブロック

このあたりは実務でかなり使いました。

初案件で学んだことを記事にまとめました。

[Kota @ Webコーダー @KOO86079816]

今日やったこと

・案件A　SWELL修正対応
・ブログ1本執筆

少しずつですが、積み上げていきます。

[Kota @ Webコーダー @KOO86079816]

【ブログ更新】
PCでは問題ないのに、 iPhone SEで確認したら表示崩れが起きている...。

レスポンシブ対応で見落としがちな 「375px確認の重要性」についてまとめました。

https://t.co/cMy2Reuw9a

#Web制作 #コーディング #Webデザイン

[Kota @ Webコーダー @KOO86079816]

【ブログ更新】
CSSで
「hoverしたらボタンがガタッと動く…」
「レイアウトが微妙にズレる…」
そんな経験ありませんか？

原因は hover時に追加した border かもしれません。

実際のNG例とOK例を使って、
なぜカクつくのか・どう直すのかを解説しました。

https://t.co/3WxeisMHrS

#CSS #Web制作

[Kota @ Webコーダー @KOO86079816]

SWELLが便利すぎる。オリジナルテーマで構築できる良さもあれば、高品質で納期早く作れるSWELLも両方対応できれば、選択肢が増えてクライアントへの提案の幅も広がる。

[Kota @ Webコーダー @KOO86079816]

【ブログ更新】
今回は、CSSで
「transitionを書いたのに効かない…」
「ゆっくり動かしたいのに一瞬で切り替わる…」
そんな時に確認したいポイントをまとめました。

実は transition は 側ではなく、通常状態に書くのが基本です。

https://t.co/v1Eytnmx5f

[Kota @ Webコーダー @KOO86079816]

制作会社様より、

「お客様からも大変好評でした」

との嬉しいお言葉をいただきました。

コーダーとしてとても励みになります。
今後も丁寧な制作とコミュニケーションを心がけ、一つひとつの案件に真摯に取り組んでいきます。

[Kota @ Webコーダー @KOO86079816]

【ブログ更新】
今回は、GitHubの基本的な使い方を解説しました。

VS Codeとの連携方法をはじめ、PullやPushなどの基本操作を理解することで、コードの管理や共有をスムーズに行えるようになります。

https://t.co/5PxzuD3F2Q

[Kota @ Webコーダー @KOO86079816]

【ブログ更新】
SCSSの導入方法を初心者向けに解説しました。

・Live Sass Compilerの入れ方
・Watch Sassの使い方
・scss/cssフォルダ構成
まで実際の手順付きでまとめています。
「SCSSを書いても反映されない…」
という方におすすめです👇

https://t.co/RekOVRqde8

[Kota @ Webコーダー @KOO86079816]

【ブログ更新】
SCSS入門
・基本の使い方を初心者向けにまとめました！
・変数
・ネスト
・mixin
など、実際のコード例付きで解説しています。
「CSS管理をもっと楽にしたい…」
「SCSSって何から覚えればいいの？」
という方におすすめです👇

https://t.co/wv4KjdzVhu