ごかせびと | 小さな会社のWeb担当

[Lanka | Webデザイン・ライティング @Lanka_designs]

ポートフォリオサイトを公開しました🎨
ご覧いただけると嬉しいです✨
https://t.co/9RPVRaNGma
#デイトラ #webデザイン #デイトラコミュニティ

[ごかせびと | 小さな会社のWeb担当 @gokasebito]

@8760stories バターさん、コーディングは順調ですか？
自習室でお会いできたらお話しましょう！
コーディングでお役に立てる自信はゼロですが…笑

[ごかせびと | 小さな会社のWeb担当 @gokasebito]

#web制作
VS Codeのタブの線の色を変更したい時↓

私は上部だけ青色になっていた（変更した記憶はない…）ので変更しなくても良かったのですが、下部にも線を追加することにしました。
他にも設定する方法があると思いますが、色を変更したい方がいれば参考になるかと思います！

-- Qiita
VS Code（Cursor）で現在開いているタブを一目で分かるようにする方法
https://t.co/PpZDoig1UR

[ごかせびと | 小さな会社のWeb担当 @gokasebito]

@aco_web36 acoさん、お役に立てて良かったです！
他にも参考になる記事を発見したらシェアします！
いつもポストのいいねをありがとうございます！

[ごかせびと | 小さな会社のWeb担当 @gokasebito]

WordPressのカスタムHTMLブロックを拡張し、VSCodeのような感じでコーディングができるプラグインのお話。

https://t.co/wMm9yvnuZb

現在のWordPressのブロックだけでLPは作れます。
マウスポチポチだけで簡単に作れます。
もちろん、コーダーがtheme.jsonで各設定を行っていることや、ブロックに関するCSSをきちんと用意している場合の話です。

で、極稀に投稿や固定ページの中で特殊なことをしたいという案件を何度か経験したことがあります。
具体的には、独自ブロックではなくカスタムHTMLを使ってコーディングを行い、WP標準のブロックでは構築ができないことをカスタムHTMLでカバーしたいというもの。
これは、コーディングの知識がないとできません。

そこで少しでも楽にできる方法がないかなーと思いプラグインを探してたら、
「 Custom HTML Block Extension 」という神プラグインと出会いました！
（制作者を知っている方も多いはず）

使って驚いたことは、拡張機能のないシンプルなVSCodeのような感じでした！
投稿や固定ページの中でコーディングができます！

カスタムHTMLをたくさん使うような特殊な案件は、このプラグインが1番かなって思っています！

[aco | 兼業webコーダー @aco_web36]

Web制作コース無事に卒業できました！✨

デイトラのメンターさんやコミュニティの存在、同じようにがんばっていらっしゃるみなさんがいたからこそ、ここまで続けられたなと実感しています😌

出会って、関わってくださっているみなさんに心から感謝です🕊️

--------------------------------------------

合格はしましたが、卒制のスコアが狙った点数より低く、自分のツメの甘さが原因なのでめちゃくちゃ悔しくて落ち込みました…

でも！
目標通り半年で卒制までやりとげることができた事実をちゃんと肯定的にとらえて、めげずに頑張り続けたいと思います🥲🥲

今年、生活環境・職場環境が変わる中デイトラを始めたので、色んな変化にいっぱいいっぱいになるときもありました
それでも自分のペースを保ってとても濃く深くやりたいことに打ち込めた6ヶ月間でした！
今の環境に感謝こそすれ甘えずに、本業もしっかりこなしながら、良い成果を出せる製作者を目指していきたいと思います

ここからまたスタートです…🏃🏻‍♀️‍➡️！

#デイトラ #Web制作 #デイトラコミュニティ

[さんゆか🍭工務店SNS・広報サポート @croissantdelun1]

☆デザイナーのフォロワーさんに質問☆

リーフレット（3つ折り）とかチラシに掲載する地図ってどう作ってますか🤔？

パート先の系列の福祉施設のリーフレット作りを頼まれました🫢

実務で色々鍛えられてる🔥🔥

[ごかせびと | 小さな会社のWeb担当 @gokasebito]

#web制作
WordPressの埋め込みブロックのお話。

内部リンクをブログカードのようにするには、「埋め込みブロック」か「WordPress埋め込み」を使用するかと思います。
デフォルトのデザインは残念ですが、ただのテキストのリンクよりはおしゃれになります。
（動画は、Twenty Twenty-Fiveのデフォルト）

ただ、アイキャッチによってデザインが変わるという欠点もあります。

1つめは、
画像 → タイトル → 抜粋 → サイト名

ですが、

2つめは、
タイトル → 画像 → 抜粋 → サイト名

です。

２つ目は横幅によってテキストの位置が変わります。
（floatで回り込み）

出力されるhtmlとcssは、functions.phpから変更できるのでやろうと思えば変更可能です。
ただし、理由があってこうなっているはずだし、wpのアップデートで今後どうなるのかは不明です。

私は、要望があればメリット・デメリットを説明したうえで、有料テーマのようなブログカードのようなデザインに変更しています。
（要望があったのは1度だけですが…）

ブロック関連はデフォルトが1番安全だし保守管理が大変になるだけなので、手を出したくはない領域です。
営業さんはこのような仕事の相談があったら、即断るくらいの判断をしてほしいです…笑

[ごかせびと | 小さな会社のWeb担当 @gokasebito]

#web制作
WordPressのtheme.jsonが無いだけで、投稿の管理画面右側の項目？って大きく異なるんですね…

個人的にtheme.json（またはfunctions.php）は必要だと思っています。
いつもtheme.jsonを使用するので、使用したい項目というか設定のようなものがどこにもなくちょっと大変でした…

ブロックを上手に使って投稿を書くクライアントが少ないので、必要ないと判断したのかも。
（制作する方は楽だが…）

コーダーさんによって投稿に関することを何も考えていない（ブロックのcssや管理画面との見た目の差）サイトも多いので、定期的な見直しは必須。
（WPの更新で表示がおかしくなることや設定の配置が変わることがあるので）

[ごかせびと | 小さな会社のWeb担当 @gokasebito]

#web制作
今更知ってちょっと嬉しかったWeb制作のお話。

コーディングを勉強し始めた時、私の環境構築は、
gulp + webpackでした。

gulpが4年ぶり？にアップデートされるなんて思っていなかったので、gulpの環境は変えずに各アップデートのみにしていました。
（gulp5にはしたけど）

最近ではgulpもwebpackも使う機会が減ってきたのですが、ネットサーフィンをしていたらwebpackに関する記事を偶然見つけました。
で、そこに書かれていた内容は…

「jsのlog関連は自動で削除できる」って記載がありました。

知らなかったのは私だけの可能性がありますが（笑）、今までコメントアウトでlogは非表示状態にしていたのでとっても楽になりました。

AIに質問したらもっとできることはあると思いますが、これだけでも時短に繋がってちょっと嬉しかったです！

記述はそれぞれの環境によりますが、参考までに画像を添付。
（私は、開発時と本番時で処理を分けている）

[aco | 兼業webコーダー @aco_web36]

10/12 [day162]
-CSサイト出品準備
-Notionポートフォリオ作成
-過去課題再チェック&修正

ココナラ出品しました🙌🏻
まだLP・静的サイトコーディングのみですが、WordPressも追加予定です！

応募もしていきたいけど、条件をみると実力不足すぎてやっぱり厳しいですね…🥲🥲
でも自信をつけるためには案件やるしかない💪🏻

#デイトラ #Web制作 #デイトラコミュニティ

[ごかせびと | 小さな会社のWeb担当 @gokasebito]

#web制作
WordPressでフルサイト編集対応のブロックテーマのバックアップって、保守管理されている方はどのような対応をしているのかな？

データベースは「1時間に1回」とか？
作業前にユーザーにお願いしているとか？
（これはないか…）

サイトの復元を考えると、データベースのバックアップは「1時間に1回」が安全ってことかな？？

または、保守管理契約をしないとか？
ブロックテーマの保守管理は契約したくないな…

[ごかせびと | 小さな会社のWeb担当 @gokasebito]

CROOVERさんの、WordPressテーマ「OLTANA」を見ていると、「ウェブ系の小さな会社って、もういらないのでは？」って思ってしまう…

https://t.co/TwTqQ3Dnw8

#web制作

[ごかせびと | 小さな会社のWeb担当 @gokasebito]

ウェブ制作で、ちょっとドキッとしたお話。

WordPressのフォームプラグイン、Contact Form 7を6.1.2に更新したら、とあるサイトだけおかしな状態になった。

状況としては、フォームのhtmlを入力するエディターが一瞬だけ表示されて消えるみたいな感じ。
「フォーム」とか「メール」とかのタブをクリックしても展開できなかった。

でも、実はこれ、ただのキャッシュでした…笑
キャッシュをクリアすればエディターは復活します！

私は、ローカルで試してから本番更新するのですが、その時点でサポートページを見ていたので、なんとなく予想はできました.

https://t.co/p2qWO2MzA4

こういう時って、ローカルでは問題ないことが多い。
で、本番でちょっとドキッとすることが起きる！笑

本来はステージングで可能な限り本番環境と合わせるのがベストですが、管理サイトが非常に多いので無理。

パソコンのバックアップと同じで、何があってもすぐに復旧できる環境はホントに大事。
最低限、更新内容とサポートページは一度読んだほうが安全。

[ごかせびと | 小さな会社のWeb担当 @gokasebito]

@risoupup りそさん、初めまして！

たくさんアニメーションがあるので実装が大変だったと思います…
私なら、涙を流しながらコーディングをしているはず…笑

pathと猫ちゃんのアニメーションがとても素敵でした！
今後もポートフォリオは進化していくと思いますので楽しみにしていまーす！🙌

[ごかせびと | 小さな会社のWeb担当 @gokasebito]

Xのおすすめに表示されていたコーダーさんの、とってもかわいいデザインのポートフォリオ！

よく見ると、ファーストビューのカップ、モニター、スマホ、鉛筆にアニメーションが！
トップへ戻るボタンの猫のアニメーションも素敵！

[りそ｜外注コーダー @risoupup]

【ポートフォリオサイトを公開しました🙌】
デザインはimoniさん（@maruru_design）にお願いしました。おかげでかわいいサイトに仕上がりました。
注目ポイントは概算金額を自動計算できるお見積もりシミュレーターです。
是非、試してみてください。

https://t.co/MyeK1T6T95

[ごかせびと | 小さな会社のWeb担当 @gokasebito]

あれ？
アパマンショップのサイト、朝は見れていたけど、メンテナンス中になっている…

物件の絞り込み検索の結果が一致していなかったので、再度メンテナンスがくるかなって思っていたが、やはりそうなったか…
1周間以上トラブル継続中かな？

何が原因なんだろ…

エンジニアさん達、復旧するまで寝れないよね…
想像するだけでこちらまで辛い…

[ごかせびと | 小さな会社のWeb担当 @gokasebito]

アパマンショップのサイト、1週間くらいトラブルが続いている…
特に調べていませんが、その原因が気になる…
何かしらの被害があったのか、エンジニアがミスったのか…
復旧ができていないことを考えると、保守管理体制に問題があったとか？

[ゆな｜Webデザイン&コーダー @ynweb224]

＼ポートフォリオ公開しました🌸／

地域に寄り添うWebデザイナーを目指し、
「温かみ」と「心地よさ」を大切に制作しました🌿

▷https://t.co/fSAeKniFpa

Web制作やバナー制作のご相談も
お気軽にどうぞ🕊️

#Web制作
#ホームページ制作
#バナー制作
#岡山Web制作

[ごかせびと | 小さな会社のWeb担当 @gokasebito]

アパマンショップのサイト、1週間くらいトラブルが続いている…
特に調べていませんが、その原因が気になる…
何かしらの被害があったのか、エンジニアがミスったのか…
復旧ができていないことを考えると、保守管理体制に問題があったとか？