yasu@エンジニア

よろしくお願いします！

[yasu@エンジニア @h__hr__r]

社内SEやってます。エンジニア派遣会社→社内SEって感じです。大変だけどやりがい持ってやってます。

[yasu@エンジニア @h__hr__r]

お久しぶりです。今は外部設計の工程で設計書書いてます。現場に入ってお金もらいながら色々勉強してます。エンジニアとして稼ぐはあきらめてません。

[yasu@エンジニア @h__hr__r]

@ciZDnz07AS6zvM5 ありがとうございます😊

[yasu@エンジニア @h__hr__r]

就活を実はしていて、SES��託開発をしている企業から内定を頂きました。ツイートしてなかったですがなんとかやってます。

[yasu@エンジニア @h__hr__r]

ポートフォリオ何を作るか決めるのってほんと大変。ちょうどいい塩梅で作れそうでかつ、作ろうと思った理由みたいなのがないと、「なんでそれ作ろうと思ったの？」って聞かれた時に答えられない。

[yasu@エンジニア @h__hr__r]

ここに来てひしひしとアウトプット(ポートフォリオ)作ることが大切だと感じてる。今日まで横浜の観光名所の口コミサイトを作ってたんだけど、そのサービスを作るに至った経緯がないし(作りやすいかなーと思っただけ)作るの辞めようか迷ってる。

#ウェブカツ

[yasu@エンジニア @h__hr__r]

ポートフォリオの画面設計がひと段��ついたからすごく今更だけど、ロリポップの安いプラン入って公開した。phpで作ったらどうやって公開するのだろうか。調べなきゃ。

#ウェブカツ

[yasu@エンジニア @h__hr__r]

今日も画面設計。あまり進まなかった。焦る。コード書け！

[yasu@エンジニア @h__hr__r]

ポートフォリオの画面設計してるけどまだ終わらない。モックアップから色々足したり修正したりデザインも考え直したりで時間が過ぎていく。でも色々直す中でFLOCSSの理解が深まった気はする。とりあえずprojectのファイルの数がすごい多くなってしまった、、。

#ウェブカツ

[yasu@エンジニア @h__hr__r]

z-indexが思うようにならなくてかなり苦戦した。色々調べてこれでいけると確信して試���てみてもうまくいかず。結局はその要素に背���色の白色を設定してなかったのが原因だった。盲点だった、、。

#駆け出しエンジニアと繋がりたい
#ウェブカツ

[yasu@エンジニア @h__hr__r]

figma使ってモックアップまで作り終えた。レイアウトとか色とか幅とかフォントとか色々大変だったけど、なんとか出来た。次はテーブル設計やろう。

#ウェブカツ
#駆け出しエンジニアと繋がりたい

[yasu@エンジニア @h__hr__r]

ポートフォリオ作る為にデザインどうするか色んなサイト見て参考にしてたらあっという間に時間過ぎてく。そしてワイヤーフレーム作るのにfigma使ってるんだけど、慣��ないしすごく時間かかる。集中力も途切れがち。明日頑張ろう。

#ウェブカツ
#駆け出しエンジニアと繋がりたい

[yasu@エンジニア @h__hr__r]

@kazukichi3110 なるほど。node.jsという別の方向に行きそうになりましたがjs中級見直します。ありがとうございます！

[yasu@エンジニア @h__hr__r]

gulpfileを作る時になんか応用が効かないなと思っていろいろ調べてたら、自分に足りないのはnode.jsの知識なのかなと思った。逆に言えばnode.jsが分かれば環境構築もある程度は分かるようになってくるで合ってるのかな？

#駆け出しエンジニアと繋がりたい
#ウェブカツ

[yasu@エンジニア @h__hr__r]

何かにつまづいたら英語で書かれてる公式のサイト見ることあると思うけどDeepLっていう翻訳サイトすごくいい。Google翻訳より意味のある日本語で��訳してくれてる気がする。

#ウェブカツ
#駆け出しエンジニアと繋がりたい

https://t.co/wIRx80i2PI

[yasu@エンジニア @h__hr__r]

gulp4の形式でgulpfile.js書いてみた。公式とか色々なサイト見ながら作ることはできたんだけど、一つひとつのタスクを作る時にfunctionの引数に例えばdoneとか入れて最後にdone()でその引数を実行するってことがよく分かってないな。完了を通知する為らしいけど。

#駆け出しエンジニアと繋がりたい

[yasu@エンジニア @h__hr__r]

どういう時にそれを使い分けるのかもよく分かってないから、まだ色々足りないんだろうな。

[yasu@エンジニア @h__hr__r]

FLOCSSを使ってhtml上級のサンプルを書き換えた。あとはディレクトをレイヤーごとに作る。やっぱりFLOCSSは自由度が高くて色々な正解があるから、compondntにモディファイヤーを��けてスタイル指定するかprojectを作ってそれにスタイル指定するかとか迷うとこが色々出てくるな。

#ウェブカツ

[yasu@エンジニア @h__hr__r]

package.jsonのscriptsの中のコードがどういう意味で書かれてるのか理解しとうとnpmの英語のドキュメント読んだり奮闘してたけど、結局よく分からず時間だけ溶かした感あるな。
今はあんまり深掘りしなくていいとこなんだろうな。

#ウェブカツ
#駆け出しエンジニアとつながりたい

[yasu@エンジニア @h__hr__r]

@s1369ap 記事によって書いてることが違うからなんだか掴めないですよね。解釈の仕方が幅広いからだと思いますが。FLOCSSの筆者がまとめたPDFがあってドキュメントより詳しく書いてるので参考になるかもです。

https://t.co/1DzuJIb55A