エンジニアのひよこ_level10

毎日更新してた人。たまに記事書きます。

【一週間振り返り】プライベートに力を入れれた一週間【807日目】

今年最後のブログです。
今年一年は、いろいろ変わった一年でした。

転職、現場変更、新しい言語。
一年でもいろんな変化があることを思い知らされました。

来年はその変化をちゃんと楽しめるように、頑張りたいと思います。

1. 先週からの目標

  1. 運動なにかする

2. 目標に対して行ったアクション

  1. エアロバイク・BoxVRをしたよ。おかげで、2日後に筋肉痛が・・・

3. 次のアクション

  1. 運動なにかする

4. 今週良かったこと(新規・挑戦系)

  1. Windowsに開発環境構築
  2. GitHubにいろいろスクリプト追加
  3. zshを新しく初めてみる
  4. dotfilesでの管理の準備を始める

5. 今週良かったこと(平時・生活的なところ)

  1. VCIいじりをいろいろしてます。まだ外に出せるほどのものは作れてないですが、、、

6. もっとこうしたかったこと

運動、筋肉痛の日出来なかった、、、

7. 新しく気づいたこと

理屈っぽいところが邪魔をするくだり、ここ数ヶ月、理性と感情が反対の気持ちになることが多すぎて辛いです。

なんでこうなるのがここ最近目立つレベルで起こっているのだろうか。

8. その他

ビールって美味しいんですね・・・!

おかげで、自炊久々にいろいろ工夫しました。

9. 体重

101.0kg

ぐふっ

【Lua】VCIで使った、アイテムを入れ替えるスクリプト【806日目】

握るとアイテムが入れ替わりたい

2つ異なるアイテムを用意して、それを入れ替えたい。

VCIのチュートリアルを元に、場所を入れ替えるスクリプトを作る

作ったスクリプト

github.com

流れ

  1. 初期で、片方を地下深くに配置する
  2. 握っていると入れ替えが出来ないため、握っている時には入れ替え処理が動かないようにする
  3. use時に、位置を入れ替える。この時、位置飲みだと不自然に角度が変わるので、角度も変える

難点

地下にもう一個ある

握りながらだと動かない

作ってみて

VCI、何も知らない状態で、2時間でいろいろ設定出来たので、わりとプログラミングしてる人にはすぐに始められそうφ(・

そして、この2つの難点に良いアプローチあったら、教えてもらえると助かります。

【Laravel】View Composerの使い所【805日目】

View Composerという機能

Laravelには、View Composerという機能があります。

readouble.com

便利なのですが、いつ使ったらいいかな?っていう記事がなかなか見つからず、
PHPユーザーズの方々に教えてもらって、何となく自分なりに理解したことをφ(・

View Composerとは

Viewをレンダリングするにあたって、変数などの値の取得ロジックを、
ControllerではなくView Composerが扱い、各Blade単位とかで切り分けることが出来ます。

'xxx.blade.php'には、'xxxViewComposer'のロジックを使う。

って出来ます。

何が嬉しい?

共通のパーツを扱うにあたって、Bladeは共通、取得ロジックも一緒なのに、
リソースの取得をバラバラのControllerから、別々に呼び出すとか、コピペするとかナンセンスですよねφ(・

Viewに対して、取得ロジックをViewComposerで紐付けることで、View呼び出しさえすれば取得ロジックを意識せずにViewを作る事ができます。

いつ使う?

コードの書き方は公式を参照。

Viewをコンポーネント単位で切り分ける時に、使うと良さそうです。
パーツを記述したら、使う側は意識せずに追加パーツが使えるといった感じ。

いつ使わないほうがいい?

取得ロジックが複雑になるとき。
ユーザーの入力によって動作が分岐する時とかは素直にControllerに記述するほうが良さそう。

その時には、ロジックを別なクラスに記述して、Controllerに注入するのが良い。(Serviceクラスとか作る)

【VSCode】おすすめ拡張機能の紹介をしない(さっと便利にしたい人向け)【804日目】

おすすめ拡張機能の紹介?

VSCodeには、拡張機能という便利なものがあります。

そして、拡張機能を紹介する記事はたくさんあります。私もお世話になりました。

なので私は、紹介を、しません。

紹介しないの?

せず、簡単に拡張機能を導入できるものを紹介します。

対象の場所にこのファイルを設置すると、VSCode起動時におすすめ拡張機能として出てきます。

あとは、直接拡張機能の説明読んで、良いと思ったらインストールしましょう。

やり方

.vscodeというディレクトリを作って、そこに下にあるextensions.jsonを入れる。

以上。

.vscode/extensions.json

{
    "recommendations": [
        "chrmarti.regex",
        "CoenraadS.bracket-pair-colorizer-2",
        "donjayamanne.githistory",
        "eamodio.gitlens",
        "GitHub.vscode-pull-request-github",
        "ICS.japanese-proofreading",
        "kaiwood.indentation-level-movement",
        "mechatroner.rainbow-csv",
        "mikestead.dotenv",
        "ms-azuretools.vscode-docker",
        "MS-CEINTL.vscode-language-pack-ja",
        "oderwat.indent-rainbow",
        "saikou9901.evilinspector",
        "shardulm94.trailing-spaces",
        "streetsidesoftware.code-spell-checker",
        "vscode-icons-team.vscode-icons",
        "wmaurer.change-case",
        "xyz.local-history",
    ],
    "unwantedRecommendations": [
    ]
}

最新のファイル

github.com

どうなる?

カラフルで見やすくなったり、誤字を検出したり、正規表現のチェックが出来たり、いろいろ使いやすくなると思いますφ(・

私が使っている拡張機能の集まりなので、他にもおすすめあったらぜひ教えて下さい。更新したいと思います。

【VSCode】開く対象フォルダを保存する【803日目】

VSCodeでいろいろ開く

開発をしていると、いろんな開発を並行してやることが多々あります。
特に、個人開発しているとよくあります。

その度に、『〇〇の開発はこのフォルダか』『こっちはのフォルダか』って探すのはしんどい。

ってことで、開発場所毎の対象フォルダを保存しましょう。

ワークスペースを保存する

ファイル > 名前をつけてワークスペースを保存
これで、ワークスペースの場所を保存したファイルを作れます。

作業場所を変える際には、
ファイル > ワークスペースを開く

これで切り替えられます。

【Laravel】CSSやJSを統合・圧縮して、サイトを軽くする【802日目】

サイト速度のためにファイルを小さくする?

ファイルを合体させます。加えて、改行など動作に無駄なものを削ります。

よく、ライブラリとかで ○○.min.jsとか見たことがあると思います。
そして、これらが一行の長いファイルだったのをみたことがあると思います。
これを作りましょう。

なぜ?

サイトは出来るだけ速度を上げたいですよね。

CSSJavaScriptのファイルを、そのままファイル毎に読み込んでると、少し無駄があるかもしれません。

ファイルを軽くする

CSSJavaScriptのファイルは、普段開発している人は、普通は改行やスペースを入れていると思います。
あるいは、コメントを書いているかもしれません。

これらを取り除くと、単純にファイルが軽くなります。

方法

webpack.mix.js

mix.styles([
        'public/css/vendor/normalize.css',
        'public/css/vendor/videojs.css'
    ], 'public/css/all.css'
).scripts([
        'public/js/admin.js',
        'public/js/dashboard.js'
    ], 'public/js/all.js'
);

こんな感じに、圧縮するCSSとJSを指定

npm run production

で圧縮する。

圧縮後のファイル名である、

public/css/all.css
public/js/all.js

これをHTMLに記述する。
これでCSSやJSのリクエストを減らす。

【npm】npm installで手動で依存解決してねって言われたとき【801日目】

注意

暫定対応で、良い対応とは言いません。でも、これで解決すれば楽ですという記事です

npm installした

npm installしました。

このパッケージは、手動で依存解決してねって言われた。

さて、手作業でやるのは・・・面倒。

再インストールしよう

ってことで、手作業しないために、npmさんにもう一回頑張ってもらいましょう。

つまり、再インストールです。
どうするか。消せばいいけど、一個コマンド付け足しておきましょう。

ディレクトリとキャッシュ削除

rm -rf node_modules
npm cache clean --force

一応これで動きましたφ(・
似た事例は結構あるっぽい?

【一週間振り返り】仕事に集中できた一週間【800日目】

もうそろそろ年越しですね。
皆さん、忘年会には行かれましたか?

私は会社の同僚とお酒を飲みに行ったのですが、普段は混んでないお店でしたがまーあ混んでました。
先週が長期休暇前を除く、最後の金曜日だったからからかもしれませんね。

さて、10連休に向けて、最後のお仕事を頑張りましょうー!

1. 先週からの目標

  1. 今月を楽しく過ごす(楽しく無さそうなら、少し趣味で何か頑張る)
  2. 今月を健康に過ごす(食事や睡眠)
  3. 運動系なにかする

2. 目標に対して行ったアクション

  1. ゲームを多めにやりましたよ
  2. ご飯食べて寝たよ。今まででそこそこ集中出来たよ。
  3. あ、忘れてた・・・

3. 次のアクション

  1. 運動なにかする

(これに絞らないと何も出来ない気がする)

4. 今週良かったこと(新規・挑戦系)

  1. キングダムハーツ久々にやったよ

5. 今週良かったこと(平時・生活的なところ)

  1. お仕事頑張れた気がする?
  2. 心折れそうだったけど、いろんな人にすぐ頼ったよ!
  3. ちょくちょく本読めてる。

6. もっとこうしたかったこと

運動・・・

7. 新しく気づいたこと

馬鹿になるについて。周りを本当の意味で気にしない、何も考えないってのが必要な気がする。

私って打算的なのと、理屈っぽいところが、ひじょーに邪魔している。

そこら辺を考えない行動を、一線超えないように頑張ったらいけるきがする。

8. その他

あ。独り身になりました。
おかげでいろいろ心やられてましたが、みんなに支えられてます。

さて、婚活やったことなかったけど、やってみるのありかな。

9. 体重

101.2kg

あっ。