ブログ

【Flutter】Flutter で画像 URL をファイル形式に変換する

Flutterで画像URLをファイル形式に変換する方法を紹介します。

【Figma】オブジェクト内の比率を変えずに拡大・縮小する方法

オブジェクト内のパーツ1つ1つのバランスを維持した状態で拡大縮小する方法を紹介します。

SCSSでモンスターボールっぽいものを作ってたくさん背景に並べてみた

某人気ゲームに登場するアイテムをSCSSで作ってみました

【flutter】カーソル選択したWidgetの情報を見る方法

flutter開発をする際、UIが崩れてしまったけどどのWidgetが原因かわからない。。と思ったことはありませんか？今回はそんな時に使える"Widget Inspector"`を紹介します。

【Flutter】flutter webでmark downを表示する

flutter webでmark downファイルの表示方法を紹介します

【Flutter】ClipPathとCustomClipperを使用して既存のWidgetを切り抜く方法

ClipPathとCustomClipperを使用して既存のWidgetを切り抜く方法についてコードを用いてわかりやすく解説します。

【Flutter】ValueKeyとGlobalKeyの活用方法

ValueKeyとGlobalKeyを用いて、ウィジェットを効率的に識別し管理する方法を説明します。

【Flutter】get_itを使ってお気に入り機能を作ってみた！

get_itパッケージの利用で簡単にお気に入り機能を作成していきます

GASでAESにより暗号化された文字列を復号するマクロを作成する

AESで暗号化された文字列を、cCryptoJSによって復号する方法を紹介します。

【運用中のDBとうまく付き合うBFF開発】③ 複雑な条件分岐に宣言的プログラミングで立ち向かう

複雑な条件分岐を宣言的プログラミングで解決する開発の工夫と方法を解説します

【運用中のDBとうまく付き合うBFF開発】② passport-localを使った認証とハッシュソルトの実装

認証とハッシュソルトの実装を解説します

【運用中のDBとうまく付き合うBFF開発】① NestJSとPrismaで生SQLを使ってデータを取得する

生SQLを駆使してデータを取得するPrismaの活用方法を解説します

2024年の可茂IT塾未来予想図

2024年の可茂IT塾の未来予想図を語ります

Flutter × Shaderでクリスマスイブを祝おう！

flutter_shadersというパッケージを使用し、Flutterで美しいShaderを表示する方法を紹介します。

【GAS】 spreadSheetのデータを扱いやすいオブジェクトに変換する

GASを使う場合に、spreadSheetのデータを扱いやすいオブジェクトに変換するためのクラスを紹介する。

2023年キャリア教育のまとめ

今年は3校でのキャリア教育を行いました

Flutterで生体認証を実装する

Flutterで生体認証の実装方法について紹介します。生体認証をアプリに導入することで、認証が楽になることに加え、セキュリティーを強化したユーザー体験を提供できるようになります。

GASに環境変数を設定する方法

GASに環境変数を設定する方法があったのでそのメモ

GASを使ってChatGPTで返信するSlackBotの作り方（後編）

GASを使ってChatGPTで返信するSlackBotの作り方を解説していきます。今回は完成までやります。ChatGPTでスレッドに返信するようにします。

【Mac】csvファイルをvscodeで編集する

macでもエクセルを使わずにcsvファイルを編集する方法をご紹介します

GASを使ってChatGPTで返信するSlackBotの作り方（前編）

GASを使ってChatGPTで返信するSlackBotの作り方を解説していきます。今回はおうむ返しで返信してくれるSlackBotの作り方まで解説します。

【Flutter】スクロールでFloatingActionButtonのアニメーションをつける！

アプリによくある右下のボタンの表示をアニメーションで変更していきます。

FlutterのtextScaleFactorが非推奨になっていた件について

アプリ内の文字サイズ設定に使用するtextScaleFactorが非推奨になっていた件について

【Flutter】重なり合いのUIの作り方

タイトル画像のような、ちょっとずつ重なりあった状態の作り方を共有します！

2023年の可茂IT塾

2023年の可茂IT塾を振り返ります

【GAS】 bitFlyerのAPIを使って、現在の暗号資産の残高を取得する

GASでbitFlyerのAPIを使って、現在の暗号資産の残高を取得する方法を紹介します。

【VSCode】アクティビティバーの消し方

VSCodeの左側にあるアクティビティバーが目障りだと思っている方に向けて、僕がやっているおすすめの設定をご紹介します！

【Flutter】Riverpodのv2対応の公式ドキュメントでの気づきをまとめてみた

Flutterの状態管理パッケージであるRiverpodのv2対応のドキュメントが完成したようなので、一通り目を通して新たな気づきをまとめてみました。

アプリのDeep Links、Universal LinksとApp Linksの実装

URLを踏むと任意のアプリに遷移するDeep Links。いくつかの手法の中で、Universal LinksとApp Linksについて解説します。

【Flutter】APIKeyをenviedで隠す方法

flutterのプロジェクトでAPIを使うことがあると思います。ただ、APIはAPIKeyの機密性を保っていないと、第三者にAPIKeyを盗まれ、多額の支払いなどの危険性があります。その為、今回はenviedを使用した、APIKeyを隠す方法を紹介していきます。

ただコードを出すだけじゃない、chatGPTの使い方

開発をするにあたって、コードを提案してもらうのはよくある使い方だと思いますが、今回はそれ以外の使い方について、私が普段やっていることを書いてみます。

0からFlutter:文系エンジニアの挑戦

文系大学　→ 新卒SES入社　→ Flutterを使う自社開発企業に内定をもらう　Flutterエンジニアとして内定をいただくまでの道のりを紹介します。

パワポ『透かしテクニック』の紹介

このテクニックを使えば、聞き手にとってプレゼン内容のイメージが広がり伝わりやすくなります。

Twitter（X）のタイムラインをFlutterのアプリに埋め込んでみた

Twitter（X）のタイムラインをFlutterのアプリに埋めこむ実装について解説します

【LifeHack】Chromeのアカウントを指定して起動するショートカットを作る。

Chromeユーザーで仕事・学校とプライベートのアカウントを分けて使っている皆さんは、dockからアカウントを選択するのが面倒。右上のアカウントをいちいちクリックして変更するのが煩わしい。と思ったことはありませんか？今回はそんな些細な面倒ごとをショートカットで解決します。

【Flutter/Dart】SharedPreferencesの端末内保存データをAndroidStudioで確認する方法

SharedPreferencesのストレージ内に何が保存されているかを確認したいときみなさんはどうしてますか？私は以前までは、ログに出力させたりして確認していました。しかし、そんな面倒なことをしなくても、データを簡単に確認する方法がありましたのでご紹介します。

カリキュラムなし！学びたいことだけをプロと学べる『TechCampus』の詳細情報

カリキュラムなし！学びたいことだけをプロと学べる『TechCampus』の詳細情報！興味のある人はぜひコミュニティに参加ください！

8月開催のプログラミング体験講座の参加申込受付中！！

8月1,2日開催のプログラミング体験講座の参加申込が受付中！美濃加茂市主催で可茂IT塾の講師陣で開催します！

【Flutter】go_routerを使って簡単な画面遷移を実装する

go_routerを使って簡単な画面遷移を実装する方法を解説します。

【Flutter】Dio × Riverpod で不要になった通信処理をキャンセルする方法

DioとRiverpodを組み合わせて不要になった通信処理をキャンセルする方法についてコードを用いて分かりやすく解説します。

7/27(木)イベント開催のお知らせ「foo bar night v0.7.27」

「foo bar night v0.7.27」で、あなたのアイデアを形にしませんか？アプリ開発やVTuber体験も楽しめます！

【Flutter】AppBarをスケスケに！？

flutterのappbarを透過させてみました

簡単にデータにアクセス！？Singletonをふんわり理解する！

今回は、UnityのSingletonについてふんわりと理解していきましょう！！

ChatGPTにシェルスクリプトのコードを聞いてみた

iOSアプリでiPadのサポートを切る方法

iOSアプリでiPadのサポートを切る方法と、切った後のiPadのUIの変化について説明します

【石垣島】テザリングで仕事できるか！？大調査

ワーケーションで石垣島に来たので、通信速度とか調査します！

Retrofit使ってFlutterのAPI通信を実装する

Retrofit使ってFlutterのAPI通信を実装する方法を解説します。

Flutter webでFileをImageウィジェットとして表示する

Flutter WebではImage.file()が使えないため、別の方法で実装します！

【flutter】 Stateful,riverpod,flutter_hooksの３種類のDropdownButtonを比較する

flutterの状態管理にはStatefulWidgetを使う方法、riverpodを使う方法、flutter_hooksを使う方法の3つが主流かと思います。今回は3つの実装方法を比較し、どの実装方法が良いかを見ていきたいと思います。

Next.jsでアプリのデザインを一括管理する。

今回は、Next.jsで色やフォントサイズ、テキストスタイルなどのデザインをテーマファイルで一括管理していこうと思います。

【Flutter】評価バー(rating_bar)を実装する

Flutterで簡単に評価バーを実装する方法をご紹介します。

【Flutter】OrientationBuilderを使用して画面の向きにUIを対応させる

OrientationBuilderを使用して画面の向きにUIを対応させる方法を解説します。

Next.jsのエラー"Uncaught TypeError:cannot read properties of null (reading '0')"の原因

useStateを利用した際に良く分からないエラーが起こり解決するのに苦労したので書いてみました。

【Flutter】Google_ML_Kitで遊んでみた

Google_ML_Kitを用いた文字認識機能&GCPの文字翻訳を実装する記事です

PageViewを使ってFlutterで画像を複数の画面上で共通化する方法

PageViewを使って、Flutterで違和感なく背景画像を固定したまま画面遷移する方法の記事です。

【線型計画法】問題を線型計画法の問題に分離、数式化

線型計画法を使うことに向けて、問題の分離と制約の数式化方法を説明します。

FigmaでFlutter向きのアプリデザインを簡単に作成する方法

個人開発する時のデザイン案としてFigmaで作成することがあると思います。Flutterで開発しやすいデザインを簡単に作成できる方法を紹介したいと思います。

Next.jsでSWRとsupabaseを使ったデータ取得を試してみる

今回は、next.jsでsupabaseによるデータ取得を、swrとapiの機能を使って試してみたいと思います。

【GAS】 LINE BOTでuserIdごとにキャッシュ管理をする

LINE BOTで、Googleカレンダー予約システムを作ろうとしたら、キャッシュ管理でつまづいた

FlutterでDEBUGタグを削除する

Flutterでシミュレータや実機デバイスでビルドする時に画面右上にDEBUGタグがあると思います。今回の記事では、そのタグの削除の仕方について紹介します。

3月19日開催のアプリ開発講座の参加者募集中！！

3月19日にアプリ開発講座を開催します！会場は岐阜県美濃加茂市のコワーキングスペース「こやぁね」です。興味のある方は是非ご参加ください！

【経験談】可茂IT塾出身のFlutterエンジニアとしてフリーランスで３年間働いてみた

フリーランスのFlutterエンジニアとして働き始めて、もうすぐで3年が経ちます。その経験談を残してみようかなと思います。

【地域成長戦略1】面白い街を作っていきたい！

面白い街を作っていきたい！から始まった。東京を拠点に活動していた私が拠点を地元に移したきっかけの話です。

2023年の可茂IT塾未来予想図

2023年の可茂IT塾の未来予想図を語ります

iOSアプリをAppleのチームアカウントで実機ビルドするまでの最小限の手順

新メンバーが入った時にAppleのチームアカウントで実機ビルドするまでの最小限の手順をまとめました。

【Flutter】RSSでブログのまとめ機能を作ろう

フィード（RSS,ATOM）を使用してアプリ内にブログのまとめ機能をつくってみましょう

JavaScriptと比較したTypeScriptの使い方

TypeScript初級レベルです

Flutterでレビュー機能を実装

ストアにリリースしたアプリのレビューをアプリ内から行える実装を紹介します。アプリにレビュー機能を実装することで、今後の開発の改善に活かしていきましょう。

TypeScriptでchildrenの要素数が決まったコンポーネントを作る

なんかそういう時あるじゃないですか！

デザインの基礎

Figmaでたまに遊んでいる、ともやです。今日はFigmaを触る前に学んだデザインの基礎をつぶやきたいと思います。

新卒入社して３ヶ月が経ちました

Flutterエンジニアとして新卒入社して３ヶ月経ちましたので、色々語ります！

【ESP32】 ESP32の位置情報をFlutterで反映させてみた

ESP32で取得できる値をFlutterで反映する方法を解説します。

【Flutter】APIを叩いて猫の画像を表示させてみる

Flutterで、公開されているAPIを叩いて猫の画像を取得して表示させてみます。

【GAS】 Google Apps Scriptを使って給与支払報告書を作成する(3)〜Dialogを表示してデータを入力する〜

GASを使って、給与支払報告書作成する方法について紹介します

アイコン選びに困った時コピペで使えるな様々iconサイト

Web アプリケーションと簡単に統合できる多数のアイコンの css クラスをていきょうサイト紹介します。

【Google Places API】google mapの写真をFlutterで表示させてみた

google mapの特定の位置情報を取得することができる便利なAPIです。個人開発で使えそうかと思ったので試験程度で試してみました。

【GAS】 Google Apps Scriptを使って給与支払報告書を作成する(2)〜データ入力、PDF保存〜

GASを使って、給与支払報告書作成する方法について紹介します

flutter build ipa コマンドでビルドをApple Store Connectへアップロードする方法

flutter build ipaコマンドを使って、Apple Store Connectへビルドをアップロードする方法をご紹介します。

保守性の良いじゃんけんプログラムを考えてみた

じゃんけんプログラムの保守性を高めます！

【線型計画法】問題の背景と分割

会社で線型計画法を使えたおかげで、改善に貢献出来ました。その改善のもとになる問題の背景と定義を紹介します。

Flutter webでネットワーク画像が表示されないエラーの対処法

Flutter webでThe following ImageCodecException was thrown resolving an image codec: のエラーが出た時の対処法です

Flutter webにFirebase v9を入れようとしたら方法がめっちゃ変わってた

Flutter webにFirebase v9を入れたら全然Webアプリが起動してくれなくて、実は導入方法がめちゃくちゃ変わってました。

2022年の可茂IT塾

2022年の可茂IT塾を振り返ります

【GAS】 Google Apps Scriptを使って給与支払報告書を作成する(1) 〜データのMergeまで〜

GASを使って、給与支払報告書作成する方法について紹介します

【Flutter】折りたたみのUIを実現する

Flutterで折りたたみのUIを作れるパッケージを見つけたのでシェアします。

fvmとdirenvでFlutterのバージョン管理をする

複数プロジェクトでFlutterバージョンがそれぞれ異なることがあります。その際におすすめなfvmとdirenvでのバージョン管理方法を解説します。

シェアハウスって、こんなとこ！

８月から東京のSES企業へ就職をしたHirokiです。今、僕が住んでいるシェアハウスがどんなところなのか、１ヶ月住んでみて感じたことをブログにしました。

個人開発アプリの設計を見直してみた

個人開発しているアプリに対して、設計の改善をしました！

トマトの趣味紹介ブログ

僕の趣味を語らさせてください！！

【23卒】文系未経験が新卒でエンジニア就活を終えた話

この度文系未経験から新卒として内定を獲得することができました！私自身の今までの経歴を踏まえながら就活について書き留めましたので、今就活してる方やこれから就活を控えている方、flutterで個人開発している方是非ご覧ください！

【FirebaseAuth】getAuthでユーザー取得時に匿名かどうかの判別方法

Firebaseでのユーザー取得時に、匿名ユーザーかログイン済みのユーザーかを判別する方法を解説します

【JavaScript】 Promiseと非同期処理を理解する

同期処理、非同期処理、callback、Promise、async/awaitをコードと一緒にまとめて理解する

可茂IT塾での長期インターンを経てエンジニア就活を終えた話

就活浪人をした一浪中堅私立文系大生の私が可茂IT塾での長期インターンを経てエンジニアとして内定をいただきました。今回は可茂IT塾の長期インターンに応募するか迷っている方、エンジニアになろうと考えている方などに向けて記事を書いていきます。

Flutterで状態管理などでよく使うパッケージについて調べてみた

普段何気なく使っているパッケージについてまとめました。hooksやriverpod、StateNotifier、Consumer等、状態管理をするにあたってよく使われているパッケージについて紹介しているので、新しい発見や復習ができる内容になっています。

【検証】Flutterでenhanced enumsの使い方を試してみる

Dart2.17で拡張されたenum(enhanced enums)の機能を解説します。Flutterでのアプリ開発中でのenumの使い方の幅が広がる内容です。

【Flutter/Dart】メソッドの引数の書き方まとめ

名前付き引数、名前なし引数、必須引数、デフォルト引数など色々あるので整理してまとめました。

11月5日開催のアプリ開発講座の参加者募集中！！

11月5日にアプリ開発講座を開催します！会場は岐阜県美濃加茂市のコワーキングスペース「こやぁね」です。興味のある方は是非ご参加ください！

GoogleWorkspaceで別ドメインのグループメールアドレスを作成する方法

GoogleWorkspaceで、別ドメインのグループメールアドレスを作成し、フリーのGmailユーザーもグループメールに参加できる方法の解説です

【Flutter】FlutterGenを使う

flutterで画像やフォントのパスをタイプセーフに指定できるようになるおすすめのパッケージを紹介します。

VSCodeでCodeRunnerを使ってショートカットキーで実行する

VSCodeでシェルを触らなくても実行できて効率の良いおすすめの設定を紹介します。

【Flutter】Widgetを強調する

BackdropFilterを使ってWidgetを強調してみましょう！

【Git】初心者向け　branchの使い方の勉強

gitのbranch作成から削除までを簡単に把握してみましょう

8月6日開催のアプリ開発講座の参加者募集中！！

8月6日にアプリ開発講座を開催します！会場は岐阜県美濃加茂市のコワーキングスペース「こやぁね」です。興味のある方は是非ご参加ください！

まるでドラ○エ！？可茂IT塾のオンラインオフィスをご紹介！！

可茂IT塾ではコミュニケーションとしてGatherを活用しています！

【GAS】 Google Spread Sheetから二次元配列を取得する

GASを使って、Google Spread Sheetから二次元配列を取得する機会があったので、その方法を紹介します

【Flutter】DeviceOrientation以外でアプリの設定を変更して画面の向きを固定する方法

Flutter製アプリの画面の向きを固定する方法を解説します。

FlutterとAlgoliaを使って全文検索をしてみた

FlutterでAlgoliaを用いた全文検索を紹介します。チャットアプリなどの検索機能の実装に役立ちます。

【Flutter】簡単に画像のプレビュー画面を作りたい

ほぼコピペでできる写真のプレビュー画面の作り方をお教えします！！

Flutterでメールを送る方法[コピペで3分！]

Flutterでflutter_email_senderを用いたメール送信機能の実装方法をご紹介します。お問い合わせ機能の実装時などに役立ちます。

【Flutter】 ListView の最後にリストを追加して、別の Widget を表示させる

ListView はデータの数だけ同じ Widget を返す使い方が多いですが、条件に合わせて、リストを追加して、別の Widget を返す実装を紹介します。

【Flutter】スクロール可能なリストにScrollbarを表示させる

ListViewやSingleChildScrollViewで作ったリストの横にスクロール用のバーを表示させたいあなたのために書きました。

data.ai(旧AppAnnie)からアプリのDL数をSlackのチャンネルに無料で転送する方法

data.ai(旧AppAnnie)からアプリのDL数をSlackのチャンネルに無料で転送する方法を解説します。

【Java】Spring Bootでご挨拶！

プロジェクト新規作成からHelloWorldを実行/解説します。

プログラミングの専門学校って何してるの！？知られざる専門学校の実態を調査してみた！！①

プログラミングの専門学校ってよくありますよね。今回はそんな専門学校について徹底調査！！！是非ご覧ください！

【Flutter】コピペで使えるFloatingActionButtonのアニメーション

パッケージなしで簡単に実装できる！コピペで使える万能なFloatingActionButtonのアニメーションを紹介します。

introduction_screenを使って今あるFlutterアプリをリッチにしよう！

今あるアプリをもっとリッチなものにしたい時に役立つのがintroduction_screenというライブラリーです！このライブラリーはアプリ内で簡単にアプリを紹介するページを作成することができます。この記事では、そのやり方について紹介していきます。

【Flutter】ShaderMaskを使ってアイコンにグラデーションをつける

Flutterのグラデーションについて解説します

Flutterでテキスト検索機能を実装する方法

Flutterでテキスト検索機能する方法をご紹介します。完全一致、部分一致、その他の検索実装のコツが学べます。

【Firebase】 カスタム認証を使ってユーザー登録をする

LINEログインなど、Firebase側が用意していない認証方法を使ってユーザー登録をする際に、カスタム認証を通すことで、メールログインなどと同じようにFirebaseでユーザー管理ができるようになります。

【Flutter】StackでWidgetを重ねてUIを作る

Stackを使えば、Widgetを重ねてUIを作ることができます。

MacでFlutterの環境構築をする手順

MacでFlutterの環境構築をする手順を解説します。

5月28日開催のアプリ開発講座の参加者募集中！！

5月28日にアプリ開発講座を開催します！会場は岐阜県美濃加茂市のコワーキングスペース「こやぁね」です。興味のある方は是非ご参加ください！

(初学者向け)riverpodで作るContainerテスターアプリ①

riverpodを使って簡単なアプリを作ってみます。StatefulWidgetと比べた時のriverpodの使い方を解説しているので、ぜひご覧ください！

【Flutter】マテリアルデザインのアイコンに飽きた方へ

Flutterにはマテリアルデザインのアイコンがありますが「なんか飽きたな」「flutter感をなくしたい」「主張が強すぎる」と思われた方にとっておきのパッケージをご紹介します。

マテリアルデザインのままiOSぽさを出す

CupertinoWidgetを使わずiOSぽさを出してみます。

【Flutter】 Navigatorメソッドの違いを知る

FlutterのNavigatorは画面遷移をするためのWidgetクラスになります。各メソッドの違いと挙動をまとめてみました。

flutterのアプリでurl_launcherを使ってURLをWebブラウザで表示する

flutterには、アプリ内でUIや処理を記述しなくてもブラウザを起動してWebサイトを立ち上げてくれるurl_launcherという便利なライブラリーがあります。今回の記事ではそのurl_launcherの実装の仕方について説明していきます。

Flutterでのextension(拡張関数)の便利な使い方

Flutterでのextension(拡張関数)の使い方を紹介します。extensionを使いこなすことができれば、かなりコードもスッキリします。

【React】 画面のスクロールイベントでCSSを切り替える

画面がスクロールされることによって表示されるボタンや背景色の変わるトップバーなどの実装方法を紹介します。

【Flutter】 ダイアログを出す方法

Flutterでダイアログを出すにはshowDialogメソッド、AlertDialogウィジェット、SimpleDialogウィジェットを使います。

Flutterのアニメーションをほんの少しだけ試してみる①

アニメーションってあんまり触らないですよね・・・。今回はアニメーションを簡単に表現できる、AnimatedContainerを使ってみたいと思います！

Next.jsのgetStaticPropsやgetServerSidePropsでDate型をシリアライズする方法

Next.jsでDate型をpropsとしてし渡そうとした際にエラーになってしまったので対応方法を解説します。

【Flutter】MapをListに変換して、ListViewで表示する

MapをListに変換するのは初心者には必須のスキルです

2022年の可茂IT塾未来予想図

2022年の可茂IT塾の未来予想図を語ります

SlackにCollaという質問botアプリを入れてみた。

可茂IT塾のSlackでCollaを使ってみたので紹介します。

知っておくべきTextFieldのfocusの扱い方3選【Flutter】

FlutterのTextFieldのfocusを使いこなせるようになるために、知っておくべき機能を３つご紹介します。

カウンターアプリから新しいアプリを作る(初心者向け)続き

初心者はカウンターアプリから新しいアプリを作ることで、Flutterの勉強になります。

カウンターアプリから新しいアプリを作る(初心者向け)

初心者はカウンターアプリから新しいアプリを作ることで、Flutterの勉強になります。

riverpodでimage_pickerを実装

riverpodでimage_pickerの実装の仕方を記事にしました。image_pickerをriverpodで実装した記事がなかなか見つからなかったので備忘録としてサクッと解説しています。

requestTrackingAuthorizationWithCompletionHandlerでATTダイアログが表示されない

requestTrackingAuthorizationWithCompletionHandlerでATTダイアログが表示されない場合の対処法を説明します。

FlutterのFirebaseAnalyticsでScreenViewイベントにカスタムパラメータを渡す方法

FlutterのFirebaseAnalyticsでScreenViewイベントにカスタムパラメータを渡す方法を解説します。

【Flutter】市松模様を作る方法

Flutterで市松模様を作ってみたのでポイントを解説します

【Flutter】 オブジェクトを含んだFreezedクラスをJSONに変換する

オブジェクトを含んだFreezedクラスをJSONに変換するときに遭遇したエラーの解決策をブログにしました。

riverpodでDropdownButtonを実装する

riverpodでDropdownButtonの実装の仕方を大まかに記事にしました。riverpodがどのような動きをするのか、どのように記述すればriverpodがプロジェクト内で動くようになるのかをサクッと解説しています。

Flutterで正規表現を用いたemailのvalidationを実装

emailのvalidationを題材に、Flutterで使用する正規表現について解説します。

【Flutter】SVG画像が黒くなってしまうことの対処法

FlutterでSVG画像を使った時に黒潰れが起きてしまった時の原因と対処法をお伝えします

FlutterのContainerで角丸のUIを実装する方法

FlutterでのContainerで角丸を実装する方法をサクッと解説します。

2021年の可茂IT塾

2021年の可茂IT塾を振り返ります

VSCodeでReactを使った開発をする際のおすすめフォーマッター設定

Prettierを活用した、VSCodeでReactを使った開発をする際のおすすめフォーマッター設定を紹介します。

InheritedWidgeを使って、カウンターアプリを作ってみた

Flutterの状態管理を理解するためにinheritedWidgetを使ってカウンターアプリを作り直してみました。

最初のスマホアプリ開発で何を作れば良いかわからない人のために

プログラミングを始めてつまずきがちなのは、最初に何を作れば良いかわからない問題だと思います。今回はスマホアプリで最初のアプリを作る参考になる情報をご紹介します。

flutter_native_splashを使ってsplashページを実装する

アプリを立ち上げるときの待機画面としてsplashページというものがあります。今回の記事ではそのsplashページを簡単に実装することができるflutter_native_splashの実装の仕方について説明していきます。

Flutterでのtooltipの使い方

Flutterでのtooltipの使い方を説明します。

【Google Domains】 ホームページとメールアドレスを独自ドメインにしてみた。

Google Domains + Vercel + Next.js でのカスタムドメインの設定と独自ドメインのメールアドレスの設定もしてみました。

【Flutter】 Spacerウィジェットの紹介

FlutterでRowやColumnを使ってUIを作る際にSpacerを使えば複雑なレイアウトも簡単に作ることができます。

【Flutter】RiverpodでProviderScopeのoverrideをどう使うか

Riverpodの不便な部分を解消する、ProviderScopeのoverrideをどう使うか解説します。

【Google Apps Script】可茂IT塾の最新ブログタイトルをLineで知らせる

可茂IT塾のHPブログページを定期的にスクレイピングして、新規ブログがあればLineで通知します。Google Apps Scriptのjavascriptを使って作成。

【5分】FlutterでQRコードの生成・読み取りする方法まとめ

Flutterでqr_flutterを用いたQRコードの生成と、qr_code_scannerを用いたQRコードの読み取り方法を紹介します。

FlutterToastの使い方

何かの処理が正常に働いた時やエラーが生じた時にユーザーにメッセージで伝える方法の一つに、fluttertoastを利用する方法があります。今回は、fluttertoastの利用方法についてご紹介していきます。

岐阜県のアプリ開発・Web開発なら可茂IT塾にお任せください！

可茂IT塾は岐阜県を拠点に全国からメンバーが集まるアプリ開発・Web開発のチームです。お気軽にご相談ください。

【 tailwindcss 】hover で使える表現まとめ

Web の作成をしていて、ちょっと見た目に変化をつけたいときに使える hover のパターンを tailwindcss で作成して、まとめました。

Flutter Drawerの使い方

ページ遷移のためのナビゲーションを表示させるには、タブやドロワーなどの選択肢があります。この記事ではFlutterでアプリを作る際によく使用する、ドロワーによる画面の切り替え方法を解説します。

ローカル環境でFirebase Authのカスタムクレーム（Custom Claim）を設定する

ローカル環境でFirebase Authのカスタムクレーム（Custom Claim）を設定する方法を解説します。テンプレート配布あり。

業務のIT化やDXのコンサルティング内容とプラン・料金について

可茂IT塾では、主に岐阜県内の地元企業に向けた業務のIT化やDXのコンサルティングを行なっています。会社の現状をヒアリングして、コスト削減や売上の向上に繋がる提案をさせていただきます。

【間もなく申込受付終了】2月26日開催のアプリ開発講座の参加者募集中！！

2月26日にアプリ開発講座を開催します！オフライン会場ではパソコンの無料貸し出しもあり。オンラインでも同時開催をしておりますので、興味のある方は是非ご参加ください！

【Google Apps Script】Symbolの価格を取得し、Googleスプレッドシートに入力する(初心者向け)

Symbolの価格を取得して、Google Apps Scriptを使ってGoogleスプレッドシートに入力し、Lineメッセージで送信する。

可茂IT塾ではFlutterインターンを募集しています！

可茂IT塾ではFlutterインターンを募集しています！可茂IT塾のエンジニアの判断で、一定以上のスキルをを習得した方には有給でのインターンも受け入れています。

【Flutter】easy_localizationを使ったシンプルな言語変換アプリの作成方法

Flutter製の言語変換アプリの作り方を解説します。easy_localizationを用いて、ボタン一つで言語変換できるアプリです。

ひとつの useState で複数の State を管理する

似たような扱いをする State をひとつの useState でまとめて管理する方法について書きました。いくつも useState を宣言する必要がないので、便利です。

【Flutter】 タブで画面を切り替える方法

Flutterでアプリを作る際によく使用する、タブによる画面の切り替え方法を解説します。画面をタブで整理するなら、DefaultTabController、TabBar、TabBarViewを使うのが最適です。

Flutter WebのhistoryモードのNavigationとRoutingをFirebase Hostingで行う方法

Flutter WebのhistoryモードのNavigationとRoutingをFirebase Hostingで行い、Flutter Webでも通常のWebページと同じようなURLでRoutingできるようになる方法を解説します。

Googel Apps Script で自分あてに毎日LINEメッセージを送る(初心者向け)

Googel Apps Scriptを使うと簡単に自動でLINEメッセージを送ることができます

FlutterのCircularProgressIndicatorの使い方まとめ

Flutterでよく使用するCircularProgressIndicatorの色やアニメーションの変え方を解説します。

Next.js + tailwindcss で Googleフォントを使用する方法

tailwindcss で、使いたいフォントがないときに、新たにGoogleフォントを追加する方法を紹介します。

Flutterでconfettiパッケージを使って紙吹雪を出す方法

ゲームをクリアした時、タスクを完了した時、目標を達成した時など、紙吹雪を出しておめでとうの気持ちを伝えたい時ってありますよね。

真夏の北海道今金町ワーケーション体験レポート

真夏に北海道今金町で1ヶ月弱にわたって実施したワーケーションの体験レポート。岐阜の真夏とは大違いのエアコンいらずの環境で、仕事に遊びに、とても充実した時間を過ごすことができました。

超初心者向け、Flutterアプリ開発体験講座を開催しました！

可茂IT塾が教えるオンラインIT講座。「全くの初心者でも3時間でFlutterアプリが作れる」講座です。どんな人が、どのように初めてのアプリを完成させていくのか。ブログで解説しました。

東和製作所のインターンでAndroidアプリを開発しました!

2020年12月に美濃加茂市にある東和製作所の2週間のインターンに参加させて頂きました。インターンはタブレット＋バーコードリーダーをAndroidアプリで完結させるという内容でした。

Flutter ドラッグ＆ドロップできるWidgetの作成

Flutter Widgetをドラッグ＆ドロップしてデータのやり取りをする方法を紹介します。

2021年6月13日にFlutterアプリ開発体験講座を開催します！

初心者大歓迎！！2021年6月13日(土)9:00から、オンラインで参加可能なスマホアプリ開発体験講座を開催！Flutterを使用して、短時間でアプリ開発を体験できます！

FlutterのSnackBarを表示する

SnackBarの記事は世の中にたくさんあるのですが、詳しく書かれすぎて逆にわかりにくいと感じていました。なので最低限の使い方だけをシンプルにまとめました。

Next.js CommerceでShopifyを利用する

Next.jsで高性能ECサイトを簡単に立ち上げる事のできるNext.js CommerceとShopifyの連携を試してみました。非常に簡単にECサイトを導入できる、今後の動向が注目されるプロダクトです。

SharedPreferencesにnullが入った配列を保存しようとするとエラーになる

配列を使って値を管理していたのですが、SharedPreferencesに値を保存するところでアプリが落ちてしまいました。解決策を共有します。誰かのお役にたちますよう、、、

Flutter で reactive_forms を使った場合のバリデーション方法

Flutter のアプリ開発中に学んだことを共有する回です。reactive_forms というパッケージを使って、メールアドレスやパスワードの入力チェックをより簡単に行う方法を紹介します。

大学生・社会人向けプログラミング学習の一歩目

可茂IT塾がオススメする、大学生・社会人向けのプログラミング学習教材です。基本的に上から順番に進めていくのが良いでしょう。

1月24日にオンラインでのFlutterアプリ開発体験講座を開催します！

オンラインでアプリ開発を体験してみませんか？1月24日(日) 15:00から、オンラインで参加可能なアプリ開発体験講座を開催します！

1月9日(土)15:00〜Unityでのゲーム開発体験講座を開催します！

オンラインでゲーム開発を体験してみませんか？1月9日(土) 15:00から、オンラインで参加可能なゲーム開発体験講座を開催します！

1月9日(土)9:00〜アイデアソン#1を開催します

アイデアソンとは、新しいアイデアを生み出すために行われるイベントです。『アプリ開発で、目指せ飛騨牛！！』の足掛かりとなるアイデアソンに是非ご参加ください！！

12月29日にオンラインで参加可能なFlutterアプリ開発体験講座を開催します！

年末の朝にアプリ開発を体験してみませんか？12月29日(火) 9:00から、オンラインで参加可能なアプリ開発体験講座を開催します！

12月27日にアイデアソン#0を開催します

アイデアソンとは、新しいアイデアを生み出すために行われるイベントです。『アプリ開発で、目指せ飛騨牛！！』の足掛かりとなるアイデアソンに是非ご参加ください！！

アプリ開発で、目指せ飛騨牛！！

2021年、可茂IT塾が大型アップデート！チーム人数 × 1万円の利益が出たら飛騨牛焼肉！！それを目標に、利益を出す事にフォーカスした、チームでのアプリ開発を学べます。

2020年3月期 Flutterアプリ開発講座レポート

Flutterアプリ開発講座が開催されました。今回はカーリルさんの図書館APIを利用させていただき、Flutterで図書館蔵書検索アプリの開発を行いました。

2020年1月期 Unityゲーム開発講座レポート

Unityゲーム開発講座が終了しました！今回はUnityの公式チュートリアルを題材に、各自がチュートリアル動画を見ながらゲームの完成を目指しました。

可茂IT塾開校！

2020年1月から可茂IT塾がはじまります！可茂IT塾は美濃加茂市のコワーキングスペース「こやぁね」を拠点として、プログラミングやデザインなどの様々な講座を開催していく予定です。