在某些場合會希望能將網頁存成pdf檔案或是列印成紙本,雖然可以透過瀏覽器的列印功能達成目的,但是如果畫面中有些部分是不需要,或是只想輸出部分內容時,開發者可以透過javascript以及css來完成更細微的操作。本篇文章將介紹使用javascript以及css來達成將網頁輸出成pdf或列印成紙本的方法。
read more...透過**Auth facade**可以使用Laravel認證服務,利用`attempt`方法來達成簡單的認證功能。
read more...介紹python內建函數,可以用type函數取得物件型態。可以用isinstance函數確認物件型態。
read more...介紹python內建函數,可以用print函數將文字、數字或是變數的值用標準輸出(sys.stdout)的方式列印出來。當想要在螢幕上印出文字,偵測錯誤或是確認內容時常常被使用。可以用**sep關鍵字引數**變更分隔符號。可以用**end關鍵字引數**變更結尾。
read more...介紹python基本知識,資料型態、bool, list, 型態轉換、if表達式、for迴圈處理、while迴圈處理的用法,並且製作一個簡單的猜數字小程式。
read more...本文中將會介紹Selenium的使用,並且使用Google Collaboratory(簡稱Google Colab)這個強力的Python開發工具來簡單地做Google搜尋關鍵字,把結果儲存起來。
read more...使用Laravel8+Vue3+Bootstrap5實作TODO List網頁應用程式的系列文章第九篇。本文將示範安裝Bootstrap5並介紹如何使用它
read more...使用Laravel8+Vue3+Bootstrap5實作TODO List網頁應用程式的系列文章第八篇。本文將示範用vue重新建立todo list畫面。
read more...使用Laravel8+Vue3+Bootstrap5實作TODO List網頁應用程式的系列文章第七篇。本文將介紹一下安裝vue的過程跟基本的設定。
read more...使用Laravel8+Vue3+Bootstrap5實作TODO List網頁應用程式的系列文章第六篇。本文將介紹一下Web Route,並示範建立待辦事項的網頁。
read more...使用Laravel8+Vue3+Bootstrap5實作TODO List網頁應用程式的系列文章第五篇。本文將介紹如何建立新增、更新、刪除待辦事項的API。
read more...使用Laravel8+Vue3+Bootstrap5實作TODO List網頁應用程式的系列文章第四篇。本文將介紹如何建立一個GET API來取得測試資料。
read more...使用Laravel8+Vue3+Bootstrap5實作TODO List網頁應用程式的系列文章第三篇。本文將介紹如何使用Factory Seeder Faker來快速產生測試資料到資料庫上。
read more...使用Laravel8+Vue3+Bootstrap5實作TODO List網頁應用程式的系列文章第二篇。本篇將介紹如何在雲端開發環境Google Cloud Shell中用Docker建立Laravel8的開發環境。
read more...使用Laravel8+Vue3+Bootstrap5實作TODO List網頁應用程式的系列文章第一篇。本篇將介紹如何在雲端開發環境Google Cloud Shell中用Docker建立Laravel8的開發環境。
read more...什麼是Google Cloud Shell:一個已預先載入 kubectl、gcloud 指令列工具等公用程式的線上開發工具。 可以在上面編寫開發應用程式,並且還能執行偵錯。
read more...用PHP處理資料後,除了在畫面上顯示外,能夠轉成CSV格式檔案後下載到電腦上是常常有的情況。本文將介紹使用PHP實現CSV檔案下載。範例是在Laravel的框架中實現,但只要知道原理後在其他的應用框架中也能實現。
read more...本文將介紹你一種方法,當你在Github上發佈release後自動地發送相關訊息到slack上。這個方法將使用**Github Actions**跟**Slack Incoming Webhook**。
read more...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...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...本文將會示範三種保存Pandas DataFrame內容的方法。- 下載成CSV格式的檔案。- 儲存為CSV格式檔案到Google硬碟上.- 儲存為Google試算表(Spreadsheet)檔案到Google硬碟上.
read more...本文將介紹一種在colab上製作簡單的網頁資料搜集的應用。把單純的搜尋+內容複製儲存的工作透過Python程式碼讓電腦幫我們來執行。
read more...Mapboxを使って作成した地図の中に、ある地点から半径◯KMで円を作る場合はよくあると思います。中心点の座標と半径を入力して、円を作成してもらう方法を調べまして、Mapbox+Turf.jsで出来ました。これから、今回の実装方法を紹介します。
read more...本文將介紹用gspread來處理Google Spreadsheet(工作表)。主要內容為,檢查`gspread`版本與更新、連結Google Drive(Google硬碟)與驗證、`gspread`的基本使用。
read more...本文中將會介紹Google Collaboratory(簡稱Google Colab)這個強力的Python開發工具,讓新手也能快速使用Python來完成工作上的需求。另外也來談談一些高效的使用秘訣。
read more...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...RDSはEC2からしか接続できない設定になっているため、ローカル環境からRDSに接続したい場合は少し作業が必要です。今回は、ローカル環境のDockerコンテナで動いているLaravelアプリから踏み台(EC2)経由でRDSに接続してみた方法を紹介します。
read more...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...今回はurllib.requestでHTTPリクエストを実行する方法を紹介します。全体流れとしては、 - `urllib.request.Request`関数でHTTPリクエストを作成する。 - 作成したHTTPリクエストを`urllib.request.urlopen`関数の引数にして、関数を実行してレスポンスを取得する。 - `json`モジュールで取得したJSONレスポンスを解析する。
read more...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...この記事ではpyenvでのpythonバージョン管理する方法を紹介します。- **Homebrew**で**pyenv**をインストールする。 - `pyenv install --list`でインストール可能なバージョン一覧を取得する。 - `pyenv versions`でインストール成功かどうかを確認できます。 - `pyenv global <version>`や`pyenv local <version>`でglobalやlocalのpythonバージョンを切り替えられます。
read more...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...以下の4つの箇条書きを参考に、フォルダ内のファイルをファイルタイプ別に整理してみました。 - フォルダが存在するかどうかは、`os.path.isdir()`関数で確認してください。 - フォルダ内のファイルの一覧を取得するには、`os.listdir()`を使用します。 - ファイルタイプを取得するには、`os.path.splitext()`関数を使用します。 - shutil.copyfile()`関数を使用して、ファイルをターゲットパスにコピーします。
read more...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...使用以下四個重點,將資料夾中的檔案依照檔案類型重新整理。- 使用`os.path.isdir()`函數來確認資料夾是否存在。- 使用`os.listdir()`來取得資料夾中的檔案列表。- 使用`os.path.splitext()`函數來取得檔案類型。- 使用`shutil.copyfile()`函數來複製檔案到目標路徑。
read more...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...この記事では、Laravelのライフサイクルについて自分なりにまとめてみたものです。Kernel, Middleware, ServiceProvider, Routeも紹介します。Laravelの勉強をする際に、全体像を理解して、アプリケーションのライフサイクルを把握した上で、何かしらのフレームワーク機能を改善したり、ベースになる処理を調査したり時に役に立つと思います。
read more...本文是對Laravel Lifecycle的內容用自己理解整理而成的筆記,內容包含Kernel, Middleware, ServiceProvider, Route。我想對於學習Laravel的人來說,理解Laravel整體面貌、掌握Laravel的生命週期,將會對Laravel框架上的調整或是調查底層功能時有很大的幫助。
read more...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...pandas的DataFrame是在做數據分析時很常使用的物件,本文介紹四種常見的方式(**NumPy**、**dist**、**list**、**csv檔案**)來建立DataFrame。
read more...PythonでLoopをしたいときに、何のやり方を使っていますか?for-in, zip, mapのどちらを使いますか?今回はlist、dictの中身を一つずつ処理たい時によくある使い方を調べました。
read more...在Python中做迴圈處理時,你都是用什麼方法呢?是用for-in?還是zip函數?還是map函數呢?這裡整理了對list、dict做迴圈處理的方法。
read more...「自己想做的事是什麼?」、「自己想做的事有價值嗎?」、「現在做的事是自己想做的事嗎?」、「想做的事一大堆但時間有限不知道哪個先做?」。時不時會有這些的疑問從心底深處冒出,特別是失去目標時、工作疲倦時、對現在做的事無法感到滿足時。當遇到這樣的煩惱時,要如何解決讓自己不再迷惘呢?這些知識或方法,在學校求學中很少提及老師們也不曾教授,但卻是個相當重要的問題。於是,我開始尋找解方,終於讓我從書中似乎找到的一個不錯的方法。
read more...この記事では、Dockerを使って自分のコンピュータにLaravel8の開発環境を構築する方法を説明します。最後はPHP8、MySQL8、Laravel8のDocker環境を構築できました
read more...探索・推論の時期に、知識や経験の構築で探索コストを削減できて、精度も上げるし、実用性の可能性も出てきた。そのため、知識のデータベースを構築する必要も出てきた。膨大なデータベースがあれば、ある程度の範囲内の問題をコンピューターに質問して、答えが出てくるシステムが開発された。特に会話をシミュレーションするシステム。例えば、**イライザ(ELIZA)**というプログラムは自然な感じで人間と対話を行える。ただ、コンピューターが会話の本当の意味を理解できるわけではなく、パターンに応じて答えを出すだけ。このようなプログラムは**人工無脳**プログラムと呼ばれる。
read more...今まで人工知能の発展の歴史から見ると、その技術の実用性、精度を追求する過程だと言えると思う。 汎用性があるコンピューターが開発された後、コンピューターが現実世界の問題をどれほど、どのように解決してくれる研究を進んで、その理論と方法を模索している最初の時期はAI発展の初期頃だ(**探索・推論**の時代)。コンピューターに現実の問題をそのままで投げても答えが出ないので、まずコンピューターが処理できる形にする必要がある。その後、問題の正解を探索してくれるように計算機科学でも使っている**探索木**の構造を採用した。
read more...「Artificical Intelligence」という言葉は「ダートマス会議」(1956年アメリカ)で「ジョン・マッカーシ」が使った名称です。明確な定義はないため、専門家の間にも様々な定義があります。定義は非常に曖昧です。同じシステムに対して、「これは人工知能だ」、「いや、これは人工知能ではない!」という場合はあります。おかしくはありません。
read more...物件導向設計是程式設計中一項重要的概念。 而Python語言中的資料都是物件,可以設計自己的物件類別(class)。 本文將介紹如何設計class。
read more...Google Mapを利用して地図関連の個人アプリを作りたくて、FlutterでGoogle mapの表示を試してみました。 公式のパッケージを提供していますので、それを使って、地図表示、移動、マーカー設置、zoom機能などができています。 現在地の取得もできるようになっていますので、地図アプリを作れそうですね。
read more...FlutterでWebviewを使いたくて、調査してみました。その時によく目に入ってるライブラリーは flutter_webview_pluginと webview_flutterです。webview_flutterは公式の製品ですが、ドキュメントの情報はflutter_webview_pluginより少ないですし、プレビュー公開の状態ですので、充実できたら、使っても良いと思いますが、今回はドキュメント情報が多いflutter_webview_pluginを利用して、WebVeiwからFlutter側に処理を実行させる方法を試してみました。
read more...lex的使用相當的普遍與實用,特別是現在有手機,平板,筆電,桌電等等不同螢幕尺寸的機器,因此設計出來的畫面常會要對各種不同尺寸的螢幕做考量。flex就特別適用於這樣的場合,可以隨著螢幕大小的變化來對頁面中的元素做伸縮設定。
read more...NuxtJSのデフォルトエラー画面をカスタマイズしたいため(特に404 not foundの表示)、変更する方法を試してみました。 そんなに手間がかからないので、方法をメモして、今後修正したい時に参考になると思います。
read more...網頁上常看到Table的蹤跡,一張好看的表格會決定頁面的吸睛程度。 所以今天要重新認識一下表格設計,不依靠其他模板的力量,自己動手製作出幾個常見的表格。 以後在做調整時就能比較輕鬆設計出理想的樣貌。
read more...網頁上常看到h1, h2, h3...的蹤跡,標題是吸引人目光的一項重要要素。它能讓你想要呈現的重點很清楚地展現在讀者面前。本文本文介紹一些常見的標題設計,都是用CSS語法可以完成的簡單樣式,複製貼上即可使用。
read more...CSS對於網頁設計的人來說是不可或缺的工具,要達到妥善運用CSS的境界,基本功必然是要扎實才行。一直以來都是套用已有的CSS框架像是Bootstrap, Bulma, UIKit...等等, 對於一些基本的CSS用法是一知半解的狀態。為了鍛鍊自己的基本功,除了翻查語法手冊外,多模仿&參考各家網站的設計應該是一件相當有益的方式。因此,這次先從普遍常有的頁面開始著手練習,重新認識文字,圖片的位置設定方式。
read more...介紹使用Python3對檔案(file)的操作方式。檔案的讀寫(read, write),取得檔案夾內的檔案列表,檔案名稱的變更,檔案是否存在的判斷。
read more...NuxtJSにFirebase認証を導入するのは簡単にできると思ったが、意外にはまりました。 今回は静的なサイトにGoogle認証の機能を実装しまして、その過程にメモした方が良いと思う部分があったので、記事にしました。 今後、同じ構成で認証機能を作成したい時に、参考になればと思います。
read more...將矩陣合併時,常常會想到以下這兩種方法。array_combine與array_merge。本文說明 PHP **array_merge**使用說明與範例。
read more...將矩陣做分割取部分元素時,常常會用到array_chunk, array_slice, array_splice這三種函數。本文說明 PHP array_splice使用說明與範例。
read more...將矩陣做分割取部分元素時,常常會用到array_chunk, array_slice, array_splice這三種函數。本文說明 PHP array_slice使用說明與範例。
read more...將矩陣合併時,常常會想到以下這兩種方法。array_combine與array_merge。本文說明 PHP **array_combine**使用說明與範例。
read more...將矩陣做分割取部分元素時,常常會用到array_chunk, array_slice, array_splice這三種函數。本文說明 PHP array_chunk使用說明與範例。
read more...使用`fusedLocationClient`來取得手機的位置訊息。並且試做定時取得位置座標資料,以及手機設定上將位置功能關閉時,程式彈出訊息讓使用者啟動位置功能。
read more...Pythonで(File Read, Write, Exists)ファイルの操作方法を紹介します。
read more...解決php+Nginx環境中出現的問題:upstream set too big header
read more...介紹天氣資訊畫面的設計。畫面資料處理部分使用DataBinding,LiveData。畫面設計中則使用了CollapsingToolbarLayout,RecyclerView。
read more...介紹Let's Encrypt證明書取得流程並設定到EC2+Nginx伺服器。
read more...介紹使用Retrofit與Coroutines做網路API的處理。 # 功能: - 從地區選項中選定地區後,可以得知該地區的溫度變化,氣候狀況。 - 地區選單可以自行添加地區或是刪除地區。 - 透過網路即時取得與更新天氣資料。
read more...如何製作「天氣資訊」Android應用程式的系列影片第一集:天氣資料取得與準備工作。這是一款顯示現在以及未來天氣資訊的應用程式。 # 功能: - 從地區選項中選定地區後,可以得知該地區的溫度變化,氣候狀況。 - 地區選單可以自行添加地區或是刪除地區。 - 透過網路即時取得與更新天氣資料。
read more...在youtube上看到這部UI實作教學,簡單地兩個頁面中設計出相當漂亮的介面,且都是使用一些常見的Widget。看了看覺得在設計介面與使用UI上有很多直得參考的地方。記錄下來對日後會有相當大的幫助。
read more...為了在Google商店裡上架自己的APP,必須先製作公開用APK(這裡稱為release apk),再將製作完成的APK上傳到Google play商店裡公開下載。本篇文章裡著重於如何製作release APK
read more...以前画像をS3にアップロードする時に、まずはサーバーに画像を一時的に保存してから、S3にアップロードしましたが、今回はブラウザーでサーバーに画像を保存せずにそのままS3にアップロードしてみました。
read more...ListView是在Flutter中常見的具有滾軸的Widget。在做大量資料顯示時,例如像是圖片,文章,文字列表時,通常都會使用ListView來大量重複的相似的介面。你可以做直向滾動的ListView,也可以做橫向滾動的ListView,這些都是根據設計者的需求來決定。
read more...Container中可以繪製其他的Widget、設定UI位置的擺放、以及整體大小調整,所以是個在設計UI介面時相當常見的Widget。
read more...プロジェクトの関係で、Jsonファイルのデータを再処理することがあったので、ファイル読み取りと保存方法(fsモジュール)、配列の並び順変更の方法(sort関数)とその結果をメモしておきます。
read more...画面向きの自動検知をオンにしても、画面の向き(Portrait、 Landscape)を変わらないで欲しい時に、SystemChrome.setPreferredOrientations()を使えば、向きが固定されます。
read more...Flutterでは、アプリのScreensやPagesはRouteで呼ばれています。各画面の移動をコントロールするのはNavigatorです。RouteとNavigatorを把握できれば、簡単な画面遷移を実装出来ます。
read more...Flutter imageのfit, alignment, repeat属性を設定できるサンプルを作って、それぞれの効果を紹介します。
read more...Flutter imageのcolor、colorBlendMode、matchTextDirection属性を設定できるサンプルを作って、それぞれの効果を紹介します。
read more...Containerの中に描画、位置設定、サイズ処理のWidgetを含めていますので、Layoutのデザインをする場合にはよく使われている便利なWidgetです。
read more...今回、RichTextを使ってみた結果を貼っておきます。 TextのStyle設定を部分的に調整できるのはRichTextの魅力だと思います。
read more...