#外部入侵 ？

有關本市議員發文提到，
在google搜尋「video.tcc.gov.tw」
這串文字，也就是 #台北市議會 直播的網站，
搜索結果竟會跑出簡體字的公司名稱，
質疑議會系統疑似被外部入侵？
.
一看到這則發文及新聞報導時，
立即請北市資訊局同仁盡速掌握問題，
切勿怠慢議員質疑!
也感謝議員對於北市府的信任，
在發現問題第一時間，
即刻詢問市府資訊局而非 #議會資訊室

資訊局同仁立即向議員回覆；台北市議會所有
#資通訊基礎設施 #網路管理及資安防護
皆為市議會獨立維護，台北市政府無權監管!!

不過珍羽相當認同議員，
提到的關於政府機關的 #資安即國安
.
所以特別向議員報告；
目前此案例為Joomla SEO poison之攻擊手法，利用Joomla網站內容管理系統的軟體或外掛相關弱點插入惡意程式碼，藉此騙取Google取得特定關鍵字的網站SEO。

該惡意程式碼會判斷User-Agent，
如是Googlebot就會呈現遭掛碼指定的大陸網站，一般使用者則呈現正常的網站。

初步研判，可能是議員研究室的web服務工具被駭客利用，影響索引頁面，實際上並未實際影響實際的網頁內容。
.
建議請議會資訊室協助檢查，
考慮以下兩點作法：
1.Joomla版本與外掛套件過舊，可能有安全弱點遭受駭客利用，建議更新。
2.建議清查網站竄改之部分，並進行清除。

其實呢，這樣的問題並非首例；
去年其實也有類似問題!
109/11/27 發現北市議會網站有SEO SPAM問題。
109/12/14 再次檢測，相關問題仍未處置。
.
就像當議員發現到市議會網站如此嚴重的國安問題，
市府也在第一時間通知，
議會資訊室，珍羽也向議員保證，
只要議會遇到技術方面的問題，
台北市市政府一定全力協助，
資安即國安，北市府責無旁貸!

今年在 ModernWeb 分享的題目「pppr - 解決 JavaScript 無法被搜尋引擎正確索引的問題」，聽眾的回饋前幾天出來了。

雖然沒有 高見龍 大大突破圖表的那麼神 XDD，但也算是有達到自己的期待。其中聽眾的一些建議小編也會記下來，持續改進，期待明年的分享能夠讓大家更容易理解。

---

l 感謝以簡單易懂的方式，介紹CSR與SSR以及prerender
l 辛苦了~
l 給了前後端分離部署新的想法~
l 講解 CSR SSR 希望可以搭配 動畫 或 demo，流程圖無法清楚 SSR 為什麼這樣能運作
l 東西滿滿乾貨，但小弟太廢，當下跟不上QAQ，希望有人錄影
l 有點難吸收 但很實際
l 我目前使用的是 Angular Universal，不過我覺得大神透過 pppr 實作的 SSR 架構，效能上更佳，未來會嘗試採用這樣的 SSR 架構
l 謝謝
l 有點深，名詞帶回家當作業
l 講的非常好
l 謝謝
l 謝謝分享
l 沒什麼好說的
l 謝謝老師
l 有點卡...
l 講得有共鳴
l 感謝用心分享
l ppppppppppr
l 覺得講者技術很高深
l 講解得非常清楚，對CSR&SSR有更深的理解
l 謝謝分享PPPR~
l Good
l 讚
l 很清晰易懂
l 感覺用得到，感謝
l 實用，新手也很喜歡聽
l 很棒的分想，會讓人想試試 pppr！
l 謝謝分享!
l K旺大大講的內容雖然不是很懂，但在初學前端知識的我，了解到寫網頁會接觸到許多部份，透過前後端的配合，才能把網頁寫好寫完整，也會在空閒時間去深入了解pppr。謝謝大大。
l 嘸
l 讚
l GOOD
l great
l 後半部曲線突然升高了
l 感謝講者群在聊天室的補充
l 感謝
l 我是後端工程師，但是支援少部分前端，能學到SSR的技巧真是太好了
l 很棒的內容
l 內容實用
l 讚....讚不絕口
l 太難拉 聽到一半開始放空
l 講得稍微有些快 簡報都看不到ˊˋ
l 聽不是很懂，但原來可以這樣做，未來可以試看看
l 可!
l 有點困難（可能是因為公司平常是由後端在處理ssr的部分）
l 我沒用過
l 讚讚 強強滾
l 學習到一個新架構/想法，只是要一直改user agent就.......
l 普通
l 贊
l 最近常用javaScript 學到了許多知識 更上一層樓了
l 可以上傳這一位講者的影片檔嗎
l 一直都很喜歡Funliday，之前不知道有pppr可以使用，而且還這麼方便
l 之前有聽過偷米分享前端怎麼做SEO，今天聽K大分享，雖然很多地方懵懵懂懂，但是聽到了新東西，感覺很棒。
l 希望可以多一點老師露出的畫面（欸
l 放著當背景音樂聽，但這堂好像意外地很吸引人

#funliday #pppr #prerender #ssr

近期最好用的 Chrome 擴充插件，維持 Facebook 舊版界面

新版其實也沒缺什麼東西，大概就是缺了設計師的大腦....

今回はiOS14の新機能「ピクチャーインピクチャー (PinP)」をYouTubeで使える方法を紹介します！
ちなみにこの方法を使うと広告もスキップできます()
バックグラウンド再生最高！
今回の方法はなかなか対策されなさそうな予感！

▶【最新版】iPhoneでYouTubeの「ピクチャ・イン・ピクチャ」と「動画・音楽のダウンロード」が無料で出来る最強のショートカット「YouTube ++」が便利すぎる！
https://youtu.be/ySi18i3pHPE

【補足】
1分8秒の起動時にUser Agentをリセットのチェックも外してください！



▼Lunascapeのダウンロードリンクはこちら
https://apps.apple.com/jp/app/lunascape/id380065805

▼まみよしのおすすめガジェット一覧
https://amzn.to/3ik8GhT

■目次■
00:00 OP
00:37 やり方解説
02:42 前回の設定を戻す手順
03:21 この動画をシェアしてね
03:32 ED

▼Apple製品動画の再生リストはこちら
https://www.youtube.com/playlist?list=PLvvYhh8sW6I28EooLdZnsnv3Fa4RB4MS8

▼サブチャンネル
https://www.youtube.com/channel/UCa9QL_VM1pmf7tmeU0EfP4Q

▼ゲームチャンネル
https://www.youtube.com/channel/UC8qfQuS4pww34aFeg5611rw

▼Twitter
https://twitter.com/mamiyoshi_

▼仕事連絡先
[email protected]

#iOS14新機能 #ピクチャインピクチャ #YouTubeバックグラウンド

Previous Video

●How to download Hyper-rom for S3
○ https://m.youtube.com/watch?v=Kw6tSIHl3Dg

Description

The objective of this technique is to provide a way to link to remote long descriptions in technologies that do not have a long description feature built directly into them (e.g., longdesc) or where the feature is known to not be supported.

With this technique, the long description is provided in another location than the non-text content. This could be at another location within the same URI or at another URI. A link to that long description is provided that is immediately adjacent to the non-text content. The link can be immediately before or after the non-text content. If the description is located along with other text then put "End of description" at the end so that they know when to stop reading and return to the main content. If a "Back" button will not take the person back to the point from which they jumped, then a link back to the non-text content location is provided.

This technique was commonly used in HTML before 'longdesc' was added to the specification. In HTML it was called a D-Link because it was usually implemented by putting a D next to images and using the D as a link to the long description. This technique is not technology specific and can be used in any technology that supports links.

ExamplesExample 1: Bar chart

There is a bar chart on a Web page showing the sales for the top three salespeople.

The short text alternative says "October sales chart for top three salespeople."

Immediately after the non-text content is a small image denoting a long description. The alternate text for the image is "Long description of chart". The image links to the bottom of the page where there is a section titled "Description of charts on this page". The link points to this specific description: "Sales for October show Mary leading with 400 units. Mike follows closely with 389. Chris rounds out our top 3 with sales of 350. [end of description]"

Example 2: Bar chart - in non-HTML technology where user agent "back" is not supported for security reasons.

There is a bar chart on a Web page showing the sales for the top three salespeople.

The short text alternative says "October sales chart for top three salespeople."