ゆうううや

コーディングに関する情報を発信 | Webエンジニア歴6年目 | 自身もWeb制作をする上で感じたことを発信します💻 |#しめサポ

[ゆうううや @yu_ya_15]

@ryukke ありがとうございます！

[ゆうううや @yu_ya_15]

@Gin_you80 そうなんですね！
お、まじすか！とても楽しみです😊

[ゆうううや @yu_ya_15]

@Gin_you80 動画見まくって作りました！
しっかり反映してるつもりです！
ありがとうございます🙇‍♂️

[ゆうううや @yu_ya_15]

いろいろあり再度営業文を送るべく、初心に返ってなかじんさんの営業動画を視聴。

とても勉強になるし、自分で作ってた営業文をさらにさらにブラッシュアップできる。

言ってることを完璧に反映できれば、返信がどんどん来そう！

[なかじん｜Web制作フリーランス @Gin_you80]

🎄🎁無料プレゼント公開🎁🎅

／
制作会社にインタビューしてわかった
2週間で案件があふれる営業文の秘訣㊙️
＼

✅これから営業していく方
✅なかなか面談に繋がらない方
✅制作会社の気持ちを知りたい方

ぜひ手にとってほしいです！

↓ 受取はこちら ↓
https://t.co/4NLgfi4p2p

[ひろむ | 提案オタク @hiromu_wbung]

今日のnote！！

・Figma MCP使いたいけどサブスク課金が正直イヤ
・そんでもって無料で使おうとしたら制限キツすぎる

こうくん（@choco_pie_nk）が前に紹介してくれた
とっておきの方法をご紹介します！
https://t.co/ARbJ5GQH9a

[ゆうううや @yu_ya_15]

4月から学生時代に通っていた専門学校の非常勤講師を週2ペースでやることになった
教える側は初だけど頑張ります💪

[ゆうううや @yu_ya_15]

@aalto_dsn しおりさん、初めまして。
フリーランスのWebエンジニアとして活動している「ゆうや」と申します。
即戦力コーダー募集とありましたのでお力になれればと思いご連絡させていただきました。
もしよろしければ1度お話しさせていただけないでしょうか？
ご検討のほどよろしくお願いいたします。

[フリーランス協会／個人事業主・1人社長・副業ワーカー向け情報 @freelance_jp]

フリーランス新法に完全対応！
📜「契約書メーカー」を11/15に提供開始🖊️

まもなく登場！スマホやPCからカンタンな質問に答えるだけで、自分に合った契約書が無料で作成・ダウンロードできる新サービス✨

契約トラブル対策の法整備を政府と進めてきたフリーランス協会が作成、第二東京弁護士会の「フリーランス・トラブル110番」担当弁護士が監修しているので、フリーランスの目線に立った安心設計です。
発注者も受注者も使えます。乞うご期待！
https://t.co/LwFJ7ARXvW

[ゆうううや @yu_ya_15]

これは例えだからあれやけど、
そもそも日本人に向けての日本のサイトなんやで日本語で書いた方が親切じゃない？って前職でなったことあったんやけど、どうなんだろ UI的に

[ゆうき｜Web制作 @yuki_web126]

ちょっとしたコーディング豆知識

ナビゲーションの項目とかが英語表記の場合ってよくありますよね

こんな感じで↓↓↓

その時「ABOUT」「SERVICE」みたいに大文字でHTML記述してないですか？

<ul class="nav-list">
　<li class="nav-item">
　　<a href="#">ABOUT</a>
　</li>
　<li class="nav-item">
　　<a href="#">SERVICE</a>
　</li>
　<li class="nav-item">
　　<a href="#">WORKS</a>
　</li>
　<li class="nav-item">
　　<a href="#">CONTACT</a>
　</li>
</ul>

見た目はこれでも問題ないんですが、アクセシビリティを考慮するとちょっと問題ありなんです

※アクセシビリティ？🤔て方はここで一回ググってみましょ

目の不自由な人がWebサイトを見る時は音声読み上げ機能を使うんですが、ここで問題が発生します

例えば「ABOUT」を音声読み上げ機能を使って読み上げてみた時こうなります
「エービーオーユーティー」

・
・
・

「アバウト」じゃないんかい！！！
てなりませんでした？

そうなんです
大文字で記述した場合は英単語として読み上げてくれないんです

じゃあどうしたらいいか？

このCSSで一発解決です
↓↓↓
text-transform

冒頭で記述したHTMLを下記のように英語を小文字に変更

<ul class="nav-list">
　<li class="nav-item">
　　<a href="#">about</a>
　</li>
　<li class="nav-item">
　　<a href="#">service</a>
　</li>
　<li class="nav-item">
　　<a href="#">works</a>
　</li>
　<li class="nav-item">
　　<a href="#">contact</a>
　</li>
</ul>

でtext-transformの出番です
下記のようにCSSを当てます

nav-item a {
　text-transform: uppercase;
}

これで英語小文字から大文字に変換できちゃいます
about→ABOUT

見た目もOK！
音声読み上げ機能も「アバウト」と読み上げてくれる！

英語の大文字表記はCSS（text-transform）で調整すべし

よく使用するんでこの機会に覚えときましょ

[ゆうき｜Web制作 @yuki_web126]

ちょっとしたコーディング豆知識

ナビゲーションの項目とかが英語表記の場合ってよくありますよね

こんな感じで↓↓↓

その時「ABOUT」「SERVICE」みたいに大文字でHTML記述してないですか？

<ul class="nav-list">
　<li class="nav-item">
　　<a href="#">ABOUT</a>
　</li>
　<li class="nav-item">
　　<a href="#">SERVICE</a>
　</li>
　<li class="nav-item">
　　<a href="#">WORKS</a>
　</li>
　<li class="nav-item">
　　<a href="#">CONTACT</a>
　</li>
</ul>

見た目はこれでも問題ないんですが、アクセシビリティを考慮するとちょっと問題ありなんです

※アクセシビリティ？🤔て方はここで一回ググってみましょ

目の不自由な人がWebサイトを見る時は音声読み上げ機能を使うんですが、ここで問題が発生します

例えば「ABOUT」を音声読み上げ機能を使って読み上げてみた時こうなります
「エービーオーユーティー」

・
・
・

「アバウト」じゃないんかい！！！
てなりませんでした？

そうなんです
大文字で記述した場合は英単語として読み上げてくれないんです

じゃあどうしたらいいか？

このCSSで一発解決です
↓↓↓
text-transform

冒頭で記述したHTMLを下記のように英語を小文字に変更

<ul class="nav-list">
　<li class="nav-item">
　　<a href="#">about</a>
　</li>
　<li class="nav-item">
　　<a href="#">service</a>
　</li>
　<li class="nav-item">
　　<a href="#">works</a>
　</li>
　<li class="nav-item">
　　<a href="#">contact</a>
　</li>
</ul>

でtext-transformの出番です
下記のようにCSSを当てます

nav-item a {
　text-transform: uppercase;
}

これで英語小文字から大文字に変換できちゃいます
about→ABOUT

見た目もOK！
音声読み上げ機能も「アバウト」と読み上げてくれる！

英語の大文字表記はCSS（text-transform）で調整すべし

よく使用するんでこの機会に覚えときましょ

[ゆうううや @yu_ya_15]

飛んでる飛行機の中での作業はめちゃくちゃ捗りました！

今日ベトナム行きの飛行機の中でlocal使ってサイト構築してたけど、ネット環境ないからYouTubeとかの誘惑なんぞ関係ないし、疲れたら空見ればいいし、揺れもほぼないから酔わないしとても良い✨

隣の人の目さえ気にならなければだけど。

[KOH｜デジタルノマド @KohNomad]

海外ノマドは宿泊費とか払わなくても、世界中で無料宿泊できる。

フリーアコモデーションって聞いたことあるかな。
これは公的な制度ではなくて、スキルエクスチェンジとほぼ同じ。

ベッドメイキング・清掃業務・ゲスト対応のリソースと引き換えに、1床を提供してもらうWINWINな取引なのよ。

（続）

[ゆうううや @yu_ya_15]

@haruka_shopify ありがとうございます！

[マナミ｜LINEスタンプ×AIで月100万 @Manaminimalist]

LINEでステータス変更できるようになってる！
ホーム画面の友達リスト→「安否確認」をタップ→「無事」をタップ

同じように「無事」に設定した友達が一覧で表示されます！

[米津良治／ベイス総合会計事務所 @zeiri4z]

2025年1月から、税務署の収受印が無くなるとのこと。
デジタル化は結構なんですが、過渡期は混乱が多そうです。

[ゆうううや @yu_ya_15]

だから今FTP接続できないのか

[Autumn Good @autumn_good_35]

狙い続けてるんですかね

『sv231サーバー』本日AM9:35頃からのDDoS攻撃によるサーバーにアクセスしづらくなる障害について - 2023/12/28 | レンタルサーバーならエックスサーバー
https://t.co/wHwYLISrat

[Autumn Good @autumn_good_35]

狙い続けてるんですかね

『sv231サーバー』本日AM9:35頃からのDDoS攻撃によるサーバーにアクセスしづらくなる障害について - 2023/12/28 | レンタルサーバーならエックスサーバー
https://t.co/wHwYLISrat

[ゆうううや @yu_ya_15]

@maitake_web 唱の踊り覚えていくとさらに楽しめるんでぜひ！