遅ればせながらAtomからVSCodeに乗り換えました。移行手順について
マークアップエンジニアにおいてエディタは、もっとも身近なツールのひとつで、あなたもきっと日頃使い慣れたエディタでコーディングをしていることだろう。わたしはAtom editorが主ツールでいかなるシーンにおいても活用して…
Web制作Web制作Web制作
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…
アプリReact Navigationで特定のスクリーンだけモーダルにするルーティング設定
ルーティングライブラリ「React Navigation」のcreateStackNavigator()の画面遷移は、iOS,Androidともに標準トランジションが発生する。スクリーンが右からスライドして重なる具合のも…
アプリReact Nativeで要素を上下左右に中央寄せする方法
React Nativeアプリのマークアップにおいても、要素を上下左右に中央寄せにする場合、もちろんスタイルシートによって配置する。この点はWebアプリと変わらない。 しかしReact Nativeのスタイル適用の特徴は…
アプリReact NativeでWebViewを使わずHTMLをレンダリングする「react-native-render-html」の紹介
React Nativeアプリ開発でinnerHTML風な対応が要求された。APIの返り値にHTMLタグが含まれているデータをレンダリングするというものだ。 賢明なあなたにおかれては、<WebView/>を使えばい…
