<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="/feed.atom.xml" media="screen"?>
<feed xml:lang="en-US" xmlns="http://www.w3.org/2005/Atom">
  <id>tag:speakerdeck.com,2005:/masashi</id>
  <link rel="alternate" type="text/html" href="https://speakerdeck.com"/>
  <link rel="self" type="application/atom+xml" href="https://speakerdeck.com/masashi.atom"/>
  <entry>
    <id>tag:speakerdeck.com,2005:Talk/1453844</id>
    <published>2025-10-19T13:27:38-04:00</published>
    <updated>2025-10-20T05:08:07-04:00</updated>
    <link rel="alternate" type="text/html" href="https://speakerdeck.com/masashi/browser-built-in-ai-for-frontend"/>
    <title>フロントエンド開発のためのブラウザ組み込みAI入門</title>
    <content type="html">ブラウザ組み込みAIを利用したフロントエンド開発について話しました。
クライアントサイドAIのメリットやGoogle Chrome 138でリリースされたブラウザ組み込みAI APIについて紹介しています。

フロントエンドカンファレンス関西 × TSKaigiコラボイベント
https://fec-kansai.connpass.com/event/368837/</content>
<media:thumbnail url="https://files.speakerdeck.com/presentations/e961d0ef6b76460ca1218616f53f274b/preview_slide_0.jpg?37033982" width='' height='' xmlns:media='http://search.yahoo.com/mrss/'></media:thumbnail>    <author>
      <name>Masashi Hirano (@masashi)</name>
    </author>
  </entry>
  <entry>
    <id>tag:speakerdeck.com,2005:Talk/1357261</id>
    <published>2025-04-19T20:19:02-04:00</published>
    <updated>2025-04-19T20:21:51-04:00</updated>
    <link rel="alternate" type="text/html" href="https://speakerdeck.com/masashi/protobuf-and-connect-for-frontend-development"/>
    <title>Protocol Buffers and Connect for Frontend Development</title>
    <content type="html">Briefly introduced Protocol Buffers and Connect for frontend developers at React Osaka in April.
https://www.meetup.com/react-osaka/events/306257045/</content>
<media:thumbnail url="https://files.speakerdeck.com/presentations/1309fc9fb4b9485298ba479c4a472853/preview_slide_0.jpg?34760923" width='' height='' xmlns:media='http://search.yahoo.com/mrss/'></media:thumbnail>    <author>
      <name>Masashi Hirano (@masashi)</name>
    </author>
  </entry>
  <entry>
    <id>tag:speakerdeck.com,2005:Talk/1199358</id>
    <published>2024-06-12T06:54:52-04:00</published>
    <updated>2024-06-12T07:08:38-04:00</updated>
    <link rel="alternate" type="text/html" href="https://speakerdeck.com/masashi/you-may-not-need-xxx-in-nodejs"/>
    <title>You may not need XXX in Node.js</title>
    <content type="html">関西Node学園 11時限目 #kng11 で話しました。
https://nodejs.connpass.com/event/319446/

あくまで必要なくなるかもしれない話なので、攻撃的なコメントはお控えください。</content>
<media:thumbnail url="https://files.speakerdeck.com/presentations/05e0aff7ab854c13b98c3d512903f4d4/preview_slide_0.jpg?30579491" width='' height='' xmlns:media='http://search.yahoo.com/mrss/'></media:thumbnail>    <author>
      <name>Masashi Hirano (@masashi)</name>
    </author>
  </entry>
  <entry>
    <id>tag:speakerdeck.com,2005:Talk/1135759</id>
    <published>2024-01-19T10:55:04-05:00</published>
    <updated>2024-01-20T03:52:21-05:00</updated>
    <link rel="alternate" type="text/html" href="https://speakerdeck.com/masashi/supporting-oss-and-community"/>
    <title>OSSとコミュニティを支える</title>
    <content type="html">BuriKaigi 2024でサイボウズのスポンサートークとして発表しました！
https://toyama-eng.connpass.com/event/303732/</content>
<media:thumbnail url="https://files.speakerdeck.com/presentations/d088600442ed4db18bc8717dc7958e34/preview_slide_0.jpg?28599573" width='' height='' xmlns:media='http://search.yahoo.com/mrss/'></media:thumbnail>    <author>
      <name>Masashi Hirano (@masashi)</name>
    </author>
  </entry>
  <entry>
    <id>tag:speakerdeck.com,2005:Talk/1071853</id>
    <published>2023-09-01T11:12:17-04:00</published>
    <updated>2023-09-02T02:18:53-04:00</updated>
    <link rel="alternate" type="text/html" href="https://speakerdeck.com/masashi/building-a-global-team"/>
    <title>英語ができなかった自分達が、グローバルチーム立ち上げに挑戦！？ </title>
    <content type="html">@ueokande さんと一緒に登壇したときの私のパートの資料です。
@ueokande さんパートは以下のリンクの資料をお読み下さい！
https://speakerdeck.com/ueokande/ying-yu-gadekinakatutazi-fen-da-ga-gurobarutimuli-tishang-genitiao-zhan

Developers Summit 2023 KANSAI （2023.09.02）
https://event.shoeisha.jp/devsumi/20230902/session/4500</content>
<media:thumbnail url="https://files.speakerdeck.com/presentations/26d675d1443c4551af800a29aed085da/preview_slide_0.jpg?26887764" width='' height='' xmlns:media='http://search.yahoo.com/mrss/'></media:thumbnail>    <author>
      <name>Masashi Hirano (@masashi)</name>
    </author>
  </entry>
  <entry>
    <id>tag:speakerdeck.com,2005:Talk/999202</id>
    <published>2023-02-28T05:29:32-05:00</published>
    <updated>2023-02-28T06:37:12-05:00</updated>
    <link rel="alternate" type="text/html" href="https://speakerdeck.com/masashi/frontend-security-book-9bb8ef40-5bf0-4674-83a3-3fdc1a0070f4"/>
    <title>フロントエンド開発のためのセキュリティ入門について</title>
    <content type="html">Node学園 41時限目 書籍について - connpass https://nodejs.connpass.com/event/275061/</content>
<media:thumbnail url="https://files.speakerdeck.com/presentations/8389764539f84fb0bedf10089d4cc36a/preview_slide_0.jpg?24685785" width='' height='' xmlns:media='http://search.yahoo.com/mrss/'></media:thumbnail>    <author>
      <name>Masashi Hirano (@masashi)</name>
    </author>
  </entry>
  <entry>
    <id>tag:speakerdeck.com,2005:Talk/989430</id>
    <published>2023-02-09T12:29:18-05:00</published>
    <updated>2023-02-10T20:57:05-05:00</updated>
    <link rel="alternate" type="text/html" href="https://speakerdeck.com/masashi/frontend-security"/>
    <title>フロントエンド開発のためのセキュリティ入門</title>
    <content type="html">Developers Summit 2023 10-A-4 「フロントエンド開発のためのセキュリティ入門」の発表資料です。
https://event.shoeisha.jp/devsumi/20230209/session/4176/

「HTTPS化」「CORS」「XSS」「脆弱なライブラリのチェック」について説明しています。</content>
<media:thumbnail url="https://files.speakerdeck.com/presentations/98ea5595dd704bf2a804082a7544f93d/preview_slide_0.jpg?24447197" width='' height='' xmlns:media='http://search.yahoo.com/mrss/'></media:thumbnail>    <author>
      <name>Masashi Hirano (@masashi)</name>
    </author>
  </entry>
  <entry>
    <id>tag:speakerdeck.com,2005:Talk/954398</id>
    <published>2022-11-16T06:18:43-05:00</published>
    <updated>2022-11-16T07:12:58-05:00</updated>
    <link rel="alternate" type="text/html" href="https://speakerdeck.com/masashi/node-dot-js-in-2022-and-future"/>
    <title>Node.jsの2022年と未来 / Node.js in 2022 and Future</title>
    <content type="html">Node.js v18とv19の主な変更点や今後について発表しました。</content>
<media:thumbnail url="https://files.speakerdeck.com/presentations/db20473a26744bcdbf45d4b7830de944/preview_slide_0.jpg?23450176" width='' height='' xmlns:media='http://search.yahoo.com/mrss/'></media:thumbnail>    <author>
      <name>Masashi Hirano (@masashi)</name>
    </author>
  </entry>
  <entry>
    <id>tag:speakerdeck.com,2005:Talk/767313</id>
    <published>2021-08-30T06:25:45-04:00</published>
    <updated>2021-08-30T07:20:27-04:00</updated>
    <link rel="alternate" type="text/html" href="https://speakerdeck.com/masashi/number-tng37"/>
    <title>Corepack ~Node.jsに追加されたパッケージマネージャーマネージャー~ / #tng37</title>
    <content type="html">Node学園 37時限目で話しました。

Node学園 37時限目 オンライン - connpass
https://nodejs.connpass.com/event/221358/

参考資料: https://zenn.dev/teppeis/articles/2021-05-corepack</content>
<media:thumbnail url="https://files.speakerdeck.com/presentations/a8d662afa8cc4c668ad7ad8673ae9f19/preview_slide_0.jpg?18908638" width='' height='' xmlns:media='http://search.yahoo.com/mrss/'></media:thumbnail>    <author>
      <name>Masashi Hirano (@masashi)</name>
    </author>
  </entry>
  <entry>
    <id>tag:speakerdeck.com,2005:Talk/736834</id>
    <published>2021-05-25T20:40:25-04:00</published>
    <updated>2021-05-25T20:41:37-04:00</updated>
    <link rel="alternate" type="text/html" href="https://speakerdeck.com/masashi/node-dot-js-plus-web-compatibility"/>
    <title>Node.js + Web Compatibility</title>
    <content type="html">TechFeed Summit#6 - v16リリース記念！Node.jsの最新動向を語り尽くす！ - connpass
https://techfeed.connpass.com/event/213218/</content>
<media:thumbnail url="https://files.speakerdeck.com/presentations/51d67def7ef841ada6046343dcd9d9e0/preview_slide_0.jpg?18165189" width='' height='' xmlns:media='http://search.yahoo.com/mrss/'></media:thumbnail>    <author>
      <name>Masashi Hirano (@masashi)</name>
    </author>
  </entry>
  <entry>
    <id>tag:speakerdeck.com,2005:Talk/645542</id>
    <published>2020-06-16T18:19:00-04:00</published>
    <updated>2020-06-16T23:33:29-04:00</updated>
    <link rel="alternate" type="text/html" href="https://speakerdeck.com/masashi/frontend-quality-assurance-at-cybozu"/>
    <title>サイボウズが行うフロントエンドの品質保証 / Frontend Quality Assurance at Cybozu</title>
    <content type="html">フロントエンドエキスパートを中心に開発支援チームによるサイボウズのフロントエンドの品質保証に対する活動を発表しました。

質問・感想など:
https://twitter.com/shisama_

発表したイベント:
【オンライン】SaaSを支える品質担保術/レガシーコード、アーキテクチャ、EOL@ラクス - connpass 
https://rakus.connpass.com/event/177676/</content>
<media:thumbnail url="https://files.speakerdeck.com/presentations/d73957ca30354df79f040e44bb9e6414/preview_slide_0.jpg?15669632" width='' height='' xmlns:media='http://search.yahoo.com/mrss/'></media:thumbnail>    <author>
      <name>Masashi Hirano (@masashi)</name>
    </author>
  </entry>
  <entry>
    <id>tag:speakerdeck.com,2005:Talk/634669</id>
    <published>2020-04-23T04:13:43-04:00</published>
    <updated>2020-04-23T04:26:46-04:00</updated>
    <link rel="alternate" type="text/html" href="https://speakerdeck.com/masashi/first-step-for-oss-contribution"/>
    <title>実践 OSSことはじめ / First Step for OSS Contribution </title>
    <content type="html">OSSへの貢献に関して社内の勉強会で発表しました。
OSSへの貢献に関心のある方の参考にしてください。</content>
<media:thumbnail url="https://files.speakerdeck.com/presentations/0457b3b39ab945478df2c7f34fb79426/preview_slide_0.jpg?15336469" width='' height='' xmlns:media='http://search.yahoo.com/mrss/'></media:thumbnail>    <author>
      <name>Masashi Hirano (@masashi)</name>
    </author>
  </entry>
  <entry>
    <id>tag:speakerdeck.com,2005:Talk/587425</id>
    <published>2019-12-29T03:22:45-05:00</published>
    <updated>2019-12-29T22:49:13-05:00</updated>
    <link rel="alternate" type="text/html" href="https://speakerdeck.com/masashi/prettier-plugins"/>
    <title>Prettier Plugins</title>
    <content type="html">フロントエンド 年越し LT忘年会 2019でPrettier PluginsについてLTをしました。
イベントページ( https://kfug.connpass.com/event/153648/ )

Prettier Pluginsを使って何ができるか、ASTについて話しました。

Prettier PluginsによりJavaやRuby、PHP、Kotlin、Elmなどの言語へのPrettierの実行が可能になります。また、JavaScript / TypeScriptなどPrettier本体がサポートしている言語に関しても機能拡張できます。</content>
<media:thumbnail url="https://files.speakerdeck.com/presentations/e2a40fa8861e41009aa155798414a509/preview_slide_0.jpg?14558366" width='' height='' xmlns:media='http://search.yahoo.com/mrss/'></media:thumbnail>    <author>
      <name>Masashi Hirano (@masashi)</name>
    </author>
  </entry>
  <entry>
    <id>tag:speakerdeck.com,2005:Talk/583491</id>
    <published>2019-12-14T00:15:20-05:00</published>
    <updated>2019-12-14T02:29:32-05:00</updated>
    <link rel="alternate" type="text/html" href="https://speakerdeck.com/masashi/community-activity-in-2019"/>
    <title>2019年のコミュニティ活動報告 / Community Activity in 2019</title>
    <content type="html">2019年のコミュニティ活動の報告をしました。
https://osaka-expo-techlab.connpass.com/event/155826/

関西Node学園, JSConf JPのSlackはこちらからご参加ください。
https://iojs-jp-slack.herokuapp.com/

W3KのSlackはこちらからご参加ください。
https://bit.ly/2KKovzw

運営メンバー、スポンサー募集しています。</content>
<media:thumbnail url="https://files.speakerdeck.com/presentations/91076205b2b44b8a9123186a2b9b26a4/preview_slide_0.jpg?14467053" width='' height='' xmlns:media='http://search.yahoo.com/mrss/'></media:thumbnail>    <author>
      <name>Masashi Hirano (@masashi)</name>
    </author>
  </entry>
  <entry>
    <id>tag:speakerdeck.com,2005:Talk/576679</id>
    <published>2019-11-22T04:40:52-05:00</published>
    <updated>2019-11-22T04:45:21-05:00</updated>
    <link rel="alternate" type="text/html" href="https://speakerdeck.com/masashi/w3k-world-wide-web-kansai"/>
    <title>W3K World Wide Web Kansai </title>
    <content type="html">関西のWebコミュニティ( https://w3k.connpass.com )のIntroductionスライドです。

開催してほしいテーマや勉強会などあれば以下のアンケートからお願いします。
https://forms.gle/m1gVNyt9F3hBK1Cy6

また、このコミュニティではSlackをオープンにしています。
質問、雑談などにお使いください
https://bit.ly/2KKovzw</content>
<media:thumbnail url="https://files.speakerdeck.com/presentations/853606b118b14ddfaeae3c93bd1751c2/preview_slide_0.jpg?14246296" width='' height='' xmlns:media='http://search.yahoo.com/mrss/'></media:thumbnail>    <author>
      <name>Masashi Hirano (@masashi)</name>
    </author>
  </entry>
  <entry>
    <id>tag:speakerdeck.com,2005:Talk/569287</id>
    <published>2019-10-30T06:07:58-04:00</published>
    <updated>2020-05-25T05:46:59-04:00</updated>
    <link rel="alternate" type="text/html" href="https://speakerdeck.com/masashi/number-frontkansai-2019"/>
    <title>フロントエンドエンジニアのためのセキュリティ対策 ~XSS編~ / #frontkansai 2019</title>
    <content type="html">FRONTEND CONFERENCE 2019( https://2019.kfug.jp )でセキュリティ、主にXSSについて話をしました。
demo: https://shisama.dev/xss-test

# Technical Topics 
- 3 types of XSS ( Reflected XSS, Stored XSS, DOM based XSS)
- XSS with React
- DOMPurify
- Content Security Policy
- Trusted Types
</content>
<media:thumbnail url="https://files.speakerdeck.com/presentations/d620b90fa6a44569828d2a9d55234587/preview_slide_0.jpg?15525290" width='' height='' xmlns:media='http://search.yahoo.com/mrss/'></media:thumbnail>    <author>
      <name>Masashi Hirano (@masashi)</name>
    </author>
  </entry>
  <entry>
    <id>tag:speakerdeck.com,2005:Talk/567204</id>
    <published>2019-10-23T13:05:28-04:00</published>
    <updated>2019-10-25T05:27:21-04:00</updated>
    <link rel="alternate" type="text/html" href="https://speakerdeck.com/masashi/number-kng8"/>
    <title>Node.js v13の気になる変更点 / #kng8</title>
    <content type="html">関西Node学園 8時限目でNode.js v13の変更点について話しました。
https://nodejs.connpass.com/event/147459/

# Topic
- V8 7.8
- full-icu is default (full support i18n)
- http_parser (legacy HTTP Parser) is removed
- remove http, http2 default server timeout
- ES Modules without flag

</content>
<media:thumbnail url="https://files.speakerdeck.com/presentations/f33407578352466d8061fdf2b41bc524/preview_slide_0.jpg?13977924" width='' height='' xmlns:media='http://search.yahoo.com/mrss/'></media:thumbnail>    <author>
      <name>Masashi Hirano (@masashi)</name>
    </author>
  </entry>
  <entry>
    <id>tag:speakerdeck.com,2005:Talk/565566</id>
    <published>2019-10-18T01:07:14-04:00</published>
    <updated>2019-10-19T12:18:11-04:00</updated>
    <link rel="alternate" type="text/html" href="https://speakerdeck.com/masashi/samesite-cookie"/>
    <title>SameSite Cookie</title>
    <content type="html">SameSite cookieについて話をしました。
CookieにSameSiteを付けることでCSRFを防ぐことができます。Chrome 80からはSameSite=Laxがデフォルトになります。

以下の記事を参考にしました。

Cookie の性質を利用した攻撃と Same Site Cookie の効果 | blog.jxck.io
( https://blog.jxck.io/entries/2018-10-26/same-site-cookie.html )

Cookie の SameSite=Lax をデフォルトにする提案仕様 - ASnoKaze blog( https://asnokaze.hatenablog.com/entry/2019/05/09/005513 )

SameSite Updates - The Chromium Projects ( https://www.chromium.org/updates/same-site ) 

※たまたま見つけたのがよく利用するはてなのサービスでしたが、はてなのサービスに対する問題点の指摘をする意図などはございません。
いちユーザーとしてはてなのサービスは好きです。</content>
<media:thumbnail url="https://files.speakerdeck.com/presentations/f9d7a7838a544e6d9c7c77d59c838deb/preview_slide_0.jpg?13924135" width='' height='' xmlns:media='http://search.yahoo.com/mrss/'></media:thumbnail>    <author>
      <name>Masashi Hirano (@masashi)</name>
    </author>
  </entry>
  <title>Masashi Hirano (@masashi) on Speaker Deck</title>
  <updated>2025-10-19T13:27:38-04:00</updated>
</feed>
