もり | Webコーダー

🖥️ Webコーダー5年目 / 実績300件 / WordPress制作 HTML CSS JavaScript PHP / アニメーション対応と即納が得意 / フリーのデザイナーや制作会社からのご依頼・ご相談お待ちしております。

[もり | Webコーダー @MoRi_Coding]

HTMLのクラス名や画像名をつける時は下ハイフン(_)派

・パッと見で文字の余白が分かれていて見やすい
例　クラス名:section_inner
　　画像名　:icon_arrow.svg

・キーが端っこでタイピングスタイル的に打ち間違えしづらい

ハイフン(-)だとその逆なので、スラッグ名以外ではあまり採用しない

[もり | Webコーダー @MoRi_Coding]

Pinterest風 + Ajax無限スクロール + モーダルという悩ましい実装の組み合わせ
masonryやfloatを試してもAjaxのせいで高さ計算が遅れる問題が発生

ひたすらググりまくったところ、神記事を発見しました
先人の知恵はありがたい🙏

https://t.co/FwVf7XkcZa

[もり | Webコーダー @MoRi_Coding]

１年前に制作したWordPressのサイトで言語切り替えプラグイン「GTranslate」がsafariで使用できなくっていました。（Chromeでは使用可能）

セキュリティアップデートのせいみたいで対処方法が有償（年間45,500円）にするか別のプラグインにするしかないみたい。恐らくBogoに切り替える気がします

[もり | Webコーダー @MoRi_Coding]

フリーランスになって一番不安だった住宅ローンの審査が通りました。少し背伸びの金額ですが、希望通りになりそうでめちゃくちゃテンション上がってます。

これから間取りや仕事部屋の設計に入ります。
予算がっつりオーバーしまくっているので馬車馬のごとく働くつもり。営業せねば！

[もり | Webコーダー @MoRi_Coding]

家造りで大手ハウスメーカーさんを色々みて回ってますが、まさか自分がWebページを担当したモデルハウスに偶然遭遇し、担当の人と盛り上がりました

在宅だとなかなかリアルで仕事関係のことに出会える機会は無かったので、実際に足を運んでみると感慨深いものを感じます

[もり | Webコーダー @MoRi_Coding]

4ヶ月ぶりに手隙になりました（とは言っても11件ほどは確認待ち）
今年は依頼が多く、休む間もないのでいきなり手隙になると何やったらいいかわからなくなります

アニメーション実装の振り返りやテンプレの見直しなどやりたいですが、たまにはコーディングから離れたくもなります

[もり | Webコーダー @MoRi_Coding]

Automatorを使用するとこんな感じでササっと画像をWebP変換できます。

参考サイト
https://t.co/24XbitNJxv

[もり | Webコーダー @MoRi_Coding]

コーディング時の使用ツール

スニペット：Paste(課金)
WebP変換、リサイズ：Automator(Macアプリ)
アニメーション参考：動くWebデザインアイデア張
AI：Chat GPT(課金)
Reset CSS：nicolas-cusan
タスクランナー：gulp

[もり | Webコーダー @MoRi_Coding]

フリーランスになって初の単月月収が2ヶ月連続で7桁達成。ほぼ休みは無いですが徐々に負荷に慣れてきた

常に2〜3件は案件が控えている状態なのでスケジュール管理が厳しく少し見誤るとコケそうですが何とかこなせてる

次の月は絶対休むって決めても何だかんだ案件を断れないのがフリーランスの悩み

[もり | Webコーダー @MoRi_Coding]

在宅ワークで注意したいのがエアコンや除湿機などのカビと室内のCO2濃度

物置から取り出した除湿機を使う事で、部屋中が目に見えないカビを撒き散らし、目が痛くなったり体調を崩しやすい（6月はこれで体調崩す人が周りで多かった）

フィルターだけ掃除しても無駄で、1年使えば内部にカビが発生するため、除湿機は1年スパンで買い換えるしかない

それと締め切った部屋で仕事するとCO2濃度がどんどん上がり、頭がボーッとして集中力が切れたりする。換気したり、CO2測定器があれば防げる。

[もり | Webコーダー @MoRi_Coding]

商品の詳細はこちらになります。

【ScreenBar Halo 2】
1台（￥26,900円）公式製品情報
https://t.co/HLTqJmCecn

Amazon商品ページ：
https://t.co/dHExxtYVyJ

楽天商品ページ：
https://t.co/xhBkykQZma

[もり | Webコーダー @MoRi_Coding]

BenQさんより新製品【ScreenBar® Halo 2】をご提供していただきました。

バックライトが従来比423%も照射エリアが拡大し、ワイヤレスリモコンもかなり進化して、より快適にデスクが使いやすくなりました。

何より人感センサーが搭載され、ライトのオンオフの煩わしさが無くなったのが嬉しい。

永遠にコーディングしていられます💻

#BenQLighting
#ScreenBarHalo2
#Haloで次の次元へ

[もり | Webコーダー @MoRi_Coding]

functions.phpでメンテナンスモードのコードがあるので、それに時間帯の設定を追加すればできますね

時間帯を設定 → 一般 → タイムゾーンで【東京】に設定すれば日本時間と比較し、メンテナンスモードのコードが設定した時間帯で発火というロジックです

ログイン関連まで発火すると面倒なので、ログインページは除外、ログインユーザーはサイトが表示できるようにはしたほうがいいです

上記をAIに投げればコード作ってもらえます

[もり | Webコーダー @MoRi_Coding]

なぜ今までAutomatorを使わなかったのか・・・
右クリックのクイックアクションだけでWebP変換やリサイズ、 ファイル内のDS_storeの削除、マクロの組み合わせでコピーしたテキストに<br>タグの挿入とかもできる

まだまだコーディングの業務改善が期待できる
TourBoxとの組み合わせでなんでもできそう

[もり | Webコーダー @MoRi_Coding]

今月の新規・修正でコーディング対応したサイトの数が全部で30サイト。週に3~5件ほどは依頼が来てトラブル対応、他コーダーのしりぬぐい、大手企業と同様のシステムを作ってくれなど。新規のLPと6~8Pのコーポレートサイトの制作には5日もかけていられない。なんだかんだでコーディングよりもチャットしてるほうが多いですね。

[もり | Webコーダー @MoRi_Coding]

今月頑張り過ぎて売上が新記録でした
法人化すれば信用がさらに上がり、売上アップや税金対策も見込めるけど腰が重い

嫁と業務委託契約を結び売上を分散させて税金対策という手もあるらしいですがこれも面倒くさい。ひたすらに税金が高過ぎて税金のために働いている感じになってきたので考えないと

[もり | Webコーダー @MoRi_Coding]

3連休もコーディング。LP2件と7ページのWordPressサイトの初稿が完了

初の縦スワイプLPの実装で少し迷いましたがSwiperの実装の仕方を覚え、幅が広がりました。小さいスマホだとセクションによって一部隠れてしまうので後日デザイナーさんと相談。CTAのデザイン変更か余白の調整になりそう

クリッカブルマップとvue.jsも覚え、この夏は色々と成長できそう

[もり | Webコーダー @MoRi_Coding]

サブディレクトリにWordPressをインストールしたらPHPが古くて表示できず

PHP5.6→PHP7.4に上げたらWordPressは開くけど親サイトがFuelPHPで古すぎてサイトが真っ白に

一旦全戻ししてサブドメインでの運用に切り替えるか提案中。公開日は何が起きるかわからない…。

[もり | Webコーダー @MoRi_Coding]

チーム制作やってる中でGitにアップするだけでコードチェックやテストサイトが自動で更新されるというのが一番ビビりました

FTPアップロードって時代遅れなんだなと痛感

ソロ活動なのであまり使う機会は少なかったのですが、Gitは極めないといけないと心底思いました

[もり | Webコーダー @MoRi_Coding]

Vue.js案件やってて思いますがWordPressや静的サイトで200サイト以上作った経験などは一旦忘れないといけない

下層ページはURLに手入力で遷移出来ないし、aタグではなくrouter-linkにしなければいけないので固定観念があるほど手詰まりが増えて時間を浪費してしまう

まだまだ修行が足りない