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の差分検出処理とは異なる型の要素の場合同じ型の [...]
2022.06.29 WEBシステム開発 安全性、速度、並行性を兼ね備えた言語と、巷でうわさの「Rust」を覗いてみる(その3:所有権) “うわさの「Rust」を覗いてみる”第三弾となる今回は、「The Rust Programming Language」を読みながら所有権の部分を覗いていきたいと思います。 参照 https://doc.rust-lang.org/book/ https://doc.rust-jp.rs/boo [...]
2022.06.21 WEBシステム開発 Go WebAssemblyでブラウザ上でGoを実行する その2 Go側からJavascriptを操作する 前回の記事「GoのコードをWebAssenblyにコンパイルしてブラウザ上でGoを実行する」では、コンパイル済みのGoのプログラムをブラウザ上で実行しただけでした。 今回は、さらにGoのプログラム側からJavascriptを操作してみようと思います。 INDEXsyscall/jsGo側からJa [...]
2022.05.18 WEBシステム開発 初心者が「Git」を実務で使えるようになったら、どうしても知っておいて欲しいコマンド3選 弊社ソリューション事業部ではほとんど全ての案件でgitを導入してプロジェクトの管理をしております。そこでエンジニア歴間もない筆者が、具体的に実務ではどのように使っているかをお伝えしたく、この記事を書きました。 gitに関する基本的なことを、前々回の基本編、前回の実務編を通して紹介しました。しかし、 [...]
2022.05.13 WEBシステム開発 プロダクトにReact Testing Library(RTL)を導入してみてハマったこと みなさんテスト書いてますか。 恥ずかしながら、筆者が開発中のプロダクトでは、現状ではお世辞にもテストがあるとは言えない状況です。 今回は開発中プロダクトにReact Testing Library(RTL)を導入してハマったことについてご紹介したいと思います。 INDEXReact Testin [...]
2022.04.25 WEBシステム開発 GoのコードをWebAssenblyにコンパイルしてブラウザ上でGoを実行する 今回は、GoのコードをWebAssenblyにコンパイルしてブラウザで動かす方法を試してみたいと思います。 INDEXWebAssemblyとはGoのコードをWebAssembly形式にコンパイルするブラウザで実行するHTMLファイルを作成するHTTPサーバを起動するさいごに WebAssemb [...]
2022.04.19 WEBシステム開発 安全性、速度、並行性を兼ね備えた言語と、巷でうわさの「Rust」を覗いてみる(その2:変数) 前回の記事「安全性、速度、並行性を兼ね備えた言語と、巷でうわさの「Rust」を覗いてみる(その1)」に続き、今回は「The Rust Programming Language」を読みながら、変数の部分を覗いていきたいと思います。 参照 https://doc.rust-lang.org/boo [...]