Posts

YouTubeアプリからピクチャインピクチャする方法(非プレミアム会員)の画像

YouTubeアプリからピクチャインピクチャする方法(非プレミアム会員)

10/12/2020

iOS 14から動画を常に最前面で再生できるピクチャインピクチャ(PiP)が追加されました。今回はYouTubeの非プレミアムでもピクチャインピクチャする方法を紹介します。

iOS 14で追加されたIDFA取得とAdMobの対応方法の画像

iOS 14で追加されたIDFA取得とAdMobの対応方法

8/19/2020

iOS 14からIDFAを利用するにはユーザの許可を得る必要があります。IDFA利用許可を得る方法とSKAdNetworkItemsに対応したGoogle Mobile Ads SDKを利用して広告を表示する方法を紹介します。

AnalyticsとSearch Consoleの連携でサイトが表示されないの画像

AnalyticsとSearch Consoleの連携でサイトが表示されない

4/12/2020

Search Consoleにドメインのプロパティを設定しているのにAnalytics側からサイトが表示されない問題の対応方法を紹介します。Search Console側でURLプレフィックスを登録する必要があります。

Next.jsのUncaught (in promise) TypeError: Cannot read property 'tagName' of nullへの対応の画像

Next.jsのUncaught (in promise) TypeError: Cannot read property 'tagName' of nullへの対応

4/5/2020

このサイトはNext.jsで作られているのですが、Uncaught (in promise) TypeError: Cannot read property 'tagName' of nullというエラーに悩まされていました。原因はheadタグにかかれているscriptがbodyタグ描画前に発火していることでした。

Next.js製WebサイトのPWA対応の画像

Next.js製WebサイトのPWA対応

4/5/2020

Next.jsで作ったWebサイトをPWA(Progressive Web Apps)対応します。PWA対応するとユーザがインストールすればそのサイトはインターネット環境がなくてもみれようになります。next-offlineというモジュールを使うと簡単に実装することができます。

ブランチ名に@マークがあるとZeit NowのGithub連携Deployに失敗するの画像

ブランチ名に@マークがあるとZeit NowのGithub連携Deployに失敗する

4/5/2020

Zeit NowとGithubを連携させるとGithubにレポジトリをPushするだけでBuildしてくれてDelployしてくれます。しかしブランチ名に@developのように@マークがあるとGithub連携でのDeployが失敗します。

UIkitを自分でビルドするの画像

UIkitを自分でビルドする

4/1/2020

UIkitを必要なCSS/JavaScriptだけを読み込んでビルドするとサイズが小さくなり読み込み速度の向上が期待できます。標準では263KBあるuikit.min.cssがこのサイトでは121KBまで縮小できています。

Products

SwiftUIへの道のスクリーンショット

SwiftUIへの道

SwiftUIへの道ではSwiftUIを使って実現できることをコードと画像で紹介しています。
はじめてアプリを作る人からちょっとできるひとまで幅広く使えるようなサイトを目指しています。

WebP Converter.のスクリーンショット

WebP Converter.

PNG, JPG, GIF等様々な画像をWebPに変換できるmacOSアプリです。
変換処理はすべてローカルで行われるのでセキュアです。

IP Address Bookmark.のスクリーンショット

IP Address Bookmark.

取得してるIPアドレスを表示、記録できるアプリです。
位置情報とともに保存できるので旅行の記録としても最適です。

ToDo Kanban.のスクリーンショット

ToDo Kanban.

ToDoをKanbanで管理できるiOSアプリです。
活動履歴のグラフ表示、 iCloudを利用したデバイス間データ共有、ダークモードに対応しています。

About

@SoNiceInfo - 趣味で開発しています。