Nozomu | 旅するエンジニアへ

旅と共にある生活を目指しています✈️🌏 | フリーランスとして独立するため、Web系エンジニアへ転職準備中👩‍💻 | Webアプリ制作勉強です | バスケットボールのコーチもやらせてもらってます ⛹️🏀| モットーは「アスリートのように生きる」🌅 | 日々思ったことをアウトプットしていきます🗣️

[ゼブラック（集英社公式・総合電子書店） @zebrack_comic]

━━━━━━━━━━━━━━━━
『#ワールドトリガー』88話無料⚡
━━━━━━━━━━━━━━━━

今日からスタート！
8️⃣8️⃣話が無料で読める✨

ココからチェック🔽
https://t.co/qunhHsml5s
10/19まで

📱集英社公式アプリ #ゼブラック
https://t.co/qHSKVHX8Mk

[しょーご@しょーごログ運営 @samuraibrass]

うわぁぁぁぁぁ！！！
Adobe CCが、Adobe CCがぁ🤮
超絶値上げ→新販売価格：68,800円（税込）うせやろ？

[Nozomu | 旅するエンジニアへ @zom_design]

朝活2日目
すごい眠気が襲ってくる🥱

まずは継続💪
覚めぬ眠気はない🌅

[Nozomu | 旅するエンジニアへ @zom_design]

朝活再開！
これから早起き頑張ります💪💪💪

[Nozomu | 旅するエンジニアへ @zom_design]

#本日の積み上げ
WordPressの勉強に入りました～🙌✨
先人達から聞いてた通り、プログラミング感が増した気がする🧑‍💻

WPのお作法とPHPの動作が
html, css/scss, JavaScritpt/jQueryに加わった感じ🤔

やっぱり自分はプログラミング考えるの好きなのか

今は単純に楽しい

#Web制作勉強中

[Nozomu | 旅するエンジニアへ @zom_design]

#しょーごログ さんの教材 中級EXに合格しました🙌
制作時間は…74h💦
responsive対応で手戻りが多く、見通しの甘さを痛感しました～😭
最終チェックと予想外トラブルを考慮して時間管理すべきかも...と気づきがありました✨

制作物を公開しときます♪
https://t.co/hhq4YGWp61
id : test
pass : test

[Nozomu | 旅するエンジニアへ @zom_design]

#本日の積み上げ
コーディング課題の成果をスマホ実機で確認していると、hoverアニメーションが反応していることに気付く！

PCのみで動作してほしいので調べると、メディアクエリの機能を活用して解決できました。
なんか意外な方法😂

https://t.co/VYa9zNCSO2
https://t.co/aW7OzCtZ3Q

#Web制作

[Nozomu | 旅するエンジニアへ @zom_design]

#本日の積み上げ
コーディング始める前に、必要なモジュールを全て抽出し共通部の確認をしっかりすることが地味に重要なのかなと感じます🤔
モジュールの粒度設定がまずかったり、共通部っぽく見えても余白等の細かい違いがあったり、気づかず後から修正しようとすると大変になる印象です🥲
#Web制作

[Nozomu | 旅するエンジニアへ @zom_design]

#本日の積み上げ
#web制作
昨日に続き自己反省📝
🔻レスポンシブを考慮したマークアップ＆CSSコーディングが結構難しい→手戻り乱発
🔻BEMでclass名が長くなりがち→htmlが読みにくい
🔻寝不足からはミスしか生まれない

レスポンシブは取り組み意識変えてく😇

では、おやすみなさい🥱
よい日曜を🙋

[Nozomu | 旅するエンジニアへ @zom_design]

#本日の積み上げ
#web制作
制作のスピードをもっと上げたくて、自分の制作の流れをチェックしたのだが、結局CSSとjQueryのうち、実装方法を調べないと分からない箇所で大幅に時間使ってる😥

実装できる種類や幅を増やすこと
即効性はなさそうだが、地道に取り組んでいこう😌

[Nozomu | 旅するエンジニアへ @zom_design]

@hisatokkk 樫根久澄さん、リプライありがとうございます。

本当に便利な時代になりました！
調べれば大抵のことは解決してしまうので、けっきょく自分次第だなと、日々そのありがたみを感じております👍

フォローバックさせて頂きました！
こちらこそよろしくお願いします☺️

[Nozomu | 旅するエンジニアへ @zom_design]

#本日の積み上げ #web制作
開発環境にdockerを使ってみようと、PC(win11)にinstallしたら、再起動時にブートができませんとbsodが発生🥶
解決方法を探しまくって、記事の仮想化関連のBIOSとWindows機能の変更でなんとか解決🙌
https://t.co/NHLQxr819k

先人達には本当に感謝しかありません🙇

[Nozomu | 旅するエンジニアへ @zom_design]

#しょーごログ さんの中級課題
やっっっっと完了しました～😭
実質90hくらい💦時給だと…😓

「サーバー等の環境設定・BEM・PerfectPixel」が初見で相当時間かかったことが反省点

次はもっと効率よく😠🔥

【中級】XDデザインからのコーディング実践演習【JavaScript導入】 https://t.co/EJeY3RivT5

[木内翔大＠SHIFT AI代表「日本をAI先進国に」𝕏 @shota7180]

【速報】

Adobeの画像生成AI『Firefly for Enterprise』を公開
↓
ここで生成された画像で訴訟された場合、"全額補償"すると発表

「Fireflyで画像を作った企業が権利侵害で訴訟を起こされた場合には法的に補償する」

これすごい意思決定ですね

企業側も安心して利用できる

Adobe強い。👀

続く>>

[Nozomu | 旅するエンジニアへ @zom_design]

#本日の積み上げ
#webデザイン #CSS設計
CSS追加するとき、今あるクラスに書くかクラス名増すのか考え、次は命名規則を確認して…
とかやってたら、今日一日でfooter部分しか進んでない😭
でも、再利用できる部品も増えてるし、やればやるほど次はかなり速くできそう💡

おやすみなさい🥱
また明日～😎

[Nozomu | 旅するエンジニアへ @zom_design]

#本日の積み上げ
#Sass #Web制作勉強中

mixinを使ってみたのでメモ📝
🔻よく使うスタイリングをあらかじめ設定しておき、必要なときに呼び出して使える機能
🔻引数が使えるので、プロパティの枠を用意して値はその都度設定するミニ関数的な使い方がよさそう
🔻呼び出すときは "include"を使う

[Nozomu | 旅するエンジニアへ @zom_design]

#本日の積み上げ #CSS設計 #Web制作勉強中
初めてBEMを意識してマークアップした感想

✅ファイル構成は人それぞれ、使いやすいものでOK
✅Blockの命名、接頭辞で情報の粒度を区別した方が分かりやすそう
✅クラス名は「それが何なのか」理解できるような単語を使う
※CSS設計完全ガイドが超参考になる