IT専門家以外の人と話す時の資料の書き方

目的 「業務部門と仕様のすり合わせをする」「上長から承認をもらう」など、IT専門ではない人たちと会話する際に、あまり労力をかけずにスムーズに認識を合わせたいものです。 そこで、個人的に気を付けていることをここにまとめます。 設定 抽象的な話をし…

【Flutter】firestore-ios-sdk-frameworksとFirebase各種ライブラリのバージョン対応表

背景 FlutterのCI環境を構築する際に、Firebase Firestoreを導入しているとpod installが異様に時間がかかってしまう問題がある。 この件は、firestore-ios-sdk-frameworksを導入することで解消することができる。 その手順は下記リンクが参考になる。 iOSビ…

Flutter/Androidで動画再生時に発生する「format_supported=NO_EXCEEDS_CAPABILITIES」エラーの解決方法

こんにちは。 FlutterやAndroidの開発で動画を再生する際に、上記のエラーに遭遇したので、解決方法を記載しておきます。 エラーの詳細は下記のようなものです。 com.google.android.exoplayer2.ExoPlaybackException: MediaCodecVideoRenderer error, index…

Firestoreのクラス関係を図で整理

FirestoreのSDKを使っていると、Collection/Document/QuerySnapshot/DocumentSnapshot、、、、、などなどなど、用語が多すぎてわけわからないことになるので整理しました。 基本的なデータモデルの話はこちらをご覧ください。 https://firebase.google.com/d…

【Flutter】flutter_screenutilを使ってデザイン時から複数のアスペクト比に対応する画面設計

flutter_screenutilについて pub.dev スクリーンサイズが異なる端末でも、Widgetのサイズの比率を一定に保って表示してくれるパッケージです。 例えば下図のような2つのスクリーンサイズが異なる端末があるとします。 iPhone14上で、横を211(スクリーン横の1…

【Flutter】モバイル端末の画面サイズとアスペクト比について

画面サイズのアスペクト比別分類 こらちのサイトにて、よく使われる端末の画面サイズを調査し図示してみました。 分かること 国内ではアスペクト比9:19.5と9:16がよく利用されている 世界ではアスペクト比9:20がよく利用されている 一部には9:21と非常に縦長…

【Flutter】TabウィジェットでTabBarに画像を使用する

やりたいこと 図のように、画像データをタブに使用して、活性・非活性を切り替える。 タブ アイコンやテキストを使う場合は、下記を参考に作成できるが、凝った画像データでタブの切り替えを表現しようとするとひと工夫必要となる。 docs.flutter.dev 気を付…

Flutterでリリースビルドでapkファイルを取得する

こちらを参照 docs.flutter.dev CPUアーキテクチャごとにapkを分けて生成 flutter build apk --split-per-abi 全環境まとめて flutter build apk

パターン別にProviderがキャッシュを使うかどうかを調査した

目的 Riverpodが提供するProviderは、値をキャッシュしてbuildのたびに処理が動かないようにしてくれている。 FutureProviderでWebAPIをコールする処理がbuildの度に実行されないのは便利だ。 しかし、キャッシュを使いたくないと思っていたのに使われていた…

How To Mock a Node Module Which Provides Function using Jest

//app.js (This is a target of testing.) const moduleA = require("./moduleA.js")(); module.exports = (()=>{ console.log(moduleA.showValue()); moduleA.add(10); console.log(moduleA.showValue()); })(); //moduleA.js (External library like a web…

Lambda関数からLambda関数を呼び出す方法

AWS

やりたいこと とあるLambda関数Aから別のLambda関数Bを呼び出して、 関数Bの処理が終わったら関数Aの処理にもどるような仕組みをつくりたい。 環境 AWS SDK for JavaScript v3 Node.js 18 ソースコード Lambda関数 test_method_A この関数には、事前に「lamb…

Watch OSアプリと連携するFlutterアプリの作り方

Flutterアプリ側でボタンを押すと、Watch OSアプリ側のカウンターが増加するアプリを作成します。 ソースコードはこちら。 github.com Flutterアプリ制作・バグ修正承ります! coconala.com 実行用シミュレーターの準備 Xcode->Window->Devices and Simulato…

シングルページWebアプリの挙動を図で解説

シングルページアプリケーションは下図のような構成をとることが多い。 この構成の場合は、各サーバーの役割は、こうなる。 Webサーバー 静的なファイル置き場 APIサーバー HTTPのアクセスを受け付ける リクエストを分析して適切な処理を動かす レスポンスを…

テンプレアプリでFlutter開発をスムーズに

Flutterでアプリを作成する際、アプリが持つべき機能や構造を何度も実装するのはとても無駄なことですね。AndroidStudioでFlutterプロジェクトを作成すると、カウンターアプリが生成されますが、欲しいコードが全然実装されてません。そこで、よく使うコード…

Todoアプリ(Android) - 重要タスク機能の追加 -

課題 こちらで開発したTodoアプリに追加開発をしましょう。 重要なタスクが一目で区別できるように、タスク一覧に「!」マークを表示する。 画面イメージ 仕様 ・重要フラグの設定 タスクの追加ダイアログに、チェックボックスを追加する。 チェックボックス…

設計・実装演習(Android・Java)

Androidアプリ課題 問1 noifuji.hateblo.jp 問2 noifuji.hateblo.jp

データベースIsarでユニットテストをするとき、「Invalid argument(s): Failed to load dynamic library (126)」と出る件の解消方法。

実行環境の想定 Windows 10 64bit Android StudioユニットテストをWindows上で実行するには、Windows用のdllが必要になるが、 本エラーメッセージは、そのdllを読み込めないよと言ってるようだ。手順1:下記のリンクから使用中のIsarのバージョンにあったdll…

Todoアプリ(Android)

課題 タスク管理を行うアプリをつくってみましょう。 画面イメージ 画面イメージ 仕様 【Todoリストとは】 忘れたくないタスクを登録しておくためのアプリです。実装する機能は、タスクの一覧表示、タスクの登録、タスクの削除です。 【実装する機能】 ・タ…

Chromecast with Google TVでテレビ会議システム

パソコン画面のキャストや動画サービスの視聴に大変便利なChromecastですが、 今回はテレビ会議システム的に活用する方法についてご紹介します。ただし、裏技的使い方のような気がするので、トライする場合は自己責任でお願いします。ちなみにこちらの動画を…

演習問題 〇✕ゲーム

問題 動作例 ABC 1・・・ 2・・・ 3・・・ 〇を置く位置を入力してください。[A-C][1-3]>B2 ABC 1・・✕ 2・〇・ 3・・・ 〇を置く位置を入力してください。[A-C][1-3]>C2 ABC 1✕・✕ 2・〇〇 3・・・ 〇を置く位置を入力してください。[A-C…

演習問題 数とりゲーム

問題 動作例 先に20を宣言したら負けです。 ()内から数字を選択して入力してください。 あなた (1,2,3) >2 COM (3,4,5) >5 あなた (6,7,8) >8 COM (9,10,11) >10 あなた (11,12,13) >12 COM (13,14,15) >15 あなた (16,17,18) >17 COM (18,19,20) >19 あなた…

演習問題 Todoアプリ

問題 動作例 >show id タスク 1 掃除する 2 買い物する >add 宿題する >show id タスク 1 掃除する 2 買い物する 3 宿題する >delete 2 >show id タスク 1 掃除する 3 宿題する 仕様 ・Todoリストとは 忘れたくないタスクを登録しておくためのアプリです。実…

演習問題 券売機システム

問題 動作例 商品 金額 1.特製ラーメン 1000円 2.醤油ラーメン 780円 3.しおラーメン 880円 4.ごはん 150円 購入する商品番号(支払いに進む場合はc)>3 購入する商品番号(支払いに進む場合はc)>4 購入する商品番号(支払いに進む場合はc)>c 商品 数量 3.しおラ…

演習問題 クイズゲーム

問題 下記のようにクイズを出題してください。 [問題1] パンはパンでも食べられないパンは? 1.食パン 2.あんパン 3.フライパン こたえを入力してください> ユーザーが答えを入力したら次の問題を出力してください。 1-3以外の入力があった場合は下記のエラー…

設計・実装演習(Java)

こちらのコンテンツは専用ページに移行しました training.ezway.link Java コンソールプログラム課題 問1 noifuji.hateblo.jp 問2 noifuji.hateblo.jp 問3 noifuji.hateblo.jp 問4 noifuji.hateblo.jp 問5 noifuji.hateblo.jp 問6 noifuji.hateblo.jp

演習問題 じゃんけんゲーム

問題 ・下記のように表示して、ユーザーの入力を受け付けてください。 1.グー 2.チョキ 3.パー あなたの手を選択してください。>・下記のように勝敗の結果を表示してください。 あなたの手:グー 相手の手:パー 結果:あなたの負け・結果を表示したらプログラ…

SequelizeでAssociationを設定する

AWS

ローカルでのアプリ作成 プロジェクト作成 npm init -ypackage.jsonのscriptsの中に下記の行を追加してください。 "start": "node index.js", 必要なライブラリをインストール npm i mysql2 dotenv sequelize --savenpm i sequelize-cli -D. MySQLの設定 mys…

Node.js+Express+MySQL+AWS Elastic Beanstalkでhello world

AWS

アプリについて ローカルでのアプリ作成 プロジェクト作成 MySQLの設定 sequelizeの設定 環境変数の設定 テーブルの構築 index.jsの作成 Beanstalkへのデプロイ Beanstalk環境構築 RDSの設定 Nodejsアプリをzip化してアップロード アプリについて MySQLから…

【Cloud9】Cloud9でJavaのアプリを作成する

AWS

環境をひらいたら まずこの画像のような画面が表示されると思います。 画面左側にファイルツリー 画面下側にコンソールがあります コンソールではLinuxのコマンドが使えます フォルダを作る JavaTrainingというフォルダをつくってみましょう。 まず、ファイ…

クラスについて

クラスを使う理由 Javaに導入されている思想であるオブジェクト指向の1つの要素だから、 オブジェクト指向については下記参照 qiita.com クラスの書き方 ある点の座標を表すPointクラスの例 class Point { //1.メンバ変数 private int x; private int y; //3…