Sweet Brissie life

ブリスベンでのサトウキビ博士研究生活の甘くない備忘録

Programming

React Native+Expo ~ 写真の複数選択はMediaLibraryで!

それはそれは長いこと放置してしまったアプリ開発。 tkd708.hatenablog.com 放置するきっかけは、写真の複数選択がImagePickerでできないために行き詰ってしまったことでした。 ReactNativeでカメラロールから写真を複数枚選択する処理の実装 - production.l…

パーソナルサイト作ってもフルネームでも検索上位に来ない件

SEOって大変なんだな、て話。 フルネームで検索しても、同姓同名の人が出てきたり、自分のLinkedInやResearchGateやらのプロファイルページの方が上位に出てきてしまう。 せっかく自分のパーソナルサイト作ったのに彼らにSEOで勝てない笑 やっぱ地道にコンテ…

アプリ開発 第二弾!(ただの宣言)

今回も例の如く React Native + Expo。 ちょうど友人からBare Workflowなる存在を聞いた。 qiita.com Bare Workflow Walkthrough - Expo Documentation Supported Expo SDK APIs - Expo Documentation これまでのManagedとガチ脱Expoの間くらいで、それほど…

Gatsbyでパーソナルサイト

The Great Gatsbyではなく、静的サイトジェネレーターのほうの。 "Gatsby is a React-based, GraphQL powered, static site generator." https://www.gatsbyjs.org とな。 それにNetlifyなるホスティングサービスを組み合わせることで、簡単にウェブページが…

React Native + Expo アプリ開発・プログラミングを振り返って

React Native + Expoでのアプリ開発をようやく初めて公開までこぎつけたので、記録アプリ開発の反省に加えて、これを節目としてこれまでのアプリ開発・プログラミング全体を振り返っておきたいと思います。 Life Report Naoya Takeda Lifestyle Free apps.ap…

React Native + Expo - WindowsでアプリビルドからAppストア申請まで!【2020年3月時点】

ついについに、もう長いこと取り掛かってきたReact Native + Expoでのアプリ作成の第一号をAppストアに申請しました。 アプリ作成自体にも苦戦し続けてきたわけですが、とりあえずできた!というところからストアに置くまでの手順もなかなか手強かったです..…

React Native + Expo 記録アプリ⑤ FileSystem & Sharing for csv export

さて、このシリーズもアプリの実装紹介としては最後になります。 エクスポート、こんな感じのアレです。データベースをcsvで他のメディアに投げます。 もtもと費やしたお金と時間を全部記録して可視化するアプリがほしい!という動機で作り始めたはいいもの…

React Native + Expo 記録アプリ④ react-native-chart-kit

React Native + Expo 記録アプリ開発の記事、どんどんいきます。 本記事は記録アプリの中心的機能の一つ、react-native-chart-kitによるグラフ化です。 こちら、このシリーズ記事の第一弾で既に触れているのですが、あんまり深められず...むしろ限界を感じる…

React Native + Expo 記録アプリ③ React Navigation v5

引き続き、React Native + Expoによる記録アプリ開発での実装例紹介 。 今回はReact Navigation (v5) のお話です。Stack, Bottom tab, Drawerなど、基本的なUIとして非常に多くのアプリで取り入れられているはず。 reactnavigation.org 本記事のコードのjsフ…

React Native + Expo 記録アプリ② Hooks導入

ご無沙汰してます、React Native記事です。 下記記事の続き、ということで、②となってます。え?もう4か月?嘘でしょ? tkd708.hatenablog.com 今回は自分のアプリでもHooksを導入してみたよ、という事例だけの話。 敢えて言及するのもUnstatedも相変わらず…

gitに苦戦するのは今年までにしたい

プログラミング初心者よろしくGit/Githubの扱いに苦戦してる。 React Nativeからはやや遠ざかり、ちょっと手を出してみていたのがGatsbyそしてDeployのためのNetlify。下記参照。 Gatsbyで簡単にブログを作成 - Qiita で、とりあえずGatsby側から選んだスタ…

React Native + Expo 記録アプリ① expo-sqlite + react-native-chart-kit

ところどころ詰まるたびに疎遠になってなかなか進まなかった記録アプリ...ようやくやってみたかったことがある程度できたので記事にまとめることに。 が、これまた実装しようと思っていることをやりきるにはまだしばらく時間かかりそうだし記事も長大になり…

Rでxmlをいじる...XML & xml2パッケージ

またまたささやかな技術的な話。 研究で使ってる作物モデルのプログラム(APSIM)だけれど、そのGUIは残念ながらパラメータ推定とか大規模なシナリオ分析には向かないので、自分の場合は使い慣れているRでのスクリプト上にプログラムの実行やインプットの書…

{React Native} 単語帳アプリ GoogleAPI + unstated + AsyncStorage

React Nativeに手を出してから既に2か月ほど。とりあえずいろんな機能のチュートリアルを試してみたけれど、ようやくそれらを参考に単語帳アプリを自分で作ってみた。 ざっくりこんな感じ。 Language app demo まだまだコードの書き方が拙いし(しかも参考…

React Nativeどハマり

すっかりブログ更新が滞ってしまった。 やはり一つの記事にそんな時間かけずに軽いのを高頻度で出していきたい。 さて、ここ2週間くらいは特にプログラミングに傾倒してる。 そして今週はReact Nativeにどっぷり。Expoでの開発が割とスムーズで、実機テスト…

TypeError: Cannot read property XXX of undefined

Reactの勉強中にでてきたこのエラーメッセージとの奮闘記。勉強かねての投稿なので、理解が深まり次第更新予定です。 メッセージ自体の意味するところは、XXXというメソッド(?)を持つコンポーネント(?)がUndefinedですよ、てこと。 えぇ、そもそもこのメッセ…

React デプロイ成功!上位3%だぁ(?)

まず環境構築で7割が諦め、その先でコードをかけずに5割が諦め、更にデプロイで8割がつまづき諦める。 そんなことを友人がぼやいて褒めてくれました。単純計算でこの時点でかけだしプログラマーの上位3%ということになります。そんな具体的な割合の真偽はと…

Todoリスト...引っ越し先を見つける!

先週末に引っ越し先を求めて自転車でさまよっいた。 Brisbaneの中心街のちょい外側あたりは本当に坂が多い(Suburbの名前も、Spring HillとかHighgate Hillとか...うまく避けないと自転車通学大変)。 そんな中で川のカーブにせり出してるNew FarmというSuburb…

知りたいものを調べられるということ

毎回一つくらいは写真を載っけてこちらの様子を小出ししたいところ、もうちょっと積極的に見つけていこう。 今日は友人と観に行くはずだった Toy Story 4を絶妙なタイミングで昼寝かましてぶっちしてしまいました。ごめん。。。 昼寝以外はといえば、もっぱ…

7月に突入、React地道に続ける

この前のReact-routerの記事のシリーズを一つ一つ進めていく。 https://qiita.com/TsutomuNakamura/items/cb3b6109fb21730cd73f 一通りなぞれたけど、きちんと理解して使いこなすにはまだ時間かかりそう。 そしてこれまで見かけた中で応用例の記事として特に…

React Router

今日はReactも少し取り組めたので記録。 今回取り組んだのはこちらのSPAを作るための基本であるReact Routerを使ったチュートリアル記事。 https://qiita.com/TsutomuNakamura/items/34a7339a05bb5fd697f2 ちゃんと一つ一つのステップで何をやってどう変化さ…

最近朝寒くてリズム崩しがち

ブリスベン、来る前に想像してたより冷え込む。 日中は陽射しもあってそれほどだけれど、朝晩は冬っぽさを感じる(それでも東京の冬みたいなことにはならないだろうけどね)。 で、朝布団から出るのがつらい→オフィス行くの遅め→終了も遅め、というサイクルが…

レスポンシブ

今日はProgateのHTML&CSS復習。レスポンシブデザイン...css分けて、メディアクエリ設定して、デバイスごとにcss設定。Displayでnoneとblock使って隠したり表示したり。ざっくりポイントはそんなもんかな、ど基礎だろうけど。 寝たいけど3行でもいいから毎日…

JS開発環境

JSに取り組むのに、VScodeを使っている。RではR studioを使うのと同様だ。 JSの開発環境を整えよう、みたいなのはググれば溢れるほど出てくる。 https://qiita.com/C3REVE/items/273646ad028e98758e70 ただ困ったのは、ファイル上でconstでの指定が重複して…

JSもがんばってるぞい

毎日更新する、と意気込んだけどReactだけで毎日更新できるほどの進捗は残念ながらない。 そこで今日はJavaScriptの方を書き留めておこう。 WebやるならHTML&CSS、そしてJSは必須で、これらの基礎ができたうえでReactその他もろもろのJSライブラリ(フレー…

Reactがんばるぞい

最近友人の影響もあってプログラミングにはまってる(2019、5月末からと記録しておく)。 小さいWebサービス作ったり、クラウドソーシング受注てきなことで小遣い稼ぎしたい! あわよくば研究とかとも組み合わせたり、サイドプロジェクトから事業化したい! …