發表文章

目前顯示的是 1月, 2019的文章

SEO優化四個必知的語意標記(四):RDFa

圖片
​ ​ ​ 終於來到SEO優化最後一個關卡,一起來看看這個也跟微數據很像的RDFa適合用在哪?又該怎麼用? 什麼是RDFa? HTML5教學 的 RDFa SEO優化 方法 (Resource Description Framework in Attributes,屬性資源描述架構) 也是用來描述結構化資料的方式。 其 SEO優化 所使用的語法跟 微數據 很像,用 vocab 來指定 Schema.org;typeof 指定類型;property 指定屬性。 RDFa的例子與語法 RDFa 表示法的樣子如下: <div vocab="http://schema.org" typeof="Person"> <span property="givenName">John<span> <span property="familyName">Smith<span> <span property="gender">male<span> 上例 HTML5教學 的內容是用來表示:名字為「John」、姓氏為 「Smith」、性別為 「男」 其實跟下面的 微數據 意思是一樣的: <div itemscope itemtype="https://schema.org/Person"> <h1 itemprop="givenName">John<h1> <h1 itemprop="familyName">Smith<h1> <span itemprop="gender">male<h1> </div> 相關連結: SEO優化四個必知的語意標記(一):Schema SEO優化四個必知的語意標記(二):Microdata SEO優化四個必知的語意標記(三):JSON-LD 五部AI電影告訴你為什麼應該學習Python課程!! 雅婷跟Python也

SEO優化四個必知的語意標記(三):JSON-LD

圖片
​ ​ ​ 做SEO優化的關鍵之一,就是要讓搜尋引擎懂你的網頁內容!所以今天介紹個超好用的給你用! 什麼是JSON-LD? HTML5教學 中的 SEO優化 JSON (JavaScript Object Notation) 原本適用在 Javascript 語言內的一種物件表示法 JSON-LD (JavaScript Object Notation-Linked Data)顧名思義,就是把資料套用 JSON 的格式放在網頁上, 讓搜尋引擎了解網頁內容的語意格式。 JSON-LD的例子與語法 JSON 表示法的樣子如下: { "firstName": "John", "lastName": "Smith", "sex": "male", } 上例用來表示:名字為「John」、姓氏為 「Smith」、性別為 「男」 以上HTML5教學語法若搭配上各種 keyword (如下例的 "@context" 與 "@type" ) 與 term (如下例的 "givenName"、"gender" 與 "familyName"等屬性 ) 之後, 就形成 SEO優化 功能跟 微數據 一樣的語意標記了。 <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Person", "givenName": "John", "familyName": "Smith", "gender": "male", }</script> 其實跟下面的 微數據 意思是一樣的: <div itemscope itemtype="https://sc

想看看疊疊樂第一名長什麼樣子嗎?快去上Python課程!

圖片
​ ​ ​ Python課程延伸出的-有感知的機器手臂,到底有多厲害?搭配影片,今天終於能一探究竟! 今天的 Python課程 討論了一個有趣的主題:過年玩疊疊樂總是贏?今年你可能輸給這個MIT的AI機器人 玩過疊疊樂的人都知道,跟時下熱門的線上遊戲如星海爭霸、或是常見的卡片型桌遊來比,想在疊疊樂的遊戲中勝出,需要的不只是純粹的智慧,還包含了「觸覺」的判斷:玩家需要用手指與腦感知抽積木時的平衡狀態,才能夠抽出正確的積木,瓶放到正確的位置,避免疊疊樂倒塌。 近日麻省理工的機械工程實驗室研發了可以玩疊疊樂的機械手臂,並且有能力感知積木的平衡狀態,並選擇該抽出那一塊積木。 不同於用傳統的機器學習-先使用大量的數據讓 AI人工智慧 分析後讓AI做出決策的訓練方式,MIT的科學家們讓AI在玩疊疊樂的過程中仿效人類在經驗中的學習方式,讓機器人大約玩了 300 次,就學會了疊疊樂。 就如同人類在玩疊疊樂會依照經驗等把積木分門別類一樣, Python課程 的老師表示:機器人依照將疊疊樂以「感測結果」和「平衡狀態」來分組,如將不好移動的積木感測數據分為一組、將容易移動的積木感測數據分為一組,將疊疊樂倒塌前的行為數據分為一組, AI人工智慧 就藉由這些分組數據以開發模型,預知每個動作之下,疊疊樂的狀況會如何被影響。 而機器人玩疊疊樂除了能預測之外,它還不像人類一樣,會因為緊張而有手抖、增加倒榻機率的問題。它是沒有情緒的。所以可能會比人類更容易勝出。 相關連結: 除了UI課程,緊接著你要知道的是Python和C++! 醫療界的大"革命",再不學Python課程,等著被擊潰! 關於Python課程,你絕對想不到它的來源竟然是... 達內教育幫助我不再懷疑人生 UI課程畢業你也有機會贏過賈伯斯 達內教育開幕 培養台灣IT人才進入全球企業 人人都能是工程師!台灣 IT 培訓中心推「找到工作再付學費」專案,要試試嗎?

讓年收一兆的公司董事長告訴你Python課程對AI有多重要!

圖片
​ ​ ​ AI和Python課程的結合,讓廣達變成一個AI王國!尾牙甚至以"廣達 30+ 引領 AI"為主題! 廣達年營收已突破新台幣 1 兆元,副董事長梁次震表示「是難能可貴」,而資訊產品有衰退的跡象,今年挑戰更為劇烈。面臨美中貿易戰,現階段仍等待美國總統川普表達他的想法,梁次震表示:「希望他(川普)能改變主意」。另外他也表示:廣達追求的不只是利潤,也要獲得技術上的成長,像是AI 就有很多技術有待突破。廣達的研發很厲害,一定要從新產品帶動新領域的發展,創造新商機。 廣達電腦成立超過 30 年, 1 月 31 日尾牙旺年會甚至以「廣達 30+ 引領 AI」為主題。 董事長林百里開場時表示:廣達已經超過30歲了,業績已超過1兆。他過去許下願望,廣達要做AI的大公司,現在公司靠著 Python課程 ,已有AI產品、伺服器、雲端、機器人、醫療設備,成為全方位 AI 人工智慧 的供應商,這都是員工努力作的,廣達已是全方位人工智慧(AI)供應商,AI 是未來 30 年最大的機會、最大的成長空間。 他表示,廣達朝 AI 及 Python課程 的方向發展,已經贏在起跑點,絕對要繼續堅持、奮鬥,獲得最後的勝利。今年 AI 人工智慧 對廣達來說,意義已經和往常不一樣,除了要讓 AI 事業更強大,也要賺大錢,讓公司壯大起來,希望員工一起分享、一起努力。林百里期盼,廣達員工更努力,獲得更高成就,也更幸福健康。 廣達副董事長梁次震說,廣達追求的不只是利潤,也要獲得技術上的成長, AI 人工智慧 就有很多技術有待突破。廣達的研發很厲害,一定要從新產品帶動新領域的發展,創造新商機。 相關連結: 八億人即將被機器人取代? 快來上Python課程作為你的浮木! 人工智慧與我們息息相關!而該從哪裡開始?從Python課程吧! Python課程對醫療上的幫助不少,這次又有厲害的技能! 網路行銷課程第1章:什麼是長尾關鍵字 網路行銷課程第2章:冷門關鍵字又叫長尾關鍵字? 網路行銷課程第3章:如何找長尾關鍵字? 中國IT教育領導品牌 達內教育集團第一家海外授權中心

Python課程發展出的AI連這也做得到...

圖片
​ ​ ​ ​Python課程時聽到一個天大的消息:Netflex現在已經開始測試該AI系統來解決串流平台的共享問題! AI 將可追蹤非法用戶,與他人共享 Netflix 帳號小心被抓!   你會分享你的 Netflix 帳密給親友追劇嗎?或是你現在正在使用的 Netflix 帳密是別人分享給你使用的?小心被 AI 抓包! 日前在美國拉斯維加斯舉辦的 2019 年消費電子展(Consumer electronics show,CES)上,來自英國的視訊軟體供應商 Synamedia 公布了一款全新的 AI 人工智慧 系統,用來防止付費視訊平台的使用者共享帳密的行為。 根據 Magid 最新的調查顯示,有 26% 的 Y 世代 (Millennials,泛指 1980年~2000 年出生的人) 會將自己在影音串流服務平台上的身分憑據資料,分享給他人。又根據美國消費電子產品權威市場分析機構 Parks Associates 的研究發現,直至 2021 年,共享帳密的行為會讓付費電視的收入損失達 9.9 億美元 (約 306 億台幣),而像 Netflix、Amazon Prime Video 等 OTT 影音串流平台則會損失 1.2 億美元 (約 37.021 億台幣)。 而這套 Synamedia 出品的新 AI 軟體 - Synamedia Credentials Sharing Insight 會分析目前有哪接使用者登入,並標註出那些帳號被分享使用。無論是小額的付費使用者、或是大規模的營利商,都追蹤的到。 Synamedia Credentials Sharing Insight 透過行為分析以及機器學習的模式,追蹤線上串流服務的帳密共享行為。除了制止非法的帳密共享行為之外,這套 AI 人工智慧 系統可讓影音串流平台的營運者,指定一個帳號可以分享給幾個人使用。像是有一些帳號就可供特定的人數共享,像是家庭帳號,自宅內的人皆可分享使用。 這套 Python課程 的AI 系統還可監視用戶數據資料庫,找出是否有潛在的的詐欺行為、或是準確辨識出使用者在哪裡 (家中、度假小屋等) 使用這個帳密、如何使用等等。 假如 AI 偵測到該用戶與不再住在家中的成年子女共享帳密的話,會被推薦成購買可讓更多人、更多裝置共享的多

人工智慧"蘭醫師"告訴你看醫生該掛哪科!再也不用盲目掛號了~

圖片
▲ HTC DeepQ 攜手彰基推出全台首位跨院 AI + 區塊鏈醫療照護對話機器人「蘭醫師」   人工智慧 蘭醫師真的能解決掛號問題嗎?下載立即見效!   生病不知掛哪科?人工智慧「蘭醫師」協助你!   生病了掛錯科,可是很浪費時間的!當覺得不舒服時,就先來尋求 人工智慧 「蘭醫師」吧!「蘭醫師」會先依照使用者給予的線索,做進一步詢問,如:「你頭痛嗎?有多痛?有咳嗽嗎?有發燒嗎?」,再藉由使用者輸入的答案而分析、整理出合適的看診科別,協助使用者掛號至對應的科別,以免跑錯診間! 「蘭醫師醫療照護 LINE Bot」由宏達電旗下的 DeepQ 團隊與彰化基督教醫院聯合推出,為全台首創 AI 結合區塊鏈醫療照護的對話機器人,可協助掛號的院所多達十家。透過 DeepQ 的醫療區塊鏈技術,可以鞏固跨院照護網的資訊安全。 人工智慧 「蘭醫生」LINE Bot 可是非常好上手,只要拿起手機、開啟 LINE、加入「蘭醫師」為好友 (蘭醫師 LINE ID:@cch.org.tw) 即可使用。只要在掛號前,開啟蘭醫師的聊天視窗、並且正確回答蘭醫師的問題,蘭醫師就可以告知正確的門診科別!使用者完成掛號後,「蘭醫師」還能追蹤看診進度、到診後個人衛教等。 「蘭醫師」的誕生,旨在全面提升就醫前、中、後的全程醫療照護品質,讓民眾不只在醫院有醫事人員照護、更可以在回家後,繼續享有醫療服務,打造無縫銜接的有感照護。另外,民眾還能在踏入醫院前,替自己及親友啟動「照護旅程」:從看診前筆記、到就醫後的精準衛教資料及個人化藥物資訊,都能完整串連。並且透過 LINE Bot 對話互動的方式,讓 人工智慧 的應用更親民方便。 「蘭醫師」的使用步驟如下: ▲ 首先在 LINE 加入「彰化基督教醫院」為好友 (LINE ID:@cch.org.tw) ▲ 選擇服務項目 ▲ 選擇依症狀、科別、或是醫師等資訊掛號 ▲ 若選擇依症狀掛號後,即可享用 AI 導診的服務。首先 AI 會請你指出不舒服的部位。 ▲ 選擇不舒服的部位後, 蘭醫師會引導你選擇不舒服的症狀 ▲ 依據你選擇的症狀,人工智慧會生成其他問題跟你確認 ▲ 蘭醫師依據你所有的回答,為你導診 ▲ 選了想掛號的科目後,就可以選擇醫院,然後就可以掛號了

SEO優化四個必知的語意標記(二):Microdata

圖片
​ ​ SEO優化中,就這語意標記專門在你耳邊murmur!?快來看看它的功能多重要! Microdata (微數據) 的格式 微數據的例子 倘若今天,你有一個介紹即將上映的電影「艾莉塔:戰鬥天使」 的網站,其中包含了類型、導演以及一個通向預告片頁面的鏈接,您的 HTML 代碼可能看起來像這樣: 微數據主要用到這幾個屬性來標注信息:itemscope、itemtype、itemprop。 什麼是微數據? SEO優化 另一個方式,也是網頁內部 SEO優化 不可或缺的步驟。 HTML5教學 指的網頁中的 「HTML 標籤」告訴瀏覽器如 Google Chrome 如何顯示標籤中的信息。 如網頁中的 「<h1>Java</h1>」告訴瀏覽器,關鍵字 「Java」 必須以 「標題1」 的格式顯示 但是這個 「Java」可能意味者:一種程式語言、一種咖啡、一種島嶼等類別。 而 「HTML 標籤」 不會告訴搜尋引擎這個 「Java」 是意味著上述哪一種意思。 這時候, HTML5教學 就必須在原本的 HTML 碼當中添加「Microdata (微數據)」 , 來宣告其類別, 就可以幫助搜尋引擎更精準識別網頁內容的具體意義。 在這個「Java」的例子中,微數據的角色就很像告訴搜尋引擎: 「嘿,這個網頁的 Java 是關於咖啡的內容喔!」或是「這個網頁的 Java 是指程式語言喔!」 <div><h1>艾莉塔:戰鬥天使</h1> <span>導演:詹姆士·卡麥隆 (生於1954年8月16日)</span> <span>類型:賽博叛客動作片</span> <a href="..//movies/Alita-Battle-Angel-trailer.html">電影預告片</a> </div> 這個 HTML 代碼若加了Microdata 微數據來宣告其資料類型,就可以讓搜尋引擎更容易辨識其類型。 <div itemscope itemtype="https://schema.org/Movie"> <!--宣

SEO優化四個必知的語意標記(一):Schema

圖片
​ ​ ​ 你怕SEO優化做不好而影響你的網站瀏覽量嗎?今天傳授Schema語意標記小百科讓你偷吃步~ Schema 語意標記小百科 為何 SEO優化 要用 Schema? 「 SEO優化 其中一個方式就是」讓你的網頁被 Schema 語意標記,是網頁內部 SEO優化不可或缺的步驟。 「雖然 HTML5教學 有提到可以使用語意標記來讓搜尋引擎理解網頁的邏輯,但是」唯有網頁的內容經過 Schema 語意標記之後,網頁內的資料才能真正的結構化, 讓搜尋引擎更了解網頁內被標記的資訊所代表的意義,進而讓網頁的資料大大被搜尋引擎應用:如搜尋結果、知識卡等,進而影響搜尋結果與排名排名與點閱率。 支援的搜尋引擎 Google、Bing、Yahoo 以及 Yandex (俄羅斯最大的搜尋引擎,也是全球第四大) 都支援 HTML5教學 Schema 語意標記進行網頁資料結構化。 編碼方式 因為在出現 Schema 語意標記之前, 早已存在各領域的語意標記方法, 主要有三種:   1. Microdata (微數據)   2. JSON-LD (JavaScript 串聯資料物件表示法)   3. RDFa (屬性資源描述架構) 以上編碼都是用來宣告「可讓機器自己讀取資料」, 也藉是透過這些表示法,電腦可以擷取已經定義好的資料。 因為以上語法都適用在各種不同的狀況,所以 Schema 的出現並不是推翻統一它們既有的語法。 而是只做統一定義詞彙如 author (作者)、product (產品) 等,再加上以上三種編碼搭配使用, 就能把網頁內容已結構化的風勢呈現給搜尋引擎。 相關連結: SEO優化四個必知的語意標記(二):Microdata SEO優化四個必知的語意標記(三):JSON-LD SEO優化四個必知的語意標記(四):RDFa 零售業救星!有了人工智慧,員工都笑呵呵,業績強滾滾! 人類史上最受歡迎的程式語言Python課程,你有興趣嗎? 素人變身工程師最佳捷徑,還不來上Java課程! 中國IT教育領導品牌 達內教育集團第一家海外授權中心

關於SEO優化,身為前端工程師的你這東西你不能不知道!

圖片
​ ​ ​ 如何靠著SEO優化的各種技巧來"upgrade"我的網站??原來靠著這東西就能達成! HTML 5 的語意標記,對 前端工程師 /前端設計師來說,是不知不可的網頁設計基礎,決定了網頁配置的邏輯;對於 SEO優化 師來說,雖然 HTML 5 的作用不是讓網頁可以被搜尋引擎自動擷取資料,但是卻可以讓搜尋引擎理解網頁每個部份 (Section,在此有人翻成區塊) 的排列邏輯、以及每個部份的作用等等,例如透過<header>告知搜尋引擎哪裡是頁頭、<nav> 告知搜尋引擎哪裡會列出導覽內容等等,還可以用來搭配 Schema 語意標記,協助搜尋引擎正確完成索引。 常見的 HTML 語意標記如下表所示: 標籤名稱 說明 <section> 區塊 <section>主要是告知搜尋引擎「這是一個段落」,包覆的對象不以文章為限。 裡面含標題<h1>-<h6>與內容<p>, 主要用途是告知搜尋引擎一個區塊的主要內容 (內容就是這個<section>的標題) <article> 文章區塊 <article>跟<section>性質相近,都有含標題<h1>-<h6>與內容。 但是相較於<section>,更強調所包覆的對象是「文章」 <header> 表頭 以前用<div>架構會像這樣寫<div class="header">、<div class="footer">, HTML5 則可以分別使用<header>與<footer>標籤來取代。在任何區塊下的架構, 如果需要詳細區分表頭表尾時,就可使用<header>以及<footer>來架構,用於<body>標籤下是最普遍的, 因為<body>的架構較大,需要清楚區分表頭與表尾。 <footer> 表尾 <aside> 側邊欄位 邏輯上跟&

人工智慧也有駕訓班了!一起來看看這個讓AI練車的地方~

圖片
  這 人工智慧 自駕公園,你也能進去參觀!!!一起來看看今天的分享!   人工智慧 (AI) 自動駕駛現在也有「駕訓班」,提供 AI 「試車」、學習「安駕」! 來自中國的商湯科技 (SenseTime) 2019 年赴日設立 AI 自駕車研發基地「AI 自動駕駛公園」,並與 HONDA 本田汽車合作,將利用此地開發人工智慧駕駛技術、測試自駕車,最後達到量產目標,讓未來人工智慧自駕車越來越普及! ▲ 商湯科技(SenseTime )在日本茨城縣常總市建立的 「AI自動駕駛公園」 「AI 自動駕駛公園」位於日本茨城縣西南部的常總市,離東京約 50 公里,鄰近日本科學研究中心的築波科學城。其前身是一所市營駕駛學校。改建成 AI 自動駕駛公園後,將成為 人工智慧 學習自動安全駕駛的試驗場地,以及商湯科技開發各種 人工智慧 駕駛技術的研發中心,亦會對外開放大眾參觀。 商湯科技副總裁、車載事業總經理兼日本公司總經理勞世竑表示:商湯將充分利用該測試場地,全力推進自動駕駛的開發和應用。商湯也會與社區緊密合作,期望此計畫能為常總市創造更多就業機會,並以科技為社會帶來貢獻。 ▲ 「AI 自動駕駛公園」前身為駕訓場地,圖片為現今園區內部車道 推薦閱讀: AI 自駕車不只有特斯拉!9 個人工智慧帶來的汽車產業革新 AI 甩尾技術勝 Ken Block!方程式冠軍車手嘆:要失業了 常總市市長神達岳志表示,自動駕駛將為未來交通體系帶來巨大改變,也有助於解決區域間的交通問題,並祝商湯科技早日取得技術成果,讓 AI 自駕車能安全行駛在常總市街上,當地市政府也會配合支持。 早在 2017 年,商湯與日本本田汽車 (HONDA) 汽車簽署戰略合作協議,共同開發 L4 級自駕技術。目前搭載商湯自動駕駛技術的測試車輛,已在日本、中國上海等多地進行道路測試,在 2025 年推出能在一般道路上行駛的量產自動駕駛汽車。     延伸閱讀: 你敢相信最年輕的人工智慧專家竟然才14歲嗎!??? 臉部辨識原來有這些隱憂?人工智慧真的讓你放心嗎?(下) Google地圖加上人工智慧,可不再只有導航功能~(上) 人工智慧寫「不想消滅人類」登《衛報》……記者將被 AI 取代? 人工智慧、大數據、VR等2020最搶手

靠著HTML5教學,連書頁在網路上都能這麼逼真?

圖片
​ ​ ​ 六個酷炫的電子書因為HTML5教學,變得生動有趣,每翻一頁就是一個新的體驗和享受:) 1. HTML5 書本翻頁動畫特效 ​ 這是手動翻書頁面特效的基本款。這款 HTML5 翻頁動畫可以用鼠標拖動頁面來模擬手動翻頁的效果,也可以點擊書頁的邊框來快速翻頁。 ▶網頁上展示 ▶原始碼下載 2. HTML5 3D書本翻頁特效 ​ 利用 HTML5 和 CSS3,不但可以實現翻頁動畫,還可以 3D 的立體形式實現。下面這款書本翻頁特效,使用鼠標拖拽書本頁面即可翻動頁面,在翻頁的過程中,書本還可以呈現出3D立體的效果 - 包括書本中的圖片也是。 ▶網頁上展示 ▶原始碼下載 3. HTML5/CSS3書本翻頁3D動畫 ​ 另一種 前端工程師 設計的簡潔版書本3D動畫特效,當我們將鼠標滑過書本時,書本就會自動一頁頁翻過去,書本的3D效果非常鮮明、極簡舒服。 ▶網頁上展示 ▶原始碼下載 4.超逼真書本翻頁動畫(CSS3版) ​ 這款 CSS3 動畫效果是 前端工程師 模擬書本翻頁的動畫特效。當鼠標滑過書本右上角時,書本即可向前翻一頁,而且翻頁動畫非常逼真。由於 CSS3 的運用,我們並不需要使用複雜的圖片來製造逼真的書本效果,書本翻頁可以很簡單地完成。 ▶網頁上展示 ▶原始碼下載 5.超逼真書本翻頁動畫(jQuery版) ​ 這款 jQuery 書本翻頁 3D 動畫,功能更加強大,支援頁數不限,並且也有非常逼真美觀的視覺效果。書本的內容支持所有的 HTML5教學 中的元素,彈性高、強大好用。 ▶網頁上展示 ▶原始碼下載 6.jQuery/CSS3書本翻頁動畫特效 ​ 這是一款 HTML5教學 ,基於 jQuery 和 CSS3 的書本翻頁動畫特效,外觀清新、還有指示便於操作。除了典籍滑鼠來翻頁之外,我們還可以直接點擊左右按鈕進行翻頁。 ▶網頁上展示 ▶原始碼下載 相關連結: HTML5教學的三個基本款(1):入門時,這兩樣東西一定要知道 HTML5教學的三個基本款(2):原來這東西這麼關鍵!? HTML5教學的三個基本款(3):標籤正在進步中,你呢?? 達內教育開幕 培養台灣IT人才進入全球企業