フリーランス チャレンジ!!

フリーランス チャレンジ!!

現役フリーランスエンジニアが書く雑記ブログ

【Angular】reduxjs/toolkitの導入手順

以前、プライベートでreduxjs/toolkit導入したのに、手順書いてなくて、また調べながら導入したので、こんな悲しい思いを2度としないようブログにまとめる 環境 ライブラリインストール reduxjs/toolkitの導入手順 Chrome拡張機能インストール イメージと参…

Github プルリクの添付画像はprivateでも認証なしで誰でも参照可能です

以前の現場でタイトルの事象があった。 プルリク(プルリクエスト)に修正前後の添付画像を貼ってたんだが、プライベートリポジトリでもURLを知ってれば誰でも参照可能。 ちょっと、ビックリしますよね!! 違う現場で、プルリクに画像貼ってて、この事象を…

そのテスト動いてないですよ(テストコードは失敗するケースから書く)

ちょうど、このタイトルに遭遇したので、過去の自分の失敗を繰り返さないためにも記事にする。 流用したテストコードが動いてなかった 以前の失敗を思い出した 失敗するケースから書く 最後に 流用したテストコードが動いてなかった 非同期メソッドのテスト…

何度も読みたいプログラマ向けの本(名著)

なぜ、今さら本なんだ?? 名著って古いでしょ。 確かにその通りです。 今は情報はインターネットから取得すればいい。 間違ったり、古かったりすれば、正しく、最新の情報に訂正される。 でも本はそんなわけにはいかない。 ※改訂版や、第○版みたいに訂正や…

DeepLとGoogle翻訳を使って英語サイト(Web Almanac)の日本語翻訳に貢献する

almanac.httparchive.org 皆さん、Web Almanacってご存知ですか? 2019年のChrome Dev Summitで紹介されました。 Google Developers Japan: Chrome Dev Summit 2019: ともにウェブを進化させる このWeb Almanacを運良く翻訳する機会があったのでこの記事で紹…

Angularとnodeのバージョン(version)サポート(support)の調べ方

仕事でrenovate使ってるんですが、使ってるAngularが正式にサポートしてるnodeのバージョンってどこをみると良いのかな?と思って調べたので共有。 結論としてはGithub見れば良い。 renovateって? Angular12のプロジェクトでnode16のpull-req 正式なバージ…

【Ionic Angular】シュミレータでアプリを表示してみる

前回の続き www.ksakae1216.com 使ってるMacBook ProのSSDが128GBしかなく、Xcodeをインストールできず、ブラウザの確認までとなったのが前回。 PC変えて、Xcodeインストールできたので続きをやってみる M1 MacBook Air購入 XcodeにAppleID追加 iOSシュミレ…

【Ionic】 Angularでモバイルアプリを開発してみる

つい先日、Ionicの存在を知りました。 なんと、Angular、React、Vueなどで、モバイルアプリを開発できる?! 何でもっと早く教えてくれなかったのか。。。 「いや、そんな事はどうでおいい。早くコード書いてみよう」と思い、軽く調べてコード書いてみた。 I…

【テレワーク デスク】狭い家には折り畳みできるスタンディングデスクがおすすめ

スタンディングデスクを導入したいけど、家の間取り的に無理だ!! そうですよね、確かにスタンディングデスクは場所を取ります。 しかし、折り畳めるタイプであれば、そんな問題は解消できます!! 家の間取りを理由に1日中、座って仕事するのはやめましょ…

【M575】レビューとPC切替方法を紹介

トラックボールマウス最高ですよね!! 昔使ってて、また使いたいなと思いM575を購入しました! 個人的にめちゃくちゃおすすめですが、人によると思うので良かった点、悪かった点をレビューとしてまとめます。 あと、PC切替方法が地味に情報が無くて切り替え…

テレワークはスタンディングデスク1択

コロナウィルスの影響でテレワークの人増えてますね。 私もテレワークを始めて2年になろうとしてます。 もともと自宅に作業するスペースは無く、子供の勉強机を借りて仕事してましたが、1年が経過し、本格的に作業環境について考えた結果、スタンディングデ…

スタンディングデスクは悪影響か??使い方が違ったらね

逆にスタンディングデスクは悪影響だ!! ネットを見ると、スタンディングデスクで逆に調子が悪くなったり、スタンディングデスクを過大評価してるけど、そんなに良くないよとい意見をちらほら見かけます。 悲しいです。 。。 スタンディングデスクを否定す…

「スタンディングデスクは効果なしだと?!」30記事調べたら違った

スタンディングデスクを使用して半年弱。 本当に買って良かったと満足する毎日です。 そして、リモートワークが依然つづく状況で、自宅の作業環境を良くしたいと聞かれれば間違いなく、昇降式のスタンディングデスクをおすすめします。 【FLEXISPOT レビュー…

スタンディングデスクの最適な高さは身長から計算できる

自分にとってスタンディングデスクの最適の高さって何cmだ?? 私がスタンディングデスク購入後、すぐに気になったのはこの疑問でした。 せっかく昇降式のスタンディングデスクを買ったのに高さがあってないのは勿体ない。 ずばりスタンディングデスクの最適…

スタンディングデスクを自作するなら昇降式だ!、それ以外は買った方がいい

スタンディングデスクを自作してみようと考えてる人! 自作の手間は?、お金は?ってところが気になりますよね!! スタンディングデスクの自作について、ネットで色々調べた結果、手間、お金を考慮すると昇降式デスクの自作がおすすめです。 なぜ、昇降式デ…

ウィンドウを開くwindow.open、hrefタグでセキュリティも気を付ける(noopener, noreferrer)

javascriptのwindow.open、HTMLのhrefタグで、このnoopener, noreferrerを知ったので備忘録のために記事にします。 ※最後に記載してますが、IE、Opera以外は、比較的新しいバージョンのブラウザを使ってれば自動的にnoopenerは設定されてるようです。 noopen…

【FLEXISPOT】天板の穴、数、大きさを調べたぞ!!

FLEXISPOTの天板を自分で用意する場合、天板の穴の数、大きさ(幅、奥行き、厚さ)について調べても、なかなか情報が見当たらない。 私も、同じ悩みを抱えていたので、色々調べました。 公式ページ、実際に自分が購入したFLEXISPOT EF1を参考に、この記事で…

【スタンディングデスク】卓上タイプ、あなたの欲しいが見つかる

スタンディングデスク 卓上タイプ そもそも、スタンディングデスクの卓上タイプって、どんな種類があるんだろう? たくさんのサイト見たけど、おすすめが多すぎて、よく分からない。 そうですよね。分かります。 私も卓上タイプで色々なサイト見ましたが、よ…

モック(mock)を30秒で構築、json-serve

github.com フロントエンド開発に欠かせないモック(mock)をすぐに用意できるjson-server。 json-serverのREAD.meには下記のように記載されてます。 Get a full fake REST API with zero coding in less than 30 seconds (seriously) コーディング不要で、30…

【FLEXISPOT レビュー】これ無しでは働けない、1日8時間労働のエンジニアがFLEXISPOTをレビュー

FLEXISPOT(フレキシスポット)のレビューを見て購入しようか悩んでいませんか? この記事を読んでもらえれば、スタンディングデスクのメリットや、使い心地が明確になり、購入すべきか、やめるべきかの判断ができるようになるでしょう!! 実は私も購入する前…

スタンディングデスクが腰痛からあなたを解放する

長時間のデスクワークで、慢性的な腰痛にお悩みのあなた!! それ、スタンディングデスクで、解決できますよ!! 腰痛の原因は長時間のデスクワーク 座る事は立つ事に比べて1.4倍負担がかかる スタンディングデスクが腰痛からあなたを解放する 腰痛の原因は…

スタンディングデスクやめた人に教えたい正しい使い方

スタンディングデスクをやめた人に、正しいスタンディングデスクの使い方を教えたい! スタンディングデスクがあるからって、ずっと立ちっぱなしで作業してたら、そりゃあ、腰も膝も足も痛くなりますよ。当然です!!

座る時間が2時間増える毎に死亡リスク15%増加、スタンディングデスクで座る時間を減らそう

座る時間が2時間増える毎に死亡リスクが15%増加するという、衝撃の研究結果を発見しました。 座る時間を減らすには、スタンディングデスクを活用し、座る時間を減らすことが大切です。 しかし、座る時間が増えるとなぜ死亡リスクが高くなるのか?? これは、…

WiFi中継機の効果は離れた部屋でも電波が届くこと!!

リモートワーク中にzoomが止まる、落ちる、夕方になると回線が不安定になるストレスがありましたが、Wi-Fi中継機を買って無事解決しました。 そもそもの原因は、ルーターが置いてある場所と、作業部屋が離れてるせいで、電波が弱かったんですが、Wi-Fi中継機…

【Angular】KarmaではなくJestを使う

Angularプロジェクトをng newで作成するとデフォルトはKarmaです。 でもJest使いたいなーと思って調べて一番手っ取り早くできる方法がわかったので忘れない(将来の自分の)ために、記事にします。 Qiitaの参考記事 環境(Angularバージョン) 最短でJest使…

作業環境を良くしたい、次に買いたいディスプレイを検討

もう、2年以上、リモートワークやってます。 自宅での作業が長くなってくると、自宅の作業環境を整えたくなりますね。 (今は)フロントエンジニアやってて、IDE、確認用のブラウザ、調べ物用ブラウザと最低3つは常に見える状態にするのが一番仕事効率が良い…

【モニターアーム】デュアルディスプレイを自由に配置して環境をワンランクアップ

HUANUO モニターアーム ディスプレイアーム ガススプリング式 1画面 シングルアーム 22~35インチ対応 多角度調整 耐荷重2~12 kg 100*100mm 75*75mm posted with カエレバ 楽天市場 Amazon みなさん、モニターアームって使ってます? 私は最近モニターアーム…

スタンディングデスクの効果はズバリ4つ(5分で解説)

「最近、スタンディングデスクって聞くけど、使っててどんな効果があるの?」 スタンディングデスクって普通に生活してたら馴染みが無いからよく分からないですよね? そこで、実際にスタンディングデスクを3ヶ月使用して実感できたことを、この記事で紹介し…

スタンディングデスクの選び方とおすすめ14選

「スタンディングデスクが欲しいんだけど、どんなものがあるんだろう??」 スタンディングデスクで検索してもたくさん出てきて、何を基準に選べばいいか、わからないですよね。 ずばりスタンディングデスクは、あなたの作業スタイル、予算、家の間取りを基…

【VSCode】開発効率をアップさせたいならキーボードショートカットをマスターすべし

開発効率をアップする方法っていくつかあると思います。 開発言語の勉強をする アルゴリズムを学ぶ フレームワークを学ぶ どれも大切ですが、多くの時間が必要です。 そんな中、ほとんど時間を必要とせずに開発効率をアップさせる方法が キーボードショート…