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

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

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

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

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

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

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

超一流プログラマーの3つの共通点は「英語」、「公式リファレンス」、「とにかくコード書く」ですね

IT業界で働くこと20年弱。 今までたくさんのプログラマーに出会ってきた。 超一流プログラマー、できるプログラマー、普通のプログラマー、できないプログラマーと大体4つくらいに分けられる。 ※ちなみに超一流プログラマーはGoogleとかにいるのかもしれな…

SEだったら当然知ってるよね? PDCAじゃなくOODAループの事を

(出典:Wikipediaより) 「PDCA知ってる?」、「PDCAやったことある?」ってよく聞かれると思うけど「OODA知ってる?」って聞かれる事はあまりないんじゃないかな〜と思います。 が、手段としてOODAループってとても有効だから知らない人はぜひ、この記事読ん…

勉強できる人が必ずしも仕事ができるわけではない

勉強できる人は、問題を解決できる問題解決力があるから仕事もできると思ってた。 仕事はまさに問題を解決する事が目的だから。 でも大手SIにいた時、有名大学を卒業した勉強ができてた人をたくさん見てきたが仕事ができない人もまあまあいた。 なぜ勉強はで…

【A day in the Life of a Engineer】世界のエンジニアの1日に密着

YouTubeを見てたときにたまたま発見したんだけど、エンジニアの1日に密着したシリーズ(?)みたいなのがあって、とても面白かったのでオススメの5点を紹介します。 これを見れば世界のエンジニアがどのように働いてるか分かりますよ。 A day in the Life of…

ログイン画面のレイアウト崩れをGridレイアウトで直す

この記事で作成したログイン画面がSafariで開くとレイアウト崩れを起こす。 www.ksakae1216.com Chromeだと大丈夫だったのに・・・ ちなみにFirefoxも大丈夫だった、Safariはダメ(IEは環境ないので見てない) ということでログイン画面をGridレイアウトで崩…

【JavaScript】知ってた? 変数にvar付けないとグローバルスコープになるって!!

リーダブルコード posted with ヨメレバ ダスティン・ボズウェル/トレバー・フォシェ オライリー・ジャパン 2012年06月 楽天ブックス Amazon Kindle 7net リーダブルコード読んでて結構衝撃的だったので記事にしました。 サンプルコードも書いて実際に動きを…

すぐ怒る人の4つの特徴

あなたの周りにすぐ怒る人っていないですか? 私の周りにはそんなにいないんですが、40年以上生きてるとたまにすぐ怒る人っているんですよね。 すぐ怒る人のパターンって下記の4パターンです。 ①自分の思い通りになると思ってる ②自分に余裕が無い ③完璧主…

VSCode(TypeScript)でChromeのデバッグ(Debug)をする方法

VSCodeでChromeをデバッグ(Debug)する方法をご紹介。 VSCodeにDebugger for Chromeをインストール launch.jsonの修正 デバッグ(Debug) VSCodeにDebugger for Chromeをインストール まず最初はVSCodeにDebugger for Chromeプラグインをインストールします。 ①…

横広のディスプレイがあると開発が効率的でサイコーです

最近Visual Studio CodeでAngular(TypeScript)書いてるんだけど、横広の外付けディスプレイがあまりにも開発を効率的にしてくれるのでご紹介。 横広の外付けディスプレイ どのように効率的か? 実際の開発 外付けディスプレイは選べるなら横広 横広の外付け…

【Angular】Webテスト(npm test)が失敗した時のスクリーンショットを撮る方法

Webテスト(npm test)が失敗し、エラーが発生した時にスクリーンショットを取る方法(コード)をご紹介。 ※私はMacですが、多分Windowsでもここに書いてある手順でいけるはずです。 環境(Angular、node、Visual Studio Code) 参考にしたページ 実装(コード) …

【Angular】Flex-Layout, Materialを使ったログイン、テーブル表示サンプル

最近Angularjsにハマってます!! 覚えることは多いんだけど、結構楽しくコード書いてます。 前回の記事で作成した画面にFlex-Layout、Materialを適用してもう少し綺麗な画面に仕上げます。 Flex-Layoutとは? Materialとは? 作成した画面 最後に Flex-Layo…

Angularを学ぶなら公式チュートリアルがおすすめ!!

Angular Tutorial チュートリアル 今までAngular1.3の経験しかなかったが現在の案件がAngular7を使っているため、一から勉強しようと思い、公式チュートリアルをやってみたら結構理解が深まったのでご紹介。 Angular公式チュートリアル チュートリアルの内容…

【Mac】アプリ切り替えの意外と便利なキーボードショートカット

コマンド+タブでアプリ切り替えがWindowsと違ってMacはちょっと使えないな〜と不満に思ってたんだけど、キーの押し間違えで結構使える技を発見したのでご紹介。 目次 Macのアプリ切り替えはアプリ毎にまとめられて使いづらい Chromeを複数ウィンドウ立ち上…

マウス使わない派の人にはEclipseよりもIntelliJをオススメします

次の現場がIntelliJを使って開発するので最近、自宅でIntelliJ使ってるんだけど、マウス使わない派の自分としては、すっごい使いやすい!! 隅から隅までIntelliJを使ってるわけではないけど、キーボード操作はEclipseよりも断然上!! もっと早くIntelliJに…

【IntelliJ】GitHubからチェックアウト(CheckOut)してIntelliJに取り込む方法

GitHubのリポジトリからCheckOutしてIntelliJに取り込む方法を画像付きで紹介します。 ※Macです。 IntelliJでGitHub連携 GitHubからCheckOut チェックアウトしたリポジトリを実行 IntelliJでGitHub連携 まずGitHubからチェック(CheckOut)アウトするためにGit…

無料で使えるIntelliJをMacにインストールする

次の現場がなんとIntelliJを使うとのことで、自宅のMacにIntelliJをインストールします。 そもそも無料でも使えるの? IntelliJの特徴 インストール手順 IntelliJ起動 Hello World表示 そもそも無料でも使えるの? IntelliJは有償しかないと思ってたんですが…

【Spring Boot入門】DI(依存性の注入)とは? サンプルソースを使って深掘り

前回は、Spring環境を作成し、"Hellow World"をコンソールに表示しました。 次は、DI(依存性の注入)について勉強していきます。 やはりネットの情報だけでは、分かりづらかったのですが本で体系的(順序立てて)に学ぶと理解が深まります。 今回も下記の本…

マルチカーソルはまるで魔法! Vimでマルチカーソルをやってみた!!

今日、下記の記事を読んで衝撃を受けた!! マルチカーソルなんて知らなかった!!! マルチカーソルを使わないVSCodeはただのVSCodeだ! - memo.md こんなことができるんです!! Vimでもできないか調べたらプラグインがあるみたい。 ちなみにMacVimです。 …

eclipseにGitリポジトリをインポート(Import)してSpring Bootに変更する手順

開発環境にGitからソースをインポート(Import)する作業ってたまにしかやらないので忘れてしまいますよね。 そこで、画面ハードコピー付きで詳細に手順を紹介します。 困ってる人はぜひ参考にして下さい。 git cloneしたリポジトリをeclipseにインポート(Impo…

【GitHub】リポジトリをクローン(clone)して別リポジトリとしてリモートにpushする手順

もうタイトルの通り。 以前、困って調べたので、画像付きで手順化。 GitHubでリポジトリを作成 クローン(clone) 別リポジトリとしてリモートにpush GitHubでリポジトリを作成 別リポジトリとしてリモートにpushしたいリポジトリを作成します。 GitHub上で「N…

【Spring Boot入門】eclipse + STS + Starter ProjectではじめてのSpring

今や、Javaフレームワークのデファクトスタンダードと言ってもいい、Spring Boot。 今まで参画したプロジェクトでも使ってたけど、用意されたものをあまり意識せずに使ってたな〜、ちゃんと基礎から理解したいな〜と思いこの本を買ったので基礎からSpringを…

【Visual Studio Code】GitのコードからAIでコーディング支援(コード補完)するIntelliCodeをやってみた

いや〜、世の中一気に進んだ気がします。 AIでコーディングを支援してくれる事になるとは・・・。 早速、やってみました!!! IntelliCodeとは コード補完 コードの問題を見つける 事前準備 拡張機能を入れる Gitからプロジェクトをクローン デバッグしてみ…

50代以上のベテランエンジニアは何処へいくのか・・・ 他業界に転職するのか?

「人材不足」 ニュースでこのフレーズをよく聞く。 でも本当にそうだろうか? 私がフリーランスになった2年前は年齢がギリ30代(39歳)ということもあり仕事探しに苦労することなかったが、41歳になった今年、仕事探しに苦労した。 www.freelance-osusume.wo…

開発マシンとしてMacを長年使ってる人は、brew cleanupでディスク容量を大幅に節約(削減)できるよ

タイトルの通り。 twitterで興味深いツィートを見たので早速やってみたら、ディスク容量を節約(削減)できました。 Macを長期間使ってる人で brew 使ってる人はbrew cleanup --dry-runをたたいてみましょう。恐ろしい事実に気づきます…。> ==> This operati…

【Google】はてなブログにインフィード広告を設定してみた

インフィード広告って知ってますか? 私はGoogleからのメールで初めて知ったので早速試してみました。 Googleからインフィード広告に関するメールを受信 インフィード広告とは? インフィード広告の設定 スクリプトの作成 はてなブログに設定 インフィード広…

サイト改善率78.1%、成果UP率163%のユーザー分析Juicerをはてなブログに導入しました

juicer.cc あなたはJuicerをご存知ですか? 無料で多機能なうえに、利用者のサイト改善率78.1%、成果UP率163%を誇るJuicerをはてなブログに導入しました。 Juicerとは? ペルソナを自動生成 A/Bテスト 見やすい分析結果 Juicerへの登録手順 はてなブログへの…

【AWS】無料でPostgreSQLを構築

AWSでPostgreSQLの構築とローカルから接続できるよう設定したので手順を紹介します。 AWS上にPostgreSQLを作成する 接続設定の変更 AWS上にPostgreSQLを作成する ※AWSのアカウント作成済み、コンソールにログインできる事前提に進めます。 AWSのコンソールに…

TeamSQLでAWSのDB(PostgreSQL)に接続する

この記事を公開してから毎日沢山の人に読まれてます。 DB接続のクライアントツールはTeamSQLで決まり(インストールから接続まで紹介) - フリーランス チャレンジ!! みんなTeamSQLに興味あるのかな? ならば、もうちょっと紹介しようと思い、今回はAWSに…