2023.03.09 WEBシステム開発 WSL2のUbuntu 22.04をAnsible playbookを使って環境構築してみる 寒い季節から段々と暖かくなり、目や鼻がむずむずする季節性の風邪が起こりやすい季節になってきました。 つまり環境構築のいい季節ですね。 今回はWSL2のUbuntu 22.04をAnsible playbookを使って環境構築してみたいと思います。 Ansibleの紹介 Ansible について A [...]
2023.03.08 WEBシステム開発 PHP8で実装されたmatch式がとても便利だったのでまとめてみた PHP7.4のセキュリティサポートが2022年11月28日に終了し、PHP8に移行していくなかで、新しく実装されたmatch式がとても便利で使いやすかったので勉強も兼ねてまとめてみようと思います。 INDEXmatch式とはmatch式の構文switch文との違いさいごに match式とは ma [...]
2023.02.10 WEBシステム開発 安全性、速度、並行性を兼ね備えた言語と、巷でうわさの「Rust」を覗いてみる（その7：参照と借用） みなさまお久しぶりです。 今回も「The Rust Programming Language」を読みながら、参照と借用についてみていきたいとおもいます。 参考 https://doc.rust-lang.org/book/ https://doc.rust-jp.rs/book-ja/ （日本 [...]
2023.01.13 WEBシステム開発 【Vue.js】コンポーネントの基本を理解して使ってみたい 新年あけましておめでとうございます。 前回の記事「【Vue.js】ドラッグ＆ドロップでアップロードした画像をプレビュー表示してみる」で初めてVue.jsに関して書いてみましたが、新年早々、Vue.jsの特徴の1つでもあるコンポーネントの基礎について学習する機会がありました。 使い回しが出来たり、そ [...]
2023.01.10 WEBシステム開発 Beyond the render hooks (return component from hooks) pattern. ～それでもReactでReact.FCを返すカスタムフックを作りたい!!～ 「ハンマーを持つ人にはすべてが釘に見える」という格言に耳が痛いと思う今日この頃です。 みなさん render hooks パターン使ってますか。 今回は記事タイトルの通り React.FC を返すカスタムフックを作りたい!! という筆者の願望を叶えるべく試行錯誤した内容をお送り [...]
2022.12.14 WEBシステム開発 安全性、速度、並行性を兼ね備えた言語と、巷でうわさの「Rust」を覗いてみる（その6：参照と借用） みなさまごきげんよう。 今回も「The Rust Programming Language」を読みながら、 参照と借用についてみていきたいとおもいます。 参考 https://doc.rust-lang.org/book/ https://doc.rust-jp.rs/book-ja/ （日本 [...]
2022.11.15 WEBシステム開発 【Vue.js】ドラッグ＆ドロップでアップロードした画像をプレビュー表示してみる 最近、 input type=”file” を使った画像をアップロードと、アップロードした画像のプレビューを実装する機会がありました。 そこで今後のために、 input type=”file” だけでなく、ドラ [...]
2022.11.14 WEBシステム開発 Visually Hiddenパターンでアクセシビリティに配慮したマークアップを意識する React Testing Library や Chrome の開発者ツールでアクセシビリティツリーが見えるようになるなど、最近はただ見た目通りにマークアップするだけではなく、アクセシビリティに配慮したマークアップも必要なスキルセットになってきている流れを感じます。 筆者といえば、最近HTMLやC [...]
2022.10.24 WEBシステム開発 GraphQLサーバを構築するためのGoライブラリ「gqlgen」を使ってGraphQLサーバーを構築してみる こんにちは！ 今回はGoでGraphQLサーバーを作ってみたくなったのでgqlgenを利用してGraphQLサーバーを構築してみます。 INDEXGraphQLとはgqlgenとはGraphQLサーバーを構築してみるプロジェクトをセットアップしますサーバーを構築しますサーバーの実行仕上げ Gra [...]
2022.10.21 WEBシステム開発 安全性、速度、並行性を兼ね備えた言語と、巷でうわさの「Rust」を覗いてみる（その5：所有権と関数） 今回も「The Rust Programming Language」を読みながら、所有権と関数を覗いていきたいと思います。 参考 https://doc.rust-lang.org/book/ https://doc.rust-jp.rs/book-ja/ （日本語） 過去の記事 安全 [...]
2022.09.27 WEBシステム開発 Webアプリケーションの構造を理解し、dockerを用いた開発環境を構築できるようになる（構築編） 前回の知識編では、webアプリケーションの構造を理解すること、そしてそれを理解した上でdocker・docker-composeとはどんなものかを改めて理解することが目的でした。 今回の構築編では、実際にdockerを利用して弊社で用いる開発環境を構築していきたいと思います。 INDEX前提デ [...]
2022.09.09 WEBシステム開発 GitHub PagesのデプロイにCustom GitHub Actions Workflows (beta) を試す GitHub Pages使ってますか？ 恥ずかしながら筆者はこれまでGitHub Pagesを使ったことがありませんでした。 GitHub Pagesを試してみようと思っていたところに、ちょうど1ヶ月前（2022年7月27日）GitHub Pages用のCustom GitHub Actions [...]
2022.08.25 WEBシステム開発 Go WebAssemblyでブラウザ上でGoを実行する その3 Javascript側からGoの関数を呼び出す 前回の記事「Go WebAssemblyでブラウザ上でGoを実行する その2 Go側からJavascriptを操作する」では、Go側からJavascriptを操作してみました。 今回はJavascript側からGoの関数を呼び出してみようと思います。 Go WebAssemblyに関するシリーズ [...]
2022.08.08 WEBシステム開発 安全性、速度、並行性を兼ね備えた言語と、巷でうわさの「Rust」を覗いてみる（その4：所有権と関数） 今回も前回に続き、「The Rust Programming Language」を読みながら、所有権と関数を覗いていきたいと思います。 参照 https://doc.rust-lang.org/book/ https://doc.rust-jp.rs/book-ja/ （日本語） 過去の [...]
2022.07.20 WEBシステム開発 いろいろな演算子を使ってPHPコードをスマートにしよう！ みなさん、if文はお好きでしょうか？ コードが太ってしまうので筆者はあまり好きではありません。 今回はそんなときに便利なPHPで使える演算子たちをいくつか紹介していこうと思います。 INDEX三項演算子（?:）エルビス演算子（?:）Null合体演算子（??）宇宙船演算子使いすぎには注意！！さいご [...]
2022.07.19 WEBシステム開発 Webアプリケーションの構造を理解し、dockerを用いた開発環境を構築できるようになる（知識編） 弊社では、ほぼ全ての受託システム開発案件で開発環境を用意する際、dockerを用いて環境構築をしています。 そこでエンジニア歴間もない筆者が、弊社の受託システム開発で用いているwebアプリケーションの構成とdockerを利用しての開発環境構築について改めて見直すいいきっかけだと思い、この記事を書き [...]
2022.07.11 WEBシステム開発 Reactのレンダリング、差分検出処理の仕組みを学ぶ 恥ずかしながらReactのレンダリングとは何か、差分検出処理とは何かをよく分からずに、 再レンダリングを回避するため雰囲気でReact.memoを使ってきました。 今回はReactのレンダリングと差分検出処理について調べました。 INDEXReactの差分検出処理とは異なる型の要素の場合同じ型の [...]
