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コンポーネントだといえる…
アプリ
[React Native] フォントサイズが異なる文字列を下揃えする方法
Flexboxは、Webサイトにおけるコーディングではおなじみのレイアウトモデルで、縦軸や横軸の単一軸に整列させるものだ。React Nativeのレイアウトでも、Flexbox概念を用いて成形する。 そしてレイアウト用…
アプリ
[React Native] 吹き出しUIの作り方とコーディングサンプル
Webアプリで吹き出しUIをコーディングするには、CSSの疑似要素を工夫して三角形を形成する。ところがReact Nativeでは疑似要素をサポートしていない。というのもReact Nativeのスタイルの適用方法は、オ…
Web制作
スクロールしてフェードインさせる！表示領域の侵入を判定する方法
縦長サイトはスクロール量が大変多い。目的のエリアに到達するまでに相当量スクロールしなければならないサイトもあるほどだ。ユーザーにとっては、わずらわしく非常にストレスのかかる行動であることは間違いない。 スクロールしている…
テクノロジー
Dockerでvimを使う方法（Python有効化も）
オンプレのサーバにVimをインストールする際に、ビルド手順（主にconfigure内容）を忘れてググることが多いので自分の備忘録として残したいと思います。 また、一口にVimと言ってもVim8、NeoVimをyumやらa…
アプリ
React Nativeの認証フローを考える
React Nativeのアプリ開発やReactのSPA開発において認証フローは、クオリティを左右する重要な要素であることは間違いない。 実際、検索結果には、認証フローに言及した記事や質問が投稿されていて関心の高さが伺え…
