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

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

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

【FLEXISPOTの評価】1日8時間のデスクワークをしてるエンジニアが評価

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

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

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

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

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

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

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

zoomが落ちるのをWi-Fi中継機で解決した

リモートワーク中に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* posted with カエレバ 楽天市場 Amazon みなさん、モニターアームって使ってます? 私は最近モニターアームを導入したんで…

スタンディングデスクは疲れにくい、集中力が続く、健康にいい

スタンディングデスクで仕事して2週間が経過しました。 やっぱり、買って良かった!! 大満足!! もっと早く買えば良かった!! と、自分の中で久しぶりの大ヒット商品です!! ちなみにこれより前の大ヒットは、MacBook pro。(古いな) MacBook Pro 2017…

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

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

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

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

スタンディングデスク(FLEXISPOT)のケーブルをスッキリさせた(デスクの上はケーブル2本だけ)

先日、FLEXISPOTのスタンディングデスクを購入したのですが、ケーブルがぐちゃぐちゃしてたのでスッキリさせました。 www.ksakae1216.com 状況 デスクの上 デスクの下 ケーブル収納トレイ トレイ取り付け後 デスクの上 デスクの下 状況 スタンディングデスク…

【スタンディングデスク(FLEXISPOT)】リモートワークにおすすめの環境を3万円4千円で揃えた

気がつけば、自宅でのリモート作業が2年以上続き、自然と自宅の作業環境に興味が湧いてきました。 Youtubeの履歴をみると、自宅のリフォームや、作業環境整えた系が多く、自分なりに考えた結果、スタンディングデスクだなと結論が出ました。 そこで、GW中に…

【VSCode】開いてるエディタがどれか分かりづらいので、タブの色をカスタマイズして分かりやすくする

vscode どのファイル開いてるか分かりづらい 今までなんとなく、誤魔化しながら過ごしてきたけど、vscodeでどのファイル開いてるか分かりづらい。。。 2、3個しかファイル開いてなかったら大丈夫なんだけど、5個以上開いてると、パッと見ても分からない、…

【e-tax】Safari14.0.3で電子署名の付与が終わらない

e-taxで確定申告送付で結構ハマりましたが、解決できたのでブログで共有です。 電子署名の付与が終わらない 解決策 電子署名の付与が終わらない いつも使ってるやよいの青色申告でデータをサクッと作成して1月末には確定申告をe-taxから送信しました。 ※やよ…

【VSCode】キーボードでエクスプローラーとエディタとターミナルを移動する

会社ではIntellij、自宅ではVSCodeを使ってます。 やっぱり長い時間使うIDEであれば、キーボードショートカットを使いこなせば開発効率は格段にアップします。 エクスプローラーのファイルをマウスで選択。 エディタをマウスでクリック。 ターミナルをマウス…

GitHub Actionをローカルで実行する方法(Mac)

Github Action GitHub Actionのworkflowを書いたんだけど、確認するのがgithubへpushなどしなければいけないと確認するのがちょっと大変。 ということで、ローカルで実行する方法が分かったので記事にします。 GitHub Actionとは actでローカル実行 GitHub A…

フリーランスの生産性を上げるタイムマネジメントと仕事術

※執筆者:ゲストライター フリーランスの一番の魅力は、自由に働くことができることです。 会社員や契約社員、短期のアルバイトとして働いている方も一度は「フリーランスになってみたい」と思ったこともあるのでは? フリーランスは、会社内の人間関係など…

【Angular】Cypressスクリーンショットの差分でデグレしてないことを確認する

開発の過程で画面表示に差分が出てもCypressのcypress-image-snapshotを使えば、e2eテストで差分を検知し教えてくれるので、画面表示のデグレを心配せずにガンガン開発することができます!! cypress-image-snapshot インストール 準備 実装 動作確認 最後…

【Visual Studio Code】Githubのプルリク(pull-req)便利プラグイン

Githubにpushしてレビューしてもらったら、レビュー指摘事項をGithub見ながらソース修正しますね。 ノートPCの場合、外付けディスプレイがあれば、片方にGithub表示して、もう片方にソース修正すればいいけど、ノートPCだけの場合、画面がそんなに大きくない…

在宅勤務が長引き肩こりが酷くなってきたのでPCスタンドを買った

コロナウィルスの影響で2月後半から気がつけば1ヶ月以上、在宅勤務が続いています。 最近ではめっきり肩こりがひどくなってきた。 今後もしばらく在宅勤務は続くだろうと予想して家のPC環境を整えようと決意。 ノートPCで簡単に肩こりを解消できるグッズが…

【GitHub】依存先パッケージ(ライブラリ)のSecurityAlerts(脆弱性)はマージするだけ(Botが自動的にプルリク作成)

GitHubから依存先パッケージ(ライブラリ)のSecurityAlerts(脆弱性)に関するメールを受信しました。 GitHubは依存先パッケージ(ライブラリ)でSecurityAlerts(脆弱性)が修正されるとそれを使用してるリポジトリに対して、「脆弱性が直ったからプルリクしたよ、…

【Visual Studio Code】Java開発でTomcatホットデプロイ(HotDeploy HotReload)

長年、JavaのWeb開発はeclipseを使ってて世間的にもデファクトスタンダードになってると思うんですけど、やっぱeclipseは重い!! もし、Visual Studio Codeでも簡単にホットデプロイができるんだったらもうeclipseにこだわる必要は無いですね。 ということ…

【Java DB】Webアプリケーションサンプル

以前、Springを使ってDBのデータを画面に表示する記事を書きましたが、ログイン、一覧、更新画面まで作成したのでサンプルを紹介します。 今回のサンプルでできること 環境 eclipse DataBase eclipseにインポート 動かすための準備 Tomcat設定 動作確認 最後…

プロトタイプ作成やデモの時にWebページを直接変更する方法

chrome.google.com プロトタイプ作成してる時、デモの時に他の人の意見を聞きながら、文字や色、フォントなど変更したい時ってありますよね? そんな時に便利なのが、visbugというChromeで使える拡張機能。 visbugの簡単なデモ インストール方法 機能紹介:G…

PostgreSQLのクライアントツールTablePlus(Windows,Mac,Linux対応)

PostgreSQLの素晴らしいクライアントツールを見つけました。 無償なのに高機能で、Windows、Mac、Linuxで使える!! しかも、PostgreSQLだけでなくSQL Server、Redshiftなど12種類のDBに対応。 すごくないですか?! めっちゃくちゃ使いやすいのでPostgreSQL…

Nxチュートリアルをやってみた(Step 3 〜 12)

前回記事の続きです。 Nxチュートリアルをやってみた(Add E2E Tests) - フリーランス チャレンジ!! この記事ではチュートリアルのStep3から最後まで一気に紹介します。 今までは、最初だったので1つずつ丁寧に紹介しましたが、大分慣れてきたので各Stepの…

Nxチュートリアルをやってみた(Add E2E Tests)

前回はnpx、ngコマンドでアプリケーションを作成しました。 今回はE2Eテスト(Cypress)をこのアプリケーションに追加します。 ※NxはデフォルトでCypressが使えるよ。 CypressってどんなE2Eテストか知りたかったら下記の記事をぜひ読んでみて。 簡単、速い、テ…

Nxチュートリアルをやってみた(Create Application)

Nxチュートリアルをやってみた!! その前にNxって何?って人もいるよね。 実は私もこのチュートリアルやる前にそんな状態でした。 プロジェクトで使ってるけど、内容理解してなくて。。。 まずはそこから調べて、チュートリアルを進めてきます。 Nxって何?…

簡単、速い、テストの動画保存、Cypressは最高のe2eテストだ!!

www.cypress.io インストールが簡単、速いe2eテスト、テストを動画で保存するなど、素晴らしいe2eテストツールのCypress!! Cypressとはどんなツールなのか? 実際にインストールしてテスト書いて実行するとこまで紹介します。 Githubにもソースを登録する…