画像トリミング機能を提供するJSライブラリ「react-image-crop」の紹介
画像トリミング機能は、ビューアソフト等に見られる代表的な機能のひとつであるが、Webアプリに実装しなければならないシーンは滅多に遭遇しない。一方でサムネイルの生成であれば、サーバサイドで一定サイズにトリミングすることを考…
Web制作Web制作Web制作
お知らせ/募集U・Iターン転職を考えてる、あなたへ！会津ラボにUターン入社して１ヶ月目の所感
初めまして、会津ラボへWebエンジニアとして入社をした渡部です。2019年11月に地元である会津若松へUターン入社して、早いもので約一ヶ月半が経ちました。 Uターンを数年前から検討していたのですが、実際にUターンしたのは…
アプリGoogleマップアプリのスワイプパネルを再現する「rn-swipeable-panel」を紹介
Googleマップアプリを起動するとスクリーン下部にスワイプパネルの存在に気づく。ここには、対象エリアのスポット情報を案内されている。おもにグルメ種がカテゴライズされていて、パネル内の操作で事足りる場合もある。 このよう…
Web制作[React]ドラッグ&ドロップのファイルアップロードを簡単実装！「react-dropzone」の紹介
ファイルアップロードUI設計のややこしさときたら…。<input type=”file” />で済むのなら、なんと明快なことか。そういう覚えはないだろうか。 <input type=”file” />だけであ…
ライフ経営知識・経験が無いなら「教科書」から学び・実践してみる
はじめまして、プロジェクトマネージャの遠藤です。 もっぱら、予算、原価、利益と会社の「売上計画」を達成する為の活動が主な仕事で、肩書きはプロジェクトマネージャではありますが、管理業務はほとんどエンジニアに頼りっきりの毎日…
Web制作遅ればせながらAtomからVSCodeに乗り換えました。移行手順について
マークアップエンジニアにおいてエディタは、もっとも身近なツールのひとつで、あなたもきっと日頃使い慣れたエディタでコーディングをしていることだろう。わたしはAtom editorが主ツールでいかなるシーンにおいても活用して…
Web制作map,areaタグのイメージマップを生成するWebツール
ごく稀に画像の特定エリアにリンク領域を設定しなければならない要件に遭遇する。いわゆるイメージマップのことで、単純な領域ならばデザインソフトで調べることもできるが、多角形ともなると一つひとつ座標を求めなければならず、とても…
Web制作Reactアプリ用に再設計されたUIフレームワーク「react-bootstrap」を紹介
UIフレームワークの「Material-UI」は、Material Designを踏襲したReactコンポーネントであるが、Webアプリ全般における「Bootstrap」の知名度や実績には遠く及ばない。github st…
Web制作Reactアプリのフォーム実装を楽にするライブラリ「Formik」の使い方
Webアプリにおいてフォーム機能は不可欠で、もっとも身近なものにログインフォームやお問い合わせフォームなどがある。これらはユーザインタフェースに該当するもので、Webアプリとユーザー間で情報のやり取りするために用いられる…
Web制作Webサイトのコーディングに役立つWebツール8選
道具や工具は、なにかの作業をするとき補助的役割をしてくれる。たとえばハンマーであれば、釘を打ったり打ち砕いたりの作業に欠かせない。ノコギリであれば、木材を切断するために活躍する。これらをITの用語ではユーティリティやソフ…
