にわかプラス

にわかが玄人になることを夢見るサイトです。社会や国際のトレンド、プログラミングや電子工作のことについて勉強していきたいです。

Puppeteerに必要なライブラリ

Puppeteer フロントエンドのテストをヘッドレスで行うために使ってみた。 今まではchromeをインストールした環境でPuppeteer無しで行っていたが、Puppeteerがchrome(chromium)のバイナリを入れてくれるようなので試してみた。 インストールはyarn add -D pup…

ソフトウェアエンジニアの育休振り返り

育休を終えて 悲しいことに3ヶ月の育休が終わる。 仕事という生活に組み込まれたルーティンがなくなったという体験がものすごく新鮮だった。 控えめに言って最高だった。 同僚が育休を取るときは全力でサポートしようと決めた。 子育てはもちろんだけど、ソ…

gRPC-connectのGetting startをNode(TypeScript)でやってみた

動機 前から少し気になっていたのと、時雨堂の方のTwitterを見て、gRPC-connectがこれから来るのではないかと思ったので、使用感を確かめてみた。 bufbuild/connect-crosstest: Connect's gRPC and gRPC-Web interoperability test suite. https://t.co/GXcT…

Git rebaseを使ってmainの変更を取り込む

git

参考サイト: https://style.biglobe.co.jp/entry/2022/03/22/090000 style.biglobe.co.jp なぜrebaseを使うか。上のサイトにかいてあるが、コミットログをきれいにするため。 main→branchをマージで行うと、自分のbranchのコミット間に他の人のコミットが紛…

フロントエンドのディレクトリのベストプラクティス

フロントエンドのディレクトリ構成のベストプラクティス この記事を参考にこのブログを書いた。 https://profy.dev/article/react-folder-structure Webフロントエンドのプロジェクトに途中参画したが、ディレクトリ構造が少しカオスめだったので、どのよう…

Lit公式ドキュメントまとめ Reactive property

Lit 公式ドキュメントまとめ 3 www.niwaka-plus.com www.niwaka-plus.com Lit 公式ドキュメントまとめ 3 Reactive properties Public propeties and internal state クラスフィールド(メンバ変数)を使ってはいけない Property options attribute converter…

Lit公式ドキュメントまとめ レンダリング

Components Components 前記事 Litの定義 www.niwaka-plus.com Components レンダリング レンダリングできる値 render() の良い書き方 Litコンポーネントテンプレートの作成 テンプレートはいつレンダリングされるか DOMのカプセル化 レンダリング 以下のよ…

Lit公式ドキュメントまとめ Components

google製ライブラリLit公式ドキュメントの記事です。 Reactとの技術比較やLitに興味ある方ぜひご覧ください。

ArduinoIDEをVS Codeにしたらコード補完や書き込みが楽で最高になった

Arduinoの標準IDEはよくできているが、コード補完が効かなかったり、参照ライブラリ元へ飛べなかったりと少し残念である。 そこで、エディタをVS Codeに切り替えることで、コード補完、参照ライブラリへのジャンプ、その他VS Code拡張の恩恵を預かれるように…

Unityでアニメーションを作成し動画書き出しする手順

Unityは動画編集ツールのように、タイムラインに沿ってアニメーションを作成する事ができて非常に良かった。 3Dモデルのインポートから、アニメーションを設定し、動画の書き出しまでの手順を示す。 また、タイムラインの表示であったり、プロパティのチェッ…

MVVMフレームワーク Prismの環境構築【WPF .NET5】

C#で簡単にMVVMアーキテクチャを実現するPrismの入門記事です。

ブログメンタリングを終えて

カックさんのブログメンタリングの卒業記事です。 学んだことをまとめました。

DYNAMIXELサーボ Ubuntuでの動作方法【MX-12W】

DYNAMIXELサーボモータ MX-12WをUbuntu18.04で動作させる方法とサンプルコード

DYNAMIXELサーボモータ MX-12Wの導入と動作確認

DYNAMIXELサーボモータは公式がROS対応に力を入れていたりとかなり使い勝手が良いモータに感じます。 導入方法は記事をご覧ください。

Googleフォトの画像をはてなブログで表示できない問題の解決サービス開始!

今年3月から発生したGoogleフォトの画像が一部非表示になる問題について、はてなブログが公式の対応策として自動で画像とリンクを置き換えてくれるサービスが開始。 Googleフォトの画像をはてなブログの記事に貼り付けていた方必見! はてなブログの画像周り…

svn:externals / git submoduleで外部リポジトリを参照する方法

別チームで1つのものを作っている、加えて別々のリポジトリを持っている。と言った場合に、リポジトリを参照する「外部参照」が有効です。 方法は記事をご覧ください。

Microsoft Flowを使って情報を一元管理する方法

Microsoft Flowを使って情報を一元管理しよう。 RSSリーダとしても使える便利機能を紹介します。

undefined reference to `__sync_synchronize'をfno-threadsafe-statics で解決した話

コンパイラの出すエラーはとてもわかりにくい。今回はundefined reference to `__sync_synchronize'というエラーを解決した備忘録を残します。

ドメイン駆動設計入門 は設計の軸足になるべき本

ドメイン駆動設計 入門がとても良かったので、内容をクラス図にして理解を深めました。 内容については記事をご覧ください。

契約業務でエンジニアが注意すべき項目

契約書のレビューポイントをまとめました。 エンジニアにとって非定常な作業ですがお互いのためにしっかりこなしたいですね。

C++で使えるDIコンテナライブラリ「Hypodermic」が便利

C++で疲れるDIコンテナライブラリ「Hypodermic」

Google Mock超入門

Google Mockは超便利!モックってなに?という人向けにGoogke Mock入門記事を作成しました。 Mock自体の説明や使い所を記事にしたのでぜひ見てみてください。

簡易なタスク管理で効率よくタスクをこなすためのMicrosoft To DoとGTD

MicrosoftToDoでタスク管理。GTDの手法と組み合わせて簡易なタスク管理で効率よくタスクをこなす手法です。 詳しい方法を本文で解説します。

JenkinsをWindows上に複数インスタンスたてる方法【Windows10】

Windows10上にJenkinsを複数インスタンスたてる方法を紹介します。

UnityでRos2の環境構築(できなかった話)【Ubuntu18.04,Windows10】

UnityでROS2を使いたくて、環境構築したけど、Unityで使うところでコケてしまった話です。 うまく動かせたよ、などありましたらぜひ教えてください

Fusion360で作成したモデルをUnityで動かす【ショベルカー】

Fusion360で作ったモデルをUnityで動かす

完全食All in Pastaが良すぎた。全独身に知ってほしい。

日進のAl in Pastaが最高でした。 栄養も取れてご飯に迷わない。まじで現代社会の救世主です。味や食べ方のレビューをしたので本文をどうぞ。

モダン・ラブが控えめに言っても最高すぎる【感想】

アマプラで見れるモダン・ラブを見た感想。 一言で言って最高すぎる。深い愛情を感じられる素晴らしい作品。その感想を共有したくて記事を書きました。

初心者が9万以下でゲーミングPCを組んだ。最高や・・・【Ryzen5 3600】

9万以下でゲーミングPCを組んだ。高コスパで有名なryzen5 3600。 ああ、ガチのマジで最高・・・ おすすめの構成とAmazonより安く買えるサイトを紹介しますね。

話す人全員にビックリされる通信費を減らすたった1つの方法

IT

通信費をできるだけ抑えたくないですか? スマホと家のネット合わせて5000円以下かつノーストレスで運用する方法を教えちゃいます。 詳しくは記事を御覧ください。