PHP Laravel8+Vue3+Bootstrap5實作TODO List ep07:安裝vue3跟基本設定

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

read more...

PHP Laravel8+Vue3+Bootstrap5實作TODO List ep06:初步認識Web Route

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

read more...

PHP Laravel8+Vue3+Bootstrap5實作TODO List ep05:製作新增、更新、刪除待辦事項的API

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

read more...

PHP Laravel8+Vue3+Bootstrap5實作TODO List ep04:製作取得待辦事項的API

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

read more...

PHP Laravel8+Vue3+Bootstrap5實作TODO List ep03:產生測試資料到資料庫中

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

read more...

PHP Laravel8+Vue3+Bootstrap5實作TODO List ep02:連接DB與Migration

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

read more...

PHP Laravel8+Vue3+Bootstrap5實作TODO List ep01: 開發環境與建立Laravel應用程式

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

read more...

dev 第一次試用Google Cloud Shell

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

read more...

PHP 用PHP將資料轉成CSV格式檔案

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

read more...

dev 在Github上發布Release後自動發送通知到Slack

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

read more...

dev Send A Slack Notification Automatically When A Release Is Published On Github

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**.

read more...

Python Colab: 三種保存Pandas DataFrame內容的方法

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

read more...

Python Colab: 3 Ways To Save Pandas Dataframe Data

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.

read more...

Python Colab: 自動抓取網路上的資料(by Beautiful Soup4)

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

read more...

Javascript Mapbox地図にある地点を中心に距離別の円を表示させてみる

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

read more...

Python Google Colab: 用gspread處理Google Spreadsheet的資料

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

read more...

Python Google Colab introduction & Tips

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

read more...

Python Google Colab 介紹&高效秘訣

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

read more...

PHP Laravel+Dockerから踏み台経由でRDSに接続する

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

read more...

PHP Connecting to RDS from Laravel+Docker via bastion server(EC2)

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).

read more...

Python Python: Use urllib.request to do http request

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.

read more...

Python Python: urllib.requestでHTTPリクエストを実行する【サンプル付】

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

read more...

Python Python: pyenvでPythonバージョンを管理する

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

read more...

Python Python: use pyenv to manage the version of 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.

read more...

Python Python專案:資料夾內的檔案依照檔案類型分類

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

read more...

Python Python project: files in folders are organized by file type

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.

read more...

Python Pythonプロジェクト:フォルダ内のファイルをファイルタイプ別に整理してみた

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

read more...

PHP Laravel 生命週期(Lifecycle)快速理解

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

read more...

PHP Laravel ライフサイクルについて簡単なまとめ

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

read more...

PHP Laravel: A brief summary of the lifecycle

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.

read more...

Python Python: Pandas DataFrame的簡單製作方法

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

read more...

Python Python: 4 ways to create Pandas 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.

read more...

Python Python: 使用for-in, zip函數, map函數做迴圈處理

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

read more...

Python Python: for-in, zip関数, map関数でloopする方法

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

read more...

reading 找出自己想做的事 讀書感想

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

read more...

PHP DockerでLaravel8の開発環境を構築する

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

read more...

AI AI人工知能の「知識」時代

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

read more...

AI AI人工知能の「探索・推論」時代

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

read more...

AI AI人工知能とは

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

read more...

PHP 用Docker建立Laravel8的開發環境

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

read more...

Python Python認識物件類別Class

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

read more...

Flutter google_maps_flutterでGoogle Mapを表示する

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

read more...

Flutter flutter_webview_pluginでJS側からFlutterの関数を呼び出す

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

read more...

CSS CSS入門:學習flex的使用方法

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

read more...

Javascript NuxtJSのエラーページ(404 errorなど)を変更してみた

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

read more...

CSS HTML&CSS入門:為你的網頁換上精美的表格(Table)樣式

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

read more...

CSS HTML&CSS入門:為你的網頁換上精美的標題(Title)樣式

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

read more...

CSS CSS入門:製作一個含有header, footer的簡易頁面

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

read more...

Python 使用Python對檔案(File)進行讀寫操作等的相關操作:Read, Write, Exists

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

read more...

Javascript Firebase Authentication + NuxtJSでGoogle認証を実装してみた

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

read more...

PHP PHP 新手教學 Array | array_merge的使用說明

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

read more...

server Amazon Linux timezone確認與變更

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

read more...

PHP PHP 新手教學 Array | array_splice的使用說明

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

read more...

PHP PHP 新手教學 Array | array_slice的使用說明

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

read more...

PHP PHP 新手教學 Array | array_combine的使用說明

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

read more...

PHP PHP 新手教學 Array | array_chunk的使用說明

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

read more...

Android Android fusedlocation取得裝置位置的注意事項

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

read more...

Flutter Flutter Buttonのメモ

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

read more...

Flutter FlutterでTimerアプリを作成する

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

read more...

Python Python: 使用Substring取得文章中的文字

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

read more...

Python Python Substringを使ってみた

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

read more...

Python Python File: ファイルの操作(Read, Write, Exists)

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

read more...

Javascript Array, Object的複製

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

read more...

Javascript NodeJSでLinuxコマンドを実行する

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

read more...

Python PythonでSSH経由し外部のMySQLデータベースを操作してみる

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

read more...

server upstream set too big header & Nginx 502 Bad Gateway

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

read more...

server 定時處理機制Crontab的常用指令

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

read more...

Android Weather app: 使用Navigation管理畫面流程

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

read more...

Android Weather app: 使用Glide來顯示各種天氣圖示

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

read more...

Android Weather app: 使用DataBinding,LiveData來製作WeatherDetailFragment

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

read more...

PHP 使用cURL執行Post網路請求

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

read more...

server 使用Let's Encrypt取得SSL證明書,設置在EC2+Nginx伺服器上

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

read more...

Android Weather app: Coroutines and Retrofit2

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

read more...

Android Weather app: 天氣資料取得與準備工作

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

read more...

Flutter Flutter UI實作教學影片推薦:Despicable Me Characters

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

read more...

Flutter Flutter Build release APK

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

read more...

javascript AWS SDK for Javascriptを使ってブラウザーから画像をS3にアップロードする

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

read more...

Flutter Flutter ListView的簡介

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

read more...

Javascript Javascript 去除的array中空白或是null元素

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

read more...

Flutter Flutter Container使用

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

read more...

Javascript JavascriptでJsonファイルを読み込んで並び順を変更する

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

read more...

Flutter Flutter Orientation to Landscape or Portrait

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

read more...

Flutter Flutter route-画面遷移

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

read more...

Flutter Flutter Image Widget の入門:③fit, alignment, repeat属性

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

read more...

Flutter Flutter Image Widget の入門:②color, colorBlendMode, matchTextDirection属性

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

read more...

Flutter Flutter Image Widget の入門:①画像の作成

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

read more...

Flutter Flutter RichTextを使ってみた

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

read more...

Flutter Flutter Containerの使い方

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

read more...

Javascript Javascript 配列にある空やNULL要素を排除する方法

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

read more...