本文中將會介紹Selenium的使用，並且使用Google Collaboratory(簡稱Google Colab)這個強力的Python開發工具來簡單地做Google搜尋關鍵字，把結果儲存起來。

利用地圖服務（Mapbox）在地圖上顯示兩地的行車路徑。

使用Laravel8+Vue3+Bootstrap5實作TODO List網頁應用程式的系列文章第九篇。本文將示範安裝Bootstrap5並介紹如何使用它

使用Laravel8+Vue3+Bootstrap5實作TODO List網頁應用程式的系列文章第八篇。本文將示範用vue重新建立todo list畫面。

使用Laravel8+Vue3+Bootstrap5實作TODO List網頁應用程式的系列文章第七篇。本文將介紹一下安裝vue的過程跟基本的設定。

使用Laravel8+Vue3+Bootstrap5實作TODO List網頁應用程式的系列文章第六篇。本文將介紹一下Web Route，並示範建立待辦事項的網頁。

使用Laravel8+Vue3+Bootstrap5實作TODO List網頁應用程式的系列文章第五篇。本文將介紹如何建立新增、更新、刪除待辦事項的API。

使用Laravel8+Vue3+Bootstrap5實作TODO List網頁應用程式的系列文章第四篇。本文將介紹如何建立一個GET API來取得測試資料。

使用Laravel8+Vue3+Bootstrap5實作TODO List網頁應用程式的系列文章第三篇。本文將介紹如何使用Factory Seeder Faker來快速產生測試資料到資料庫上。

使用Laravel8+Vue3+Bootstrap5實作TODO List網頁應用程式的系列文章第二篇。本篇將介紹如何在雲端開發環境Google Cloud Shell中用Docker建立Laravel8的開發環境。

使用Laravel8+Vue3+Bootstrap5實作TODO List網頁應用程式的系列文章第一篇。本篇將介紹如何在雲端開發環境Google Cloud Shell中用Docker建立Laravel8的開發環境。

什麼是Google Cloud Shell：一個已預先載入 kubectl、gcloud 指令列工具等公用程式的線上開發工具。 可以在上面編寫開發應用程式，並且還能執行偵錯。

用PHP處理資料後，除了在畫面上顯示外，能夠轉成CSV格式檔案後下載到電腦上是常常有的情況。本文將介紹使用PHP實現CSV檔案下載。範例是在Laravel的框架中實現，但只要知道原理後在其他的應用框架中也能實現。

本文將介紹你一種方法，當你在Github上發佈release後自動地發送相關訊息到slack上。這個方法將使用**Github Actions**跟**Slack Incoming Webhook**。

This article will show you a way how to send a notification automatically after you published a release on github.The way includes **Github Actions** and **Slack Incoming Webhook**.

This post will demo 3 Ways to save pandas data. - download as a csv file. - save as a csv file to Google drive. - save as a Google spreadsheet to Google drive.

本文將會示範三種保存Pandas DataFrame內容的方法。- 下載成CSV格式的檔案。- 儲存為CSV格式檔案到Google硬碟上.- 儲存為Google試算表(Spreadsheet)檔案到Google硬碟上.

本文將介紹一種在colab上製作簡單的網頁資料搜集的應用。把單純的搜尋＋內容複製儲存的工作透過Python程式碼讓電腦幫我們來執行。

Mapboxを使って作成した地図の中に、ある地点から半径◯KMで円を作る場合はよくあると思います。中心点の座標と半径を入力して、円を作成してもらう方法を調べまして、Mapbox＋Turf.jsで出来ました。これから、今回の実装方法を紹介します。

本文將介紹用gspread來處理Google Spreadsheet(工作表)。主要內容為，檢查`gspread`版本與更新、連結Google Drive(Google硬碟)與驗證、`gspread`的基本使用。

本文中將會介紹Google Collaboratory(簡稱Google Colab)這個強力的Python開發工具，讓新手也能快速使用Python來完成工作上的需求。另外也來談談一些高效的使用秘訣。

In this article, I want to introduce a powerful service, 'Google collaboratory'(or 'Google Colab' for short). And some useful tips to use it.

RDS is configured to connect only from EC2, so if you want to connect to RDS from your local environment, you need to do some work. In this article, I will briefly show you how to connect to RDS from a Laravel application running in a Docker container in the local environment via a bation server(EC2).

RDSはEC2からしか接続できない設定になっているため、ローカル環境からRDSに接続したい場合は少し作業が必要です。今回は、ローカル環境のDockerコンテナで動いているLaravelアプリから踏み台（EC2）経由でRDSに接続してみた方法を紹介します。

今回はurllib.requestでHTTPリクエストを実行する方法を紹介します。全体流れとしては、 - `urllib.request.Request`関数でHTTPリクエストを作成する。 - 作成したHTTPリクエストを`urllib.request.urlopen`関数の引数にして、関数を実行してレスポンスを取得する。 - `json`モジュールで取得したJSONレスポンスを解析する。

In this article, I will show you how to execute HTTP requests with urllib.request. The workflow is, 1. Create a request by `urllib.request.Request` method. 2. Assign the request as a parameter of `urllib.request.urlopen` method to get response. 3. use `json` module to parse the response.

この記事ではpyenvでのpythonバージョン管理する方法を紹介します。- **Homebrew**で**pyenv**をインストールする。 - `pyenv install --list`でインストール可能なバージョン一覧を取得する。 - `pyenv versions`でインストール成功かどうかを確認できます。 - `pyenv global <version>`や`pyenv local <version>`でglobalやlocalのpythonバージョンを切り替えられます。

Here will show you about pyenv installation and usage. - Use **Homebrew** to install **pyenv**. - Use pyenv install --list to check the list. - Use pyenv versions to check if the specific version of python is installed or not. - Use pyenv global <version> or pyenv local <version> to switch version of python.

Here are 4 points are used to reorganized files in folder by file type. 1. use `os.path.isdir()` function to check if the folder exists or not. 2. use `os.listdir()` function to get the file list in the folder. 3. use `os.path.splitext()` funciton to get file's extension. 4. use `shutil.copyfile()` to copy the file to target path.

以下の4つの箇条書きを参考に、フォルダ内のファイルをファイルタイプ別に整理してみました。 - フォルダが存在するかどうかは、`os.path.isdir()`関数で確認してください。 - フォルダ内のファイルの一覧を取得するには、`os.listdir()`を使用します。 - ファイルタイプを取得するには、`os.path.splitext()`関数を使用します。 - shutil.copyfile()`関数を使用して、ファイルをターゲットパスにコピーします。

使用以下四個重點，將資料夾中的檔案依照檔案類型重新整理。- 使用`os.path.isdir()`函數來確認資料夾是否存在。- 使用`os.listdir()`來取得資料夾中的檔案列表。- 使用`os.path.splitext()`函數來取得檔案類型。- 使用`shutil.copyfile()`函數來複製檔案到目標路徑。

この記事では、Laravelのライフサイクルについて自分なりにまとめてみたものです。Kernel, Middleware, ServiceProvider, Routeも紹介します。Laravelの勉強をする際に、全体像を理解して、アプリケーションのライフサイクルを把握した上で、何かしらのフレームワーク機能を改善したり、ベースになる処理を調査したり時に役に立つと思います。

本文是對Laravel Lifecycle的內容用自己理解整理而成的筆記，內容包含Kernel, Middleware, ServiceProvider, Route。我想對於學習Laravel的人來說，理解Laravel整體面貌、掌握Laravel的生命週期，將會對Laravel框架上的調整或是調查底層功能時有很大的幫助。

This article is a compilation of notes on the Laravel Lifecycle, including the Kernel, Middleware, ServiceProvider, and Route, which I think will be of great help to those learning Laravel in terms of understanding the overall look of Laravel and mastering its lifecycle. Laravel framework or investigating the underlying functionality will be of great help.

pandas的DataFrame是在做數據分析時很常使用的物件，本文介紹四種常見的方式（**NumPy**、**dist**、**list**、**csv檔案**）來建立DataFrame。

The **DataFrame** of **pandas** is a very common object used in doing data analysis. This article introduces four common ways (**NumPy**, **dist**, **list**, **csv file**) to build a DataFrame.

在Python中做迴圈處理時，你都是用什麼方法呢？是用for-in？還是zip函數？還是map函數呢？這裡整理了對list、dict做迴圈處理的方法。

PythonでLoopをしたいときに、何のやり方を使っていますか？for-in, zip, mapのどちらを使いますか？今回はlist、dictの中身を一つずつ処理たい時によくある使い方を調べました。

「自己想做的事是什麼？」、「自己想做的事有價值嗎？」、「現在做的事是自己想做的事嗎？」、「想做的事一大堆但時間有限不知道哪個先做？」。時不時會有這些的疑問從心底深處冒出，特別是失去目標時、工作疲倦時、對現在做的事無法感到滿足時。當遇到這樣的煩惱時，要如何解決讓自己不再迷惘呢？這些知識或方法，在學校求學中很少提及老師們也不曾教授，但卻是個相當重要的問題。於是，我開始尋找解方，終於讓我從書中似乎找到的一個不錯的方法。

この記事では、Dockerを使って自分のコンピュータにLaravel8の開発環境を構築する方法を説明します。最後はPHP8、MySQL8、Laravel8のDocker環境を構築できました

探索・推論の時期に、知識や経験の構築で探索コストを削減できて、精度も上げるし、実用性の可能性も出てきた。そのため、知識のデータベースを構築する必要も出てきた。膨大なデータベースがあれば、ある程度の範囲内の問題をコンピューターに質問して、答えが出てくるシステムが開発された。特に会話をシミュレーションするシステム。例えば、**イライザ(ELIZA)**というプログラムは自然な感じで人間と対話を行える。ただ、コンピューターが会話の本当の意味を理解できるわけではなく、パターンに応じて答えを出すだけ。このようなプログラムは**人工無脳**プログラムと呼ばれる。

今まで人工知能の発展の歴史から見ると、その技術の実用性、精度を追求する過程だと言えると思う。 汎用性があるコンピューターが開発された後、コンピューターが現実世界の問題をどれほど、どのように解決してくれる研究を進んで、その理論と方法を模索している最初の時期はAI発展の初期頃だ(**探索・推論**の時代)。コンピューターに現実の問題をそのままで投げても答えが出ないので、まずコンピューターが処理できる形にする必要がある。その後、問題の正解を探索してくれるように計算機科学でも使っている**探索木**の構造を採用した。

「Artificical Intelligence」という言葉は「ダートマス会議」（1956年アメリカ）で「ジョン・マッカーシ」が使った名称です。明確な定義はないため、専門家の間にも様々な定義があります。定義は非常に曖昧です。同じシステムに対して、「これは人工知能だ」、「いや、これは人工知能ではない！」という場合はあります。おかしくはありません。

這篇文章將介紹如何在自己的電腦中用Docker建立Laravel8的開發環境。

物件導向設計是程式設計中一項重要的概念。 而Python語言中的資料都是物件，可以設計自己的物件類別（class）。 本文將介紹如何設計class。

Google Mapを利用して地図関連の個人アプリを作りたくて、FlutterでGoogle mapの表示を試してみました。 公式のパッケージを提供していますので、それを使って、地図表示、移動、マーカー設置、zoom機能などができています。 現在地の取得もできるようになっていますので、地図アプリを作れそうですね。

FlutterでWebviewを使いたくて、調査してみました。その時によく目に入ってるライブラリーは flutter_webview_pluginと webview_flutterです。webview_flutterは公式の製品ですが、ドキュメントの情報はflutter_webview_pluginより少ないですし、プレビュー公開の状態ですので、充実できたら、使っても良いと思いますが、今回はドキュメント情報が多いflutter_webview_pluginを利用して、WebVeiwからFlutter側に処理を実行させる方法を試してみました。

lex的使用相當的普遍與實用，特別是現在有手機，平板，筆電，桌電等等不同螢幕尺寸的機器，因此設計出來的畫面常會要對各種不同尺寸的螢幕做考量。flex就特別適用於這樣的場合，可以隨著螢幕大小的變化來對頁面中的元素做伸縮設定。

NuxtJSのデフォルトエラー画面をカスタマイズしたいため(特に404 not foundの表示)、変更する方法を試してみました。 そんなに手間がかからないので、方法をメモして、今後修正したい時に参考になると思います。

網頁上常看到h1, h2, h3...的蹤跡，標題是吸引人目光的一項重要要素。它能讓你想要呈現的重點很清楚地展現在讀者面前。本文本文介紹一些常見的標題設計，都是用CSS語法可以完成的簡單樣式，複製貼上即可使用。

網頁上常看到Table的蹤跡，一張好看的表格會決定頁面的吸睛程度。 所以今天要重新認識一下表格設計，不依靠其他模板的力量，自己動手製作出幾個常見的表格。 以後在做調整時就能比較輕鬆設計出理想的樣貌。

CSS對於網頁設計的人來說是不可或缺的工具，要達到妥善運用CSS的境界，基本功必然是要扎實才行。一直以來都是套用已有的CSS框架像是Bootstrap, Bulma, UIKit...等等, 對於一些基本的CSS用法是一知半解的狀態。為了鍛鍊自己的基本功，除了翻查語法手冊外，多模仿＆參考各家網站的設計應該是一件相當有益的方式。因此，這次先從普遍常有的頁面開始著手練習，重新認識文字，圖片的位置設定方式。

介紹使用Python3對檔案(file)的操作方式。檔案的讀寫(read, write)，取得檔案夾內的檔案列表，檔案名稱的變更，檔案是否存在的判斷。

NuxtJSにFirebase認証を導入するのは簡単にできると思ったが、意外にはまりました。 今回は静的なサイトにGoogle認証の機能を実装しまして、その過程にメモした方が良いと思う部分があったので、記事にしました。 今後、同じ構成で認証機能を作成したい時に、参考になればと思います。

將矩陣合併時，常常會想到以下這兩種方法。array_combine與array_merge。本文說明 PHP **array_merge**使用說明與範例。

紀錄如何變更與確認AWS Linux2的時區(timezone)設定方法與需要注意的小細節。

將矩陣做分割取部分元素時，常常會用到array_chunk, array_slice, array_splice這三種函數。本文說明 PHP array_splice使用說明與範例。

將矩陣做分割取部分元素時，常常會用到array_chunk, array_slice, array_splice這三種函數。本文說明 PHP array_slice使用說明與範例。

將矩陣合併時，常常會想到以下這兩種方法。array_combine與array_merge。本文說明 PHP **array_combine**使用說明與範例。

將矩陣做分割取部分元素時，常常會用到array_chunk, array_slice, array_splice這三種函數。本文說明 PHP array_chunk使用說明與範例。

PHP ucwords使用說明與範例

PHP ucfirst使用說明與範例

PHP trim使用說明與範例

PHP strtoupper使用說明與範例

PHP strtolower使用說明與範例

PHP str_split使用說明與範例

PHP str_replace使用說明與範例

PHP str_ireplace使用說明與範例

PHP rtrim使用說明與範例

PHP ltrim使用說明與範例

PHP lcfirst使用說明與範例

PHP implode使用說明與範例

PHP chunk_split使用說明與範例

PHP explode使用說明與範例

使用`fusedLocationClient`來取得手機的位置訊息。並且試做定時取得位置座標資料，以及手機設定上將位置功能關閉時，程式彈出訊息讓使用者啟動位置功能。

Flutterで色んなButtonを作成してみる。Circle, Rounded, Flat, Icon button。

今回はFlutterで簡単なTimerアプリを作成してみたくて、その経過、結果、勉強したものを記録します。

Substringの使い方をメモしました。

Substringの使い方をメモしました。

Pythonで(File Read, Write, Exists)ファイルの操作方法を紹介します。

介紹幾種常見的Array和Object的deep copy(深拷貝), shallow copy(淺拷貝) 方法。

Nodeの環境でJavascriptを使ってLinuxコマンドを実行する方法をメモしました

Jupyterを使って、SSH経由でMySQLデータベースを操作する方法をメモします。

解決php+Nginx環境中出現的問題：upstream set too big header

定時處理機制Crontab的常用指令，包含確認，編輯，寫法。

本篇文章將介紹使用Navigation管理畫面流程

本篇文章將介紹使用Glide來顯示各種天氣圖示，並且修正程式碼讓城市名可以在畫面上顯示出來。

介紹天氣資訊畫面的設計。畫面資料處理部分使用DataBinding,LiveData。畫面設計中則使用了CollapsingToolbarLayout,RecyclerView。

使用PHP的cURL做POST網路請求。

介紹Let's Encrypt證明書取得流程並設定到EC2+Nginx伺服器。

介紹使用Retrofit與Coroutines做網路API的處理。 # 功能： - 從地區選項中選定地區後，可以得知該地區的溫度變化，氣候狀況。 - 地區選單可以自行添加地區或是刪除地區。 - 透過網路即時取得與更新天氣資料。

如何製作「天氣資訊」Android應用程式的系列影片第一集：天氣資料取得與準備工作。這是一款顯示現在以及未來天氣資訊的應用程式。 # 功能： - 從地區選項中選定地區後，可以得知該地區的溫度變化，氣候狀況。 - 地區選單可以自行添加地區或是刪除地區。 - 透過網路即時取得與更新天氣資料。

在youtube上看到這部UI實作教學，簡單地兩個頁面中設計出相當漂亮的介面，且都是使用一些常見的Widget。看了看覺得在設計介面與使用UI上有很多直得參考的地方。記錄下來對日後會有相當大的幫助。

為了在Google商店裡上架自己的APP，必須先製作公開用APK（這裡稱為release apk），再將製作完成的APK上傳到Google play商店裡公開下載。本篇文章裡著重於如何製作release APK

以前画像をS3にアップロードする時に、まずはサーバーに画像を一時的に保存してから、S3にアップロードしましたが、今回はブラウザーでサーバーに画像を保存せずにそのままS3にアップロードしてみました。

ListView是在Flutter中常見的具有滾軸的Widget。在做大量資料顯示時，例如像是圖片，文章，文字列表時，通常都會使用ListView來大量重複的相似的介面。你可以做直向滾動的ListView，也可以做橫向滾動的ListView，這些都是根據設計者的需求來決定。

使用array的filter函數將不要的元素，例如空白文字或是null去除

Container中可以繪製其他的Widget、設定ＵＩ位置的擺放、以及整體大小調整，所以是個在設計ＵＩ介面時相當常見的Widget。

プロジェクトの関係で、Jsonファイルのデータを再処理することがあったので、ファイル読み取りと保存方法（fsモジュール）、配列の並び順変更の方法（sort関数）とその結果をメモしておきます。

画面向きの自動検知をオンにしても、画面の向き(Portrait、 Landscape)を変わらないで欲しい時に、SystemChrome.setPreferredOrientations()を使えば、向きが固定されます。

Flutterでは、アプリのScreensやPagesはRouteで呼ばれています。各画面の移動をコントロールするのはNavigatorです。RouteとNavigatorを把握できれば、簡単な画面遷移を実装出来ます。

Flutter imageのfit, alignment, repeat属性を設定できるサンプルを作って、それぞれの効果を紹介します。

Flutter imageのcolor、colorBlendMode、matchTextDirection属性を設定できるサンプルを作って、それぞれの効果を紹介します。

画像UIの作成方法について、紹介します。

Containerの中に描画、位置設定、サイズ処理のWidgetを含めていますので、Layoutのデザインをする場合にはよく使われている便利なWidgetです。

今回、RichTextを使ってみた結果を貼っておきます。 TextのStyle設定を部分的に調整できるのはRichTextの魅力だと思います。

filter関数でいらない要素を排除する方法で空やNULL要素も排除できます。