moridai@エンジニア

Webデザイン・コーディング承ります｜40歳エンジニア挑戦→WEB制作(現在)→アプリ開発｜ご依頼、またはお問い合わせはDMへお待ちしております✉️｜ポートフォリオをご覧いただけると、嬉しいです｜ポートフォリオ→

[moridai@エンジニア @MoridaiEngineer]

WEB系エンジニア｜moridaiのポートフォリオサイト
Webデザインの学びを詰め込みます⭐️

https://t.co/f51cEipiFu

[moridai@エンジニア @MoridaiEngineer]

カフェ風のサイトをレスポンシブ対応
以前よりもサクサク問題を解決できるようになったね。ChatGPTの助けももらいながらだけど😅40過ぎても成長を感じれるのはとても心地よいね🥰
コツコツ頑張ろうな👍
#駆け出しエンジニア
#ウェブ制作
#Web制作

[moridai@エンジニア @MoridaiEngineer]

カフェ風サイト制作も80％くらい仕上がってきた。全く知識ゼロからここまで作れるとは夢にも思っていなかった。40歳からの挑戦もやってみるものだね😜
コツコツ頑張ろうな👍
#駆け出しエンジニア
#Web制作

[moridai@エンジニア @MoridaiEngineer]

@aran061391 そうだったんです、、、やたらもJSばかりを気にしてました🤣いつもありがとうございます🙇

[moridai@エンジニア @MoridaiEngineer]

スクロールするとテキストが横からスライドするJSがやっと完成した。
JSとCSSに修正に手こずったけど、アドバイスをもらいながらなんとかクリアできた！
ありがとう⭐️世捨てさん(@aran061391)⭐️
#駆け出しエンジニアと繋がりたい
#駆け出しエンジニア

[moridai@エンジニア @MoridaiEngineer]

@aran061391 おそらく、CSSが問題だったかもです。
animation: slideIn 1s forwards;を
.about-itemから.about-item.animateに移すことでスクロールしても動くようになりました。

[moridai@エンジニア @MoridaiEngineer]

@issueissue4 @aran061391 Eriさん
ありがたきお言葉✨✨✨めっちゃ嬉しいです🌟🌟🌟

[moridai@エンジニア @MoridaiEngineer]

@aran061391 アドバイスありがとうございます！頑張ってみます！

[moridai@エンジニア @MoridaiEngineer]

どうしてスクロールしてもアニメーションが発生しないの？classは切り替わるのに🤣
#駆け出しエンジニア
#駆け出しエンジニアと繋がりたい

[moridai@エンジニア @MoridaiEngineer]

スクロールでアニメーションが発生するJSを実装中。
ビューポートに入るとクラスが追加され、CSSが作動するようにコード書いているはずだけど。。。動かぬ🤣
コンソール画面にはエラーが出ていないので、コード自体は問題ないだろうけど、動かないので問題なんだよね😂
＃駆け出し���ンジニア
#Web制作

[moridai@エンジニア @MoridaiEngineer]

めっちゃカッコイイ👍しかも、コンセプトもカッコイイ✨✨✨

[YUCOdesign｜デザインの思考法を言語化｜デザイナー/イラストレーター @yucodesign]

【 Work 】
顧問業・パートナー業・M&Aサポートを行うQUINA株式会社様のロゴデザインをさせていただきました。

今を大きく越えて未来へと飛躍する第一歩を。時代の変化とそれぞれの人生の時間の経過とともにQUINAが問いをたて続けながら寄り添い、二人三脚で歩む。

Qは、「questionー問い」「クオリティ」などの意味をもち、現在の状態を示すドッ���の上を大きく超えていく表現。
ロゴ全体が？マークをモチーフにしたものとなっています。

◼︎名刺のデザインについて:

役職・お名前・QR・ロゴのみに絞った
シンプルなデザイン。

400kgの厚みのケンランディープブラックにロゴはマットな質感と相対する光沢のある黒箔を用いることで主張を抑えた中にも存在感を。
お名前などの情報は艶消し銀箔を用いています。(白箔のご要望もあったのですが、コントラストが強くなりすぎるため銀箔にすることを提案させていただきました。)

[moridai@エンジニア @MoridaiEngineer]

@aran061391 世捨てさん
なるほどですね😁勉強になります。いつもありがとうございます🙇

[moridai@エンジニア @MoridaiEngineer]

CSS内でPHPコードを直接実行することは���きない。だから、PHPコードはサーバーサイドで解釈され、HTML内でのみ有効。つまり、CSSファイル内ではPHPの <?php ?> タグは解釈されない。改善策は、HTMLの<style>タグ内で、もしくはHTMLファイル内の<style>セクションでCSSを埋め込む

#駆け出しエンジニア

[moridai@エンジニア @MoridaiEngineer]

右に表示されるハンバーガーメニューを、HTMLとCSSだけで作った😆シンプルなデザインなので、汎用性あるから結構使��る😜
コツコツ頑張ろうな👍
#駆け出しエンジニアと繋がりたい

[moridai@エンジニア @MoridaiEngineer]

タイピングのアニメーションの画面のカクカク改善！
JSが問題だと決めつけコンソールと睨めっこすること3日。どうやら、CSSが問題なったようだ。初歩的な問題だった🤣とはいえ、一歩前進できた！
コツコツ頑��ろうな👍
#駆け出しエンジニアと繋がりたい
#駆け出しエンジニア

[moridai@エンジニア @MoridaiEngineer]

テキストをタイピングするJSを実装したけど、なんだか背景がカクカクするぞ！
これは、どんな問題なんだ？また、壁が出現��た。。。
コツコツ頑張ろうな👍
#駆け出しエンジニアと繋がりたい
#駆け出しエンジニア

[moridai@エンジニア @MoridaiEngineer]

美容室向けのLP完成
今回実装したJS��CSSの具体的な動き
☑各セクションの画像とテキストはサイドから中央へ ☑メニューはマウスホバー
☑メインビジュアルはズームイン
☑カルーセルスライダーを自動とクリック時に
コツコツ頑張ろうな👍
#駆け出しエンジニア

[moridai@エンジニア @MoridaiEngineer]

スクロールするとimgやtextが動くJSを実装。handleScroll関数を���ってセクションのIDを取得できれば、あとはCSSでセクション毎の動くを作ればいいね。
セクション毎で別々の動きにできるので、一気におしゃれ感が増す��️JSが使えるだけで急激に幅が広がるな🧐
#駆け出しエンジニアと繋がりたい

[moridai@エンジニア @MoridaiEngineer]

スクロールすると画像が動くJSを実装
スクロールするたびに動くとうざいので、1度きりにするとシンプルで良いね。
コツコツ頑張ろうな👍
#駆け出しエンジニアと繋がりたい
#駆け出しエンジニア

[moridai@エンジニア @MoridaiEngineer]

cssのクラスをスクロールすると変更できるJSを実装。
JSは色んな条件を作れるので、一気に幅が広がるね。超おもろい😁だけど、エラー多いのでコンソール画面との睨めっこ🤣
コツコツ頑張ろうな👍
#駆け出しエンジニアと繋がりたい
#駆け出しエンジニア

[moridai@エンジニア @MoridaiEngineer]

スクロールすると横から登場するアニメーションを実装したいが上手くいかない😭
JSはスクロールを感知しているようだが、CSSの問題なのかなぁ？
エラーの特定に時間がかかるね。
プログラマーっぽくなってきた😂
コツコツ頑張ろうな👍
#駆け出しエンジニアと繋がりたい