nuxt.js(v2) meta情報を1つのjsonに集約、各ページに反映されるようにする

この記事では、 nuxt.js(v2)でSEOに必要なmeta(OGP)で入力漏れの事故をなくす で紹介されていた、metaまわりの実装をスッキリさせる方法を元にmeta情報を一箇所で管理する方法をまとめます。 予め、この記事のもと設定が終わっている条件とします。 実現すること meta情報の一覧性を高めるため、メタ情報を一箇所で管理できるようにする 各ページでmeta情報を定義するのをやめて、す […]

Flutter iOS dark modeが設定された環境では起動画面を黒くする

この記事ではFlutterで作成するiOSアプリの起動画面を、ダークモード設定がされていた端末の場合は黒色で表示する方法についてまとめます。 方法 LaunchScreen.storyboardの背景色の設定を、 System Background Color に設定しておくことで、 通常時 ダークモード設定時 白(ホワイト) 黒(ブラック) 自動的に色が設定されます。 手順 1. XCodeを開 […]

Flutter iOS 幅320px端末で status barを隠す

この記事では、Flutterで端末の表示幅が320px場合に、status bar を隠す方法についてまとめます。 アプリ開発をしていて、iPhone SEサイズの場合に表示領域が足りなくなり、ステータスバーを隠すことで、領域を増やす対応をしたい場合があったので実装しました。 実装方法 実現するために、画面のサイズを取得する処理と、ステータスバーを非表示にする処理が必要になります。 1. ステータ […]

SQL レコードをコピーする

この記事では、データベースのレコードを複製する形で新規のレコードを追加する方法についてまとめます。 紹介する方法により、すでにあるレコードのもとにし、一部を編集調整し新規レコードとして登録することができます。 条件 実現する条件として、 id 列カラムが100であるレコードを複製 data 列カラムの値を、abcdefg に変更 という流れで、新規レコードの完成させます。 作業データベース、テーブ […]