2022年01月28日 WEBシステム開発 「Git」の基本を押さえて、実務で使えるようになるまで（基本編） 弊社ソリューション事業部では、ほとんど全ての案件でgitを導入してプロジェクトの管理をしております。そこでエンジニア歴間もない筆者が、具体的に実務ではどのように使っているかをお伝えしたく、この記事を書きました。 gitが便利なのは知っていて使ってみたいけど、具体的にどうやって使えばいいのか、また実 [...]
2021年12月27日 WEBWebデザイン Photoshopのアクション機能とバッチ機能を活用して、画像処理を自動化（一括処理）しよう！ Photoshopにて、画像のリサイズやトリミングなど、簡単な作業を繰り返していると、「もっと効率よく画像を処理したい」と思うことがあります。 そんな時には、Photoshopの「アクション機能」と「バッチ機能」が便利です。 それぞれを簡単に説明すると、 アクション機能…Photoshop上での連 [...]
2021年12月24日 WEBシステム開発 goroutineでmapにアクセスするときは排他制御をしよう Goではgoroutineを使って簡単に並行処理を書けますが、何気ないところでエラーが発生してしまうことが（筆者は）度々あります。 さらに偶然にも正常に処理が完了し、何回かに1回しか失敗しないケースの場合、なかなか気付かないこともあります。 今回はmapの競合で発生したエラーと、エラーを起こさない [...]
2021年12月15日 WEBシステム開発 goでHTTPリクエストボディのサイズを制限する「MaxBytesReader」 webアプリケーションを作成していると、ユーザが誤って、もしくは悪意を持って巨大なリクエストを送ってくる場合があります。 何も対応しないとリクエストを受け付けてしまい、アプリケーションが不安定になったり無駄にメモリを確保してしまいます。 そこで今回はgoでHTTPのリクエストボディを制限するMax [...]
2021年11月26日 BUSINESS仕事効率化ツール Googleスプレッドシートの「条件つき書式」「カスタム数式」を使って、チーム内での効率的な進捗管理を！ 私の日々の業務の一つに、お客様に代わってwebページをCMSで作成する作業があります。ときには1サイト300ページを超える大規模なサイトの移行・改修を請け負うことも。 作業はチーム（複数人）で行うため、進捗管理が欠かせません。どのページがどこまで作成されているのかを一目で確認する必要があります。 [...]
2021年11月26日 WEBシステム開発 React18 beta の新機能を紹介する【Automatic Batching （自動バッチ処理）編】 最近 React18beta がリリースされました。今回は、React18 で追加される大きな新機能の中から「Automatic Batching（自動バッチ処理）」についてご紹介します。 INDEXReact18 の新機能インストールAutomaticBatching（自動バッチ処理）を検証バ [...]
2021年11月02日 WEBサイト構築・リニューアル ホームページ（HP）とランディングページ（LP）の違いは？ランディングページのメリット・デメリットを解説します。 新型コロナの影響もあり、店舗に行くよりもネット上で買い物を済ますケースが増えてきています。 検索エンジンで商品やサービスを検索すると、検索結果の上位に出てくるのは広告であるケースが多いのですが、その広告をクリックした際に移動するページは、ランディングページであることが少なくありません。 ランディン [...]
2021年10月27日 WEBWebデザイン WebP形式の画像をPhotoshopで読み込み・編集・書き出しができる！プラグイン「WebPShop」の導入方法をご紹介 WebPとはJPEGやPNG・GIFなど代表的な3種類の形式と比べて画像の圧縮率が高く、アルファチャンネル（透過）にも対応している汎用性が高い画像フォーマットです。 iOS 14/iPadOS 14およびmacOS 11のSafari14で、WebP形式画像が正式にサポートされ、WebPを導入する [...]
2021年10月25日 BUSINESS仕事効率化ツール ウェブ会議に新たな選択肢!? AndroidとWindowsでFaceTimeを使ってみよう。 新型コロナの影響でウェブ会議が一般的になり、Zoomなどのウェブ会議ツールを使う機会が増えてきました。 みなさんはZoomの無料アカウントを利用してウェブ会議をする際に、人数や時間に制限があって不便に思ったことはありませんでしょうか。 そこで、今回はビデオ電話アプリの「FaceTime」をご紹介し [...]
2021年10月17日 WEBシステム開発 【Go言語】jsonデータをstreamで扱うEncoder、Decoder型を試してみる goのjsonパッケージには、jsonデータをstreamで扱うEncoder、Decoder型があります。 今回はこのEncoder、Decoderについて紹介します。 INDEXEncoderの定義Encoderの使い方Decoderの定義Decoderの使い方さいごに Encoderの定義 [...]
2021年10月08日 WEBシステム開発 goroutineリークを排除して安全に並行処理を行う方法 goroutineはgoキーワードを関数の前に書くことで簡単に起動することができます。 しかしながら、goroutineはランタイムによってガベージコレクションされないため、正常に終了させていない場合はリークしていきます。 野放しになったgoroutineたちによってプロセスごと停止にならないよう [...]
2021年09月30日 WEBシステム開発 React-transition-groupでモーダルアニメーションを実装する! ReactでCSSアニメーションを扱うためのライブラリを紹介していきます。 INDEXReact-transition-groupとはインストールモーダルを実装まとめ React-transition-groupとは アニメーションそのものを提供しているのではなく、CSSをDOMに反映するタイミ [...]
2021年09月29日 WEBWebデザイン PowerPointがなくても大丈夫！ Googleスライドを使ってバナーや画像ボタンを作る方法 前回の記事「画像編集ソフト要らず！パワーポイントを使って簡単にバナーや画像ボタンを作る方法」 では、PowerPointを使った基本的なバナーの作り方をご紹介しました。 前回の記事を執筆した後、「そもそもMicrosoft Officeをインストールしていない人はどうしたらいいのだろう」と思い調べ [...]
2021年08月31日 WEBWebデザイン 画像編集ソフト要らず！パワーポイントを使って簡単にバナーや画像ボタンを作る方法 ホームページに掲載したり、web広告に利用したりと、なにかと必要な機会の多いバナー。 ホームページの更新でちょっとしたバナーの文言変更や写真の差し替えがしたいとき、 制作会社に頼むのは面倒だし、費用がかさむ… でもIllustratorやPhotoshopなどの画像編集ソフトは持っていないし、持 [...]
2021年08月19日 WEBシステム開発 goでデータ形式を識別するためのMIMEタイプを判定する方法 業務でアップロードされた画像ファイルのMIMEタイプを判別する必要があったので調査しました。 INDEXhttpパッケージのDetectContentType説明動作のサンプルファイルを読み込んでMIME判別さいごに httpパッケージのDetectContentType 調べてみるとgoのht [...]
2021年08月03日 WEBWebデザイン SVGってなに？PhotoshopやIllustratorでSVG画像を書き出す方法を解説します。 JPGやGIFといった画像拡張子のほかに、「SVG」という拡張子を目にしたことがあると思います。 JPGやGIF等の「ビットマップデータ」とは違い、SVGは「ベクターデータ」に分類されます。ベクターデータには拡大しても画質が落ちないという特徴があり、昨今のwebサイトでは、レスポンシブやRetin [...]
2021年08月02日 WEBシステム開発 MySQLのJSON型に含まれる値でソートをかける方法 (数値・文字列・Goのtime.Time型) MySQLのJSON型に含まれている中の値で、ソートをかける方法についてまとめたいと思います。 JSON型に変換したGoのtime.Time型をソートする方法も後半でご紹介します。 INDEX準備JSON_EXTRACTを使用する方法「->」演算子を使用する方法Goのtime.Time型を [...]
