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の用語ではユーティリティやソフ…
お知らせ/募集「指さしナビ」がTVに出ました！
2019年11月18日に放送されましたTBS様の「 アイアム冒険少年」の番組内で、弊社「指さしナビ」を使用していただきました。 おかげさまで「指さしナビ」配信から9年がたった今 放送直後と言う事もありAppストア「ナビゲ…
Web制作yeomanとお別れするときがやってきた！静的Webサイトジェネレーター「Spike」入門
わたしはつい今までyeomanのジェネレーターを用いて静的サイトコーディングに取り組んでいた。yeomanは、cliによる操作ひとつでHTML5 Boilerplateをはじめ、Sass、Bootstrap、Modern…
