Talk Lowy(jp)

最近Flutterがいい！ とかよく言われてるので触ってみました！ 私の場合はFlutterを利用してモバイルとかPC用のWeb環境を作ろうと思いました。余裕があったらそのままモバイルアプリも作れるからいいなと思ってこれを選択しましたね。 ここではWindows環境でVSCodeを利用してAzureのサーバーレスのWeb Appを利用する書込みです。マイナー過ぎて本当に大変でした。AzureのWeb AppにはFlutterを基本でサポートしてないのでNode.jsを利用してアップすることになります。 では早速Flutter SDKをダウンロードしましょう。 https://flutter.dev/docs/get-started/install 私はWindowsを使ってるのでWindowsを選びました。最近モバイル開発環境でよくMacを使ってるユーザーが多いですが、Windowsはマイナーになって書込みがあまりありません。色々想像しながらやるしかありませんでした。 次はFlutterをいじるツールをインストールしないとですね。 https://code.visualstudio.com/download 私の場合はVSCodeをよく使うためVSCodeにしました。 特にAndroidとかiOS用開発はしないと思いましたがスマホの仮想マシンもVSCodeから起動できることを知りました！ 次はFlutterをVSCodeに繋ぎこみ！ ViewメニューからCommand Paletteを選択 上にカーソルが移動したらInstallをタイプ するとメニューが出てきてExtensions: Install Extensionsを選択 左にExtensionが出てきたらFlutterを検索 Dart CodeのFlutterを選択してください。FlutterのExtensionがいっぱい出てきて何が公式なのか分からなかったので色々やってみたらこれでした。 インストールが終わったらFlutterが正常にインストールされたか確認ができます。 同じくCommandPaletteを開いてもいいですが、私は下のTerminalからやってきました。 PS> flutter doctor そしたら何がいっぱい出てきてAndroid Studioがありませんとかの警告が出ました。An

今まで問題なく使われていたGitレポジトリーが急にエラーが出て止まった！ On branch master Your branch is up to date with 'origin/master'. remote: Support for password authentication was removed on August 13, 2021. Please use a personal access token instead.     remote: Please see https://github.blog/2020-12-15-token-authentication-requirements-for-git-operations/ for more information. fatal: unable to access 'https://github.com/LowyShin/Knowledgebase.git/': The requested URL returned error: 403 https://github.blog/2020-12-15-token-authentication-requirements-for-git-operations/ のページを見てみると2021年8月13日から認証方法が変わったのでこれからはパスワードを使わずにaccess_tokenを使え！とのことです。 それでWindows Credentialをいじればいいと思って削除してもう一度git pushを投げたのにできません！ どうせaccess_tokenに変わったしどうせ期限もあるので勝手に.git/configを修正しちゃいました。 Windowsのvscodeならterminalからnotepad .git/config <enter> するとノートパットが開いてgithubの設定情報が出てきます。 urlと書かれているところに 自分のGitHubID:<access_token>@github.com/reponame 例えば url = https://lowyshin:akaejfwueyrlwe@github.com/LowyShin/Lowyworkenv.git のように修正し

VSCodeはProject毎に開くのもいいかもしれないが、 普段複数のプロジェクトと自分の整理などもあるので1段階上のフォルダを開くと便利になる。 例えば D:\lowywork\Project をVSCodeから開く。 そして自分の作業したい内容をGithubから登録しCloneをする。 VSCodeにはTerminalが表示されるのでVSCodeでそのまま`git clone`を利用して複数のプロジェクトをCloneできる。 それでできたのが D:\lowywork\Project\ASiteDev D:\lowywork\Project\LowyEnv D:\lowywork\Project\MLTest となってたらVSCodeではすべてのレポジトリーに対して同期チェックが行われる それは左メニューの上からの3番目Source Controlのところに自動的に変更状況が表示される。 そしてプロンプト間にすぐ移動ができる状況になる。 例えば、 作業の記録をLowyEnvでやってたら LowyEnv/README.mdにASiteDev/Intro.phpソースの記録をする場合 README.mdに下記のように記載すると[ctrl + click]で簡単に移動できる。 [Introl.php](/ASiteDev/Intro.php) 現在VSCodeで開いたフォルダがルートフォルダになってそれを基準に移動ができる。 しかし、プロンプト内では相対パスを使わないとそのプロジェクトだけ開いた人またはGithubではルートが`/Project`ではなく`/ASiteDev`になってしまうためリンクが合わなくなるので注意が必要。 このように管理すると 自分専用の作業場にすぐ行ける環境作成ができて、 全ての作業が記録として残しやすくなる。(リンクを作ってからクリックして開くためすべてが繋がり、ちょっとしたコメントで十分管理ができる) VSCodeとGithub(Gitlabも可能)の相性がすごくいいのでみんなやってみてください！

プロジェクトが多いとき各プロジェクト毎にVS Codeで開くのは面倒で色々やってみました。 Githubクライアント(Windows Client)で一々同期させたら 時間が掛かりすぎてダメ。 ちなみに管理中のプロジェクトが約20個。 UiPathというRPAツールを利用してGithubクライアントを自動同期させてみたら なんとなく動いたけどかなり時間が掛かる。 Batchファイルを作って自動同期させてみたら 勝手に同期している最中に焦げた！ git pushをしたくないときしちゃったりしてほかのメンバーとの衝突が発生。 VS CodeのExtensionのなかでgitクライアント連携して その上位のフォルダを開いたら なんと！ 一気に全てのプロジェクトをチェックし、同期がしやすくなりました！ とのことで、 現在はVS Codeでソースを管理してます～ SQLファイルの修正とかJavaとPHP、.Netなどの言語が変わってもExtensionさえインストールしとけばなんでもコントロールできます！ コマンドはTerminal機能でやってるし。 DBデータが見たいときはデータを見るExtensionをインストールすればOK。 ちょっと不便なところは Extensionがだれでもアップできて 何がいいのかわからなくいっぱい出てくる。 プラットフォームの意味を充実に実現したのですが、その短所を考えて作らないと…ですね。

まだまだ素人ですが、 Android Studioに既存設定されて運用されているGithubを繋いでみたんですが、 これでは解決が完全にできなかったです。 まず参考にした記事はこちら https://dev.classmethod.jp/smartphone/android/android-studio-git-integration/ 親切な説明にしたがってGithubを登録してみました。 上記の記事では新しいプロジェクトのみできます。 しかし既にgit clone コマンドでダウンロードしてソースを修正したので修正したのをどうかしたい。 まあshellから git push origin master しちゃってもいいですが、 せっかくのツールなので設定をしてみたいです！ それで色々やってみたら VCS > Check out from version control > Github を選択して設定し、 新しいDirectoryに一度ダウンロードをします。 そこで変更したファイルを上書きする。 そしてBuildをし直してエラーがなかったら VCS > Git > Push を選択してソースをアップデートします。 これで完了かな？