程式設計
首頁 程式設計
[電子書]Google試算表建立資料庫網頁 – 實作程式
9. GAS連接多個Web App檔11. 表單上傳系統12. 階層式登入系統13. 模糊資料搜尋系統 - SQL14. 資訊發布系統CRUD系統15. 待辦事項－CRUD系統新增章節 第19章. Google試算表－功能列按鈕 － 跳出CRUD系統
9. GAS連接多個Web App檔
code.gs
function doGet(e){
// if ... else ... statement 來確認是否有參數來決定開啟哪一個網頁
//如果沒有參數
if (!e.parameter.page){
...
【Google Sheets資料庫-2】指定Google試算表上的資料到網頁上
程式分享如下：
code.js
// 哪一個檔案要顯示資料
function doGet(e) {
var x = HtmlService.createTemplateFromFile("index");
var y = x.evaluate();
// 避免無法顯示，使用XFrame allow all
var z = y.setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL);
...
AI學習工具 – 前後差異比較
差異分析
...
網頁程式設計對決：ChatGPT、Gemini、Claude3，究竟哪個最強？
人工智慧的演化速度驚人,程式編碼這項傳統人類專長,近來也被AI搞得天翻地覆。不過,誰是頂級高手?今天我們就來評比一下三位知名AI的網頁開發實力。
出賽者包括:
ChatGPT - 目前AI界的人氣王,佔有大量用戶群。
Claude - 號稱最強大的AI,實力是否名符其實,待查看。
Gemini - 來自科技巨擘Google的基因,底蘊深厚有望一展長才。
(沒選Copolit只因它是建立在ChatGPT的模式上,所以不加以討論)
比賽項目如下:
請幫我設計公司首頁網站，並提供相關程式在同一個檔案裡
使用Bootstrap 5.3框架
加入頁面輪播功能
增設公司簡介模組(含圖文，兩欄位)
每一項將評分,累計總分高者為贏家。是時候拉開序幕,讓這AI大亂鬥開始吧!請看以下的影片：
https://youtu.be/4xQUeVVZG_w
比較表格
巢狀式「下拉式選單」設計/Design Nested Dropdown using Bootstrap
https://youtu.be/5hZhICwLTP0?si=l8IIGLr9rktCY1Rj
dropdown.html
https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js
<style>
.navbar-nav li:hover>ul.dropdown-menu {
...
【網知 EP9】將Google 試算表的資料顯示在網頁上
https://youtu.be/zzIY22dHqY8
code.gs程式
// 連結HTML檔案
function doGet(){
var x=HtmlService.createTemplateFromFile("Index");
var y= x.evaluate();
// 避免無法顯示在網際網路上
var z = y.setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL);
return z;
}
// 抓試算表裡的資料
function getData(){
...
【Google Sheets變成資料庫- 1】上傳「表單」資料到Google 試算表
這個影片會介紹如何將網頁表單所輸入的資料，上傳到Google試算表
https://youtu.be/qxtgUKQMPFI
Code.gs
// 連結HTML檔案
function doGet(){
var html=HtmlService.createTemplateFromFile("form");
var check=html.evaluate();
var show =check.setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL);
return show;
}
// 新增資料到試算表
function addData(rowData){
//抓時間
...
【Google Sheets資料庫- 5】尋搜引擎
https://youtu.be/OH51tMGJQFk
這篇文章分享搜尋引撆程式。
code.gs
// 連結HTML檔案
function doGet(){
var html=HtmlService.createTemplateFromFile("index");
var check=html.evaluate();
var show =check.setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL);
return show;
}
/* PROCESS FORM */
function processForm(formObject){
var...
時鐘設計- 網頁
這個網頁設計專案會介紹如何用HTML, CSS, JavaScript來設計出一個l時鐘
https://youtu.be/AaweM7eTJok
html程式碼
http://script.js
</html>" style="color:#d8dee9ff;display:none" aria-label="Copy" class="code-block-pro-copy-button"><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport"...
這是奇蹟，每個人都是「程式設計師」
在2024年2月12日的杜拜世界政府峰會上，Nvidia的CEO黃仁勳（Jensen Huang）提出一個與眾不同的觀點。黃仁勳認為，即使在人工智慧（AI）革命的早期階段，程式設計已經不再是一項至關重要的技能。黃仁勳認為，由於AI負責程式設計，人類可以專注於更有價值的專業知識，如生物學、教育、製造業或農業。
資料來源：連結
影片在18:30時，提到未來每個人都是程式設計師
https://youtu.be/8Pm2xEViNIo?si=U-B0Nc6EUvfwXdFr
影片提到一個驚人的想法，在過去的10到15年裡，幾乎每個坐在科技論壇舞台上的人都會堅持認為年輕人學習計算機科學，學習如何編程是“至關重要”的。然而，根據黃仁勳的反直覺感受，“事實上，情況幾乎正好相反”。
黃仁勳告訴峰會與會者：“我們的工作是創造計算技術，使沒有人必須程式設計。並且程式設計語言是人性化的。現在世界上的每個人都是一個程式設計員。這是人工智慧的奇蹟。”
Nvidia CEO總結說，人們可以學習成為更有用領域的專家。專業領域，如生物學、教育、製造業、農業等，可以節省他們可能需要用於學習計算機程式設計的時間，從而更多地投入到更有生產力的追求中。因此，人們唯一需要的語言是他們出生和成長時所使用的語言，而且他們已經是專家了。
然而，人們仍然需要知道如何以及何時應用AI程式設計。因此，黃仁勳在簡短的視頻片段結尾處強調說：“我們必須使每個人都提高技能，我相信提高技能的過程將是愉快的，令人驚喜的。”