Honmushi blog

新着記事

「AdMob は app-ads.txt のサポートを開始します」というメールがAdmobから届いたので対応する

2019/08/08

2019年8月8日にGoogle Admobから以下のメールが届きました。 ざっくり言うと「app-ads.txt」が導入されるので、不正な利用を防御するために設定するといいですよとのこと。 対応しなくてもすぐに広告が停止されることはなさそうですが、念の為やっておきました 結論…

Emmet-vimでReactNative用のsnippetを作成

2019/08/01

React Nativeでは表示についてcssに似た記法の「Style」で指定することが出来ます。 しかし、ReactNativeのStyleはキャメルケースで記述しないといけません。 例えば以下のようになります。 これ書くのがいつも面倒だったので、なんとか出来ないかやってみま…

スマホアプリ開発でFirestoreを使ってみる

2019/07/31

最近React NativeとExpoを利用してスマホアプリを作っています。 いくつかAndroidで公開もしているので興味があれば こちらからどうぞ 。 そのなかでもいくつかのアプリについてはFirebaseをバックエンドとして利用しました。 Firebaseは認証やDB、ス…

React Nativeでスマホアプリを作成しました

2019/07/24

React Nativeの勉強を兼ねて、いくつかアプリを作成しました。 気になるものがあったらダウンロードしてみてください。よろしくお願いします。 どれもまだAndroidのみなのですが、ゆくゆくはiOSにも対応させる予定です。 クロスプラットフォームで開発できるReact N…

GatsbyのServiceWorkerを削除する

2019/07/22

このサイトはReactとGatsbyを使って作成しています。 GatsbyStarterでよさそうなものを選んで初めたのですが、サイトの更新がすぐに反映されないことに困っていました。 ズバリ、ServiceWorkerが動いているため、ブラウザのキャッシュを使ってサイトを表示し…

Expoクライアントアプリで「Building Javascript bundle」が動作しなくなったときの解決法

2019/07/19

ExpoとReactNativeを使ってアプリを作成しているときに発生した問題の解決方法です。 私はスマホ端末にExpoのクライアントアプリをインストールして、実機による確認を行いながら開発しています。 Expo クライアントアプリ Android 今回はExpoのホットリロ…

Expoで64bitビルドができるようになった

2019/07/17

以前の記事でGoogle Play Consoleにて、警告が出るという話をしていました。 ExpoでビルドしたアプリをGoogle Play Consoleにアップすると警告「Android App Bundleの利用」と「64bitビルド」 「8月1日からは64bitデバイ…

Expoで端末のGPSを利用して緯度・経度を取得する

2019/07/12

Expoを利用して作成したスマホアプリで、端末のGPSを利用した処理を実装しました。その手順をメモしておきます。 とても簡単でした。Expo便利です。 ストアにアップする際の権限周りの設定についても記載しています。 概要 必要なモジュールをインポート 端末から権限を取得して位置…

React Navigationで画面遷移時に処理を実行する

2019/07/12

Expoでアプリを作ってますが、ReactNavigationの利用時に難しかったことをメモしておきます。 マウント時でも更新時でもなく、フォーカス時に処理を行いたいというものです。 結論「‘didFocus’ event listener」を使ってイベントリスナーを登録するこ…

Expoを利用したアプリでFirebaseを導入する方法

2019/07/04

Firebaseの機能をスマホアプリで利用したかったので、Expoを使った実装で試してみました。 特に難しい点はなく簡単に出来ます。以下手順を記載しています。 概要 Firebaseの準備 npmで「firebase」をインストール 「firebase」をインクルード Fire…

ExpoでビルドしたアプリをGoogle Play Consoleにアップすると警告「Android App Bundleの利用」と「64bitビルド」

2019/06/29

先日ReactNative + expo で作成したアプリをExpoでビルドしてアップロードしたのですが、アップロード後に警告が出ていました。 2つ警告が出ており、どちらもアプリのビルドに関する内容です。 これらは無視しても先に進むことが出来ます。しかし内容のメッセージから察す…

しゃがんでデザインを見る『デザインの知恵』

2019/06/24

問題を解決するデザインというよりは、情報デザイン・社会のデザインに関する内容の本です。 考え方や概念についてのスケッチが書かれており、体型的に理解することが出来ます。 芸術と科学を比較しつつ、その学びや意味を考えているような本です。著者はデザイン系の学校の教授のようで、デザイン…

問題の根源を考えること『誰のためのデザイン？』

2019/06/21

UIデザインの観点で良くオススメとして挙げられる本です。近所の図書館でたまたま見つけたので読んでみました。 思っていたよりも本が厚く、内容は盛り沢山。読むのに体力を結構使います、452ページあるので。 その分学びも多く、UIデザイン/UXデザインの概念・目指すべきことがわかりま…

お手軽で快適なサーバレス開発『Firebase入門』

2019/06/14

Googleが提供するFirebaseに関する解説書です。 バックエンドの処理をサーバを用意せずクラウドで行うことができるサービスです。データベースや関数実行、ログイン機能などが利用できます。いわゆるサーバーレスアーキテクチャってやつです。 Firebaseには無料で使える枠も…

create-react-appを使ったReactアプリの作り方とNext.jsへの期待

2019/06/13

Reactでアプリケーションを作る場合「create-react-app」を利用することで、簡単に環境を用意することができるのでオススメです。 今回は「create-react-app」に関する説明と使い方、さらにこれから使ってみようと考えている「Next.js」についての情報…

Reactの基本構成を学ぶ『Reactビギナーズガイド』

2019/06/11

オライリーのReact入門書です。 Gtasbyで作成しているこのサイトももちろんですが、私はいくつかReactを使った構築をしています。 いつもディレクトリ構造やクラスの内部設計について、スタンダードな作り方がわからなくて困っていましたので手にとって見た本です。 ビギナーズガ…

レイアウトの基本が学べる本『知りたいレイアウトデザイン』

2019/06/10

レイアウトデザインの基礎を学ぶことが出来る本です。 基礎的な知識の部分を厚く説明しており、1から学ぶような人におすすめしたい内容でした。 すでにある程度できる人にとっては、得られるものは少ないかもしれません。 デザイン全体というよりはレイアウトに集中した内容です。フォントのこと…

AdSenseの「要注意 - ads.txtファイルが含まれていないサイトがあります。」への対応

2019/06/07

数日前からAdSenseの管理画面に以下の表示が出るようになりました。 今回はこの表示について、原因と内容の理解、解決方法について情報を書いておきます。同じような表示が出ている人は多いと思いますので、対応の際の参考になればと思います。 要注意とか今すぐ修正とか書いてあるので何事…

覚えておきたい口癖『ITリーダーが確実にファシリテーションを身につける本』

2019/06/07

ファシリテーションに関する本です。 ITを牽引するリーダーやマネージャーが会議などの場でファシリテーションを行う上でのコツやテクニックを紹介しています。他にもファシリテーションの基本や、それを利用したチームでの取り組み方なども紹介されています。リーダーとして周りのメンバーを巻き…

新しい時代のUI/UX『融けるデザイン』

2019/06/06

インターフェイスのデザインや効果について考察している本です。 ハード・ソフト・インターネットの重ね合わせで変化していく現代において、UIデザインの領域や意味は大きくなっています。 この時代に沿った新しい設計論や情報を紹介している本でした。 UI/UXに興味がある人にはとても興味…

HOMEPROFILEPRIVACY POLICY