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/>を使えばい…
テクノロジーDockerでKaggle環境を構築して機械学習に入門してみる
案件で機械学習の知識が必要になりましたのでDockerで環境を構築し、試してみようと思います。 以下の手順で進めます。 Dockerでの環境構築 Kaggleから訓練データ、テストデータをダウンロード データの整形 予測…
Web制作国際宇宙ステーションの飛行位置を得ることができるAPI「ISS Location Now」の使い方
国際宇宙ステーションは地上400km上空を飛行する有人施設であることは周知のことだが、秒速約7.7km（時速約27,700km）ものスピードで飛行を続けていて、地球1周を約90分で周りきるとのことだ。驚異のスピードで想像…
アプリReact Nativeで横スライドするページの作り方
React NativeのルーターライブラリのReact Navigationやreact-native-router-fluxを使えば、ページ遷移を再現することができる。またタブ切り替えだったり、スタック式に積み重ねる…
アプリReact Native + Chart.jsでアプリ画面にレーダーチャートを表示する
React Nativeにおいてもグラフ描画ライブラリはいくつか存在するが、必ずしも要求する図表モードがなかったり、グラフのUIが要件に沿わなかったり、と障害に遭遇する。あなたも「Webアプリならば、あれを使うのに！」と…
Web制作React hooksのuseStateにコールバックをセットするには
React 16.8でReact hooksが導入されて久しい。 いまとなってはステートレスコンポーネントがReactコンポーネント作成のデファクトスタンダードになっている。すでにいくつかのクラスコンポーネントのライフサ…
Web制作アンカーリンクの遷移先が隠れる…。追従ヘッダーの重なりを回避するCSS
サイト制作で縦長デザインを採用するとき、動線の確保を配慮しなければならない。スクロールすることで現在地を見失い、迷子になることが考えられる。いまどこにいて何を閲覧しているか分からなくなるというものだ。 そのような対策のひ…
アプリNativeBaseのDatePickerコンポーネントの日付表記をフォーマットする方法
React Nativeによるアプリ開発において、UIコンポーネントの導入は珍しいものではない。むしろポピュラーとまで感じるほどではないだろうか。なかでもNativeBaseが、もっとも高名なUIコンポーネントだといえる…
