為什麼我使用 stackblitz 線上編輯軟體來教學HTML+CSS

 開始學前端或教學時

接觸過一些線上編輯軟體

例如，codepen、jsBin、jsfiddle

很多人在用，看起來也不錯

直到我發現stackblitz為止

先來說說為什麼我覺得stackblitz比前面幾個線上編輯軟體優秀的原因

為什麼我這次會使用stackblitz來教小朋友html+css

[flutter] 如何開啟原生bottom sheet 開啟第三方工具分享網址元件

今天來介紹如何用bottom sheet開啟第三方工具分享網址

bottom sheet就是會從下面浮上來的一個小元件

上面會有許多手機上可以分享的app

可以透過FB或Line等其他APP分享網址連結或文字內容

也可以用在銀行轉帳後的通知訊息

長得就像這樣

富凱外燴

這次IWD活動Vien推薦來自豐原的富凱外燴

包辦了午餐跟下午茶的餐點

整個服務過程與菜色實在令人太滿意了

因此寫了這篇文章記錄

活動開始前，來來回回討論菜色就修改了四遍

這過程中完全沒有任何不耐煩或不愉快的態度

根據富凱的低消先請他們開出了50人份的菜單

一看，哎呀！大多都是熱炒類的（因為他們說一定要讓賓客吃飽）

但我們場地沒辦法坐下來好好吃，只能站著

只好請他們調整一下菜單，第二版以串燒、燒賣、壽司為主

並且把午餐的點心拿掉換成餐點，因為我們已經有下午茶了

後來覺得主食跟素食不太夠，反應後又調整了ㄧ次

就這樣來來往往調整了四次

富凱的低消是午餐300元/人、下午茶100元/人

價錢還包括擺設跟收拾

早上富凱的大哥就先來擺設，連桌子都是他們帶來的

還現場表演噴火加熱的技術

沒有拍到垃圾桶，富凱大哥有自己帶三個垃圾桶

分別是餐盤回收、一般垃圾、廚餘

最令我感動的是，富凱用的餐盤不是免洗餐盤！！

除了增加用餐質感外，還大大減少垃圾量！！！

餐點吃光光

下午茶也是精緻美味路線

整個擺設跟收拾都是富凱大哥一個人搞定！！

我原本安排了4個機動組人員協助外燴處理

結果聽說他們的工作是

機動組：『大哥，要幫忙嗎？』

富凱大哥：『不用』

機動組：『哇！看起來好棒喔，拍照拍照！！』。瞬間全部變成攝影組....

可惜唯一美中不足的地方是

大哥把柳橙汁倒入茶水間造成阻塞了ＱＱ

大哥說看到有濾網才倒，沒想到會阻塞

一路好評的廠商瞬間負評.....

其實我們也沒看到大哥倒柳橙汁，因此寫信問他們

富凱負責接洽的林小姐馬上回信說『因今天比較忙一些，等晚點出完晚餐再詢問相關人員後回覆您，不好意思。』

出完餐之後，林小姐馬上打電話來說是他們到的沒錯

如果有任何清潔費用，他們願意承擔

好感度瞬間上升破表！！！

願意承擔錯誤並且負責到底的廠商，能不大力推薦嗎

[voicetube 退費挑戰] Lesson 1 學習筆記

拼錯字
communicate：雖然知道這個字，但聽著拚還是拼錯，要特別注意
com-mu-ni-cate

beautiful：看到紅蚯蚓才發現拼錯，這不是國中單字嗎?
beau-ti-ful

special：完全不會拚啊這個字
spe-cial


發錯音
compassionate：重音在pa，不要每次都根據自己的判斷亂發重音
com-ˋpa-ssio-na-te

新單字
spirit：心靈
career：職業。聽到時一直覺得很熟習，但就是不知道是啥

[voicetube 退費挑戰] 第一堂課，熟悉環境

根據昨天的評估，我買了中級課程60堂課

今天上完的結果覺得似乎太簡單，國中程度的樣子

不過也好，把基礎打穩吧!!!

開始第一堂課吧

雖然之前有用過VoiceTube自學英文

但課程卻是第一次買，今天算是熟悉系統吧

整個課堂做完花了36分鐘包括錯誤複習，不過中間有卡一些麥克風狀況

一進去只有左邊的新課程能點選影片

因為我已經上完課了，所以左邊才有出現我的複習課程

真不愧是voiceTube，一開始就先給你一段無字幕影片

聽完馬上考試，哈哈哈好震撼啊

考對影片的理解力、考有沒有聽懂單字

內容很廣，包括聽力、口說、單字、文法、對話

口說的部分還有老師錄音講解重點

除了沒有真人老師直接調整之外，我覺得用來打基礎應該蠻紮實的

上完課還會體醒你兩天後記得回來複習喔

連上課跟複習的時間都幫你排得好好的

根據這個進度，兩個月就能上完了XDD (最好是有那麼勤勞)

左邊的menu還有很多功能，會把你課堂上學過的單字、文法跟錄音的內容都記錄下來

單字本的部分，除了課程提供的單字，我還自己增加了上課中不會的字

筆記本還不會用，錄音全輯可以聽到同一堂課最後一次錄製成果

旁邊還有老師版本可以做比較

有文法的部分很不錯，我文法超級弱的

雖然口說基本上是不用太在意文法

但那是已經會基本文法的人才有辦法不在意文法

就像太極拳先要練才能無招勝有招啊

[Android] 使用兩指旋轉圖片

本篇文章說明怎麼在android上開發『用兩隻手指頭旋轉圖片』功能

跟縮放一樣，繼承原生的ImageView，在由onTouchEvent去控制

程式碼如下：

[產品規劃] 蟹老闆相機

動機

九月即將要跟小卿去土耳其long stay

一堆人問我要不要順便去拍婚紗照

可男主角沒有去啊！！熱心的大夥想了很多點子

不外乎是做個等身人型看板，或是蟹老闆的面具給小卿戴

為了攜帶方便，人形看板還要做成可以捲起來的

這樣就可以做很多造型替換.....

結果蟹老闆丟了這個新聞

資料來源：https://www.ettoday.net/news/20180502/1161360.htm

好吧，看來蟹老闆是有所忌諱...

想想，不如利用自己的專長，做個蟹老闆相機，把蟹老闆帶過去吧

目的

帶蟹老闆去土耳其，完成婚紗照拍攝

系統設計

使用情境說明

使用者	系統
1. 小賴到了土耳其棉堡看到景色實在太漂亮了，於是開啟Duran Photo準備照相	1. 顯示後鏡頭預覽畫面，並帶有預設蟹老闆圖片
2. 小賴打算切換一個合適的蟹老闆，於是快速點擊蟹老闆圖片	2. 切換下一張蟹老闆
3. 小賴用單指把蟹老闆圖片拖曳到合適的地方	3. 根據手指位置移動蟹老闆圖片
4. 小賴用兩只手指調整蟹老闆圖片大小與角度	4. 根據手指縮放旋轉調整蟹老闆圖片
5. 小賴把蟹老闆安置完畢，按下聲音鍵拍照	5. 儲存相片

操作設計

使用技術紀錄

相機預覽（施工中）

圖片拖曳（施工中）

使用兩指進行圖片縮放

使用兩指進行圖片旋轉

快速點擊兩下切換圖片（施工中）

監聽按鈕事件（施工中）