Chrome extensionã®content_scriptsã‹ã‚‰è¨å®šæƒ…å ±ã‚’èªã¿è¾¼ã‚€ã“ã¨ã‚’試ã—ã¾ã—㟠- QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
カスタム㮠Chrome アプリã¨æ‹¡å¼µæ©Ÿèƒ½ã‚’作æˆã—ã¦å…¬é–‹ã™ã‚‹ - Chrome Enterprise and Education ヘルプ
Chrome will be removing support for Chrome Apps on Chrome OS. Read the announcement. ã“ã®è¨˜äº‹ã¯ã€Chrome Enterprise ã®ç®¡ç†è€…ã¨ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼å‘ã‘ã® Chrome アプリや拡張機能をパッケージングã¾ãŸã¯å…¬é–‹ã—ãŸçµŒé¨“ãŒã‚るデベãƒãƒƒãƒ‘ーを対象ã¨ã—ã¦ã„ã¾ã™ã€‚ ユーザーã®ãƒ‹ãƒ¼ã‚ºã«åˆã£ãŸã‚¢ãƒ—リや拡張機能㌠Chrome ウェブストアã§è¦‹ã¤ã‹ã‚‰ãªã„ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ãã®å ´åˆã¯ã€ã‚«ã‚¹ã‚¿ãƒ ã®ã‚¢ãƒ—リや拡張機能を作æˆã—ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒå„自㮠ChromeOS デãƒã‚¤ã‚¹ã‚„ Chrome ブラウザã«è¿½åŠ ã§ãるよã†ã«ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ãŸã¨ãˆã°ã€ç®¡ç†è€…ã¯è‡ªç¤¾ã®äººäº‹ã‚·ã‚¹ãƒ†ãƒ ã«ãƒªãƒ³ã‚¯ã™ã‚‹ã‚«ã‚¹ã‚¿ãƒ ã®ãƒ–ックマーク アプリをユーザー㮠Chrome デãƒã‚¤ã‚¹ã«è‡ªå‹•ã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ 始ã‚ã‚‹å‰ã« アプリや拡張機能ãŒãã®ãƒžãƒ‹
アクセシビリティ用語集 | 用語集 | ミツエーリンクス
ミツエーリンクスã§ã¯ã€ãƒ‡ã‚¸ã‚¿ãƒ«ãƒ¡ãƒ‡ã‚£ã‚¢ã«ãŠã‘ã‚‹ä¼æ¥ã¨é¡§å®¢ã¨ã®ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³èª²é¡Œã‚’解決ã™ã‚‹ã€ã•ã¾ã–ã¾ãªã‚µãƒ¼ãƒ“スをã”æä¾›ã—ã¦ã„ã¾ã™ã€‚ãœã²ä¸€åº¦ã‚µãƒ¼ãƒ“スページをã”覧ãã ã•ã„。
HTML講座 - WAI-ARIA
次ã«ç´¹ä»‹ã™ã‚‹ã®ã¯WAI-ARIAã§ã™ã€‚ WAI-ARIAã¨ã„ã†ã®ã¯ã€HTMLドã‚ュメントã«ã‚ˆã‚Šè©³ç´°ãªæƒ…å ±ã‚’ä»˜åŠ ã™ã‚‹ã‚‚ã®ã§ã€ç‰¹ã«å‹•çš„ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’å½¢æˆã™ã‚‹HTMLã«ãŠã„ã¦åŠ¹æžœã‚’発æ®ã—ã¾ã™ã€‚ã™ãªã‚ã¡ã€ã©ã¡ã‚‰ã‹ã¨ã„ã†ã¨Webアプリケーションãªã‚“ã‹ã§å¨åŠ›ã‚’発æ®ã§ãã‚‹ã¨ã„ã†ã“ã¨ã§ã™ã。 WAI-ARIAãŒä¸»ã«è¡Œãªã†ã®ã¯ã€HTMLè¦ç´ ã«ãã®å½¹å‰²æƒ…å ±ã‚’ä»˜åŠ ã™ã‚‹ã¨ã„ã†ã“ã¨ã§ã™ã€‚ã“ã‚Œã«ã‚ˆã‚Šã€ãƒ–ラウザãŒãã®ãƒšãƒ¼ã‚¸ã®æ„味をよりæ£ç¢ºã«ç†è§£ã§ãるよã†ã«ãªã‚Šã¾ã™ã€‚ ブラウザã¯æ—¥æœ¬èªžã‚„英語ãªã©ã§æ›¸ã‹ã‚ŒãŸæ–‡ã‚’èªã‚“ã§ãƒšãƒ¼ã‚¸ã‚’ç†è§£ã™ã‚‹ã‚ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“。ブラウザãŒèªã‚€ã®ã¯ã€HTMLã®å ´åˆã¯ã‚¿ã‚°ãªã©ã§ã™ã‚ˆã。ãれをèªã‚“ã§æ–‡æ›¸ã®æ§‹æˆã‚’ç†è§£ã—ã¦è¡¨ç¤ºã—ã¦ã„ã‚‹ã«ã™ãŽãªã„ã®ã§ã™ã€‚ ãã“ã§ã€HTMLã«WAI-ARIAã®æƒ…å ±ã‚’åŠ ãˆã¦ã‚„ã‚Œã°ã€ãƒ–ラウザã‹ã‚‰ã‚‚より詳細ã«HTMLã‚’ç†è§£ã™ã‚‹ã“ã¨ãŒã§ãã€ãƒ–ラウジングãŒã‚ˆã‚Šå¿«é©ã«ãªã‚Šã¾ã™ï¼ˆå¤šåˆ†ï¼‰ã€‚ ro
ã‚ーボードæ“作ã«ãŠã‘るフォーカスã®å¯è¦–化 | Accessible & Usable
公開日 : 2009å¹´9月13æ—¥ (2011å¹´1月11æ—¥ æ›´æ–°) カテゴリー : アクセシビリティ Webサイト（ホームページ）を閲覧ã™ã‚‹éš›ã€ãƒªãƒ³ã‚¯ã‚„フォームè¦ç´ （テã‚スト入力欄やãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã€ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ã€ãƒ‰ãƒãƒƒãƒ—ダウンリストã€ã‚µãƒ–ミットボタンãªã©ï¼‰ã‚’æ“作ã™ã‚‹ã®ã«ã€ãƒžã‚¦ã‚¹ã§ã¯ãªãã‚ーボードを使ã†ã‚±ãƒ¼ã‚¹ãŒã‚ã‚Šã¾ã™ã€‚音声èªã¿ä¸Šã’ã®æ”¯æ´æŠ€è¡“を使用ã—ã¦ã„る視覚障害者ã¯ã‚‚ã¡ã‚ã‚“ã®ã“ã¨ã€æ™´çœ¼è€…ã§ã‚ã£ã¦ã‚‚怪我や障害ã«ã‚ˆã£ã¦ãƒžã‚¦ã‚¹ãŒä½¿ãˆãªã„ユーザーã¯å°‘ãªãã‚ã‚Šã¾ã›ã‚“。アクセシビリティã®é¢ã§è€ƒãˆã‚‹ã¨ã€Webページã¯ï¼ˆãƒžã‚¦ã‚¹ã‚’使ã‚ãªãã¦ã‚‚）ã‚ーボードã®ã¿ã§æ“作ã§ãã‚‹ã“ã¨ãŒé‡è¦ã§ã™ã€‚ 基本的ã«ã¯ã€ãƒšãƒ¼ã‚¸å†…容をWeb標準ã«å‰‡ã£ãŸé©åˆ‡ãªã€Œè«–ç†æ§‹é€ ã€ã«ã™ã‚‹ã“ã¨ã§ã€ã‚ーボードã«ã‚ˆã‚‹ãƒŠãƒ“ゲーションæ“作ãŒã—ã‚„ã™ããªã‚Šã¾ã™ã€‚ãŸã ã—ã€æ™´çœ¼è€…ã®ã‚ーボード使用ã®ã“ã¨ã‚’考慮ã™ã‚‹ã¨ãã‚Œã ã‘ã§ã¯ä¸å分ã§ã€ã‚ーボードæ“作ã«ã‚ˆã£ã¦ãƒ•ã‚©
Web制作者ã«å‘ã‘ãŸå¦ç¿’セルフマãƒã‚·ã‚™ãƒ¡ãƒ³ãƒˆã®ã™ã™ã‚（経験å¦ç¿’サイクルをã¾ã‚ã™ï¼‰
ã“ã®ã‚¹ãƒ©ã‚¤ãƒˆã‚™ã¯Web制作ã®å®Ÿå‹™è€…ã«å‘ã‘ãŸãƒ•ã‚šãƒã‚¹ãƒ©ã‚¤ãƒˆã‚™ã§ã™ã€‚ãã‚Œãªã‚Šã«ã‚¤ãƒ³ãƒ•ã‚šãƒƒãƒˆã—ã¦ã„ã‚‹ã¤ã‚‚ã‚ŠãŸã‚™ã‘ã¨ã‚™ã€ã¨ã‚™ã†ã‚‚åœæ»žæ„Ÿã‹ã‚™ã‚ã‚‹ã¨ã„ã†æ–¹ã‹ã‚™ã€ãã®çŠ¶æ…‹ã‚’より深ã探りã€æ‰“é–‹ç–を見出ã™ä¸€åŠ©ã«ãŠå½¹ç«‹ã¦ã„ãŸãŸã‚™ã‘ã‚Œã¯ã‚™å¹¸ã„ã¦ã‚™ã™ã€‚Read less
エンジニアãŒã„ã„æ„Ÿã˜ã«ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã‚’爆速化ã§ãる環境構築ã®æ‰‹é † | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作
今年もHTML5 Minutesã«ç™»å£‡ã—ã¦ãã¾ã—ãŸã€‚ã“ã‚“ã«ã¡ã¯ã€å…ˆç”Ÿã§ã™ã€‚ 当日ã¯ã€Œãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã‚¹ãƒ”ードをã‚ã’ã‚‹ãŸã‚ã®ç’°å¢ƒã‚’作ã£ã¦ã¿ãŸè©±ã€ã‚’ã—ã¦ãã¾ã—ãŸã€‚ 今回ã¯ãã®ç’°å¢ƒã‚’使ã£ã¦ã¿ã‚‹ã¾ã§ã®æ‰‹é †ã‚’書ã„ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ å¿…è¦ãªã‚‚ã®ã‚’インストール NodeJS Gulp WebPack Bower PhantomJS NodeJSã¨Gulpã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã¯éŽåŽ»ã®è¨˜äº‹ã€ŒGulp.js入門 – コーディングを10å€é€Ÿãã™ã‚‹ç’°å¢ƒã‚’作る方法ã¾ã¨ã‚ã€ã‚’ã”覧ãã ã•ã„。 WebPackã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« WebPackã¯ã•ã¾ã–ã¾ãªå½¢å¼ã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚’é™çš„ãªãƒ•ã‚¡ã‚¤ãƒ«ã«ã¾ã¨ã‚ã¦å‡ºåŠ›ã—ã¦ãれるツールã§ã€æ‹¡å¼µæ€§ãŒé«˜ã最近好んã§ä½¿ã£ã¦ã„ã¾ã™ã€‚ WebPack http://webpack.github.io/ インストールã¯npmを使ã£ã¦ç°¡å˜ã«ã§ãã¾ã™ã€‚ npm install webpack -g ※ macã¯
Google Chrome 拡張機能を開発ã™ã‚‹ 〜 ãƒãƒƒãƒ—アップを表示ã™ã‚‹ã¾ã§ 〜 | rakuishi.com
Google Chrome ã§ã¯ã€æ‹¡å¼µæ©Ÿèƒ½ã‚’インストールã™ã‚‹ã¨ãƒ–ラウザã«æ–°ã—ã„æ©Ÿèƒ½ã‚’è¿½åŠ ã§ãã¾ã™ã€‚ 例ãˆã°ã€1Password ã®æ‹¡å¼µæ©Ÿèƒ½ã¯ã€å³ä¸Šã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’é¸æŠžã™ã‚‹ã¨ãƒãƒƒãƒ—アップã§ãƒã‚°ã‚¤ãƒ³ç”»é¢ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ã“ã®ãƒãƒƒãƒ—アップ画é¢ã®ä¸èº«ã¯ã€æ™®é€šã® HTML ã§ä½œæˆã•ã‚Œã¦ã„ã¾ã™ã€‚ 今回ã¯ã€Google Chrome ã§ãƒãƒƒãƒ—アップ画é¢ã‚’表示ã™ã‚‹æ‹¡å¼µæ©Ÿèƒ½ã‚’開発ã—ã¦ã¿ã¾ã™ã€‚ æ¦‚è¦ Chrome ã®æ‹¡å¼µæ©Ÿèƒ½ã‚’作æˆã™ã‚‹ã®ã«ã€ç‰¹åˆ¥ãªé–‹ç™ºç’°å¢ƒã¯å¿…è¦ã‚ã‚Šã¾ã›ã‚“。Chrome ã¨ãƒ†ã‚ストエディタã§äº‹è¶³ã‚Šã¾ã™ã€‚後ã€HTML, CSS, JavaScript ã®çŸ¥è˜ãŒã‚れ㰠OK ã§ã™ã€‚Google Chrome ã®ç‰¹åˆ¥ãªæ©Ÿèƒ½ã‚’使ã†ã«ã¯ã€JavaScript ã«è¨˜è¿°ã§ãã‚‹ Chrome Platform APIs を使用ã—ã¾ã™ã€‚ 拡張機能ã¯ã€å¤§ãã分ã‘㦠2 種類ã‚ã‚Šã¾ã™ã€‚browser actions 㨠p
Google Chrome Extensionを作ã£ã¦ã¿ãŸ | DevelopersIO
ã¯ã˜ã‚ã« Chromeã®ã‚¨ã‚¯ã‚¹ãƒ†ãƒ³ã‚·ãƒ§ãƒ³ã®ä½œã‚Šæ–¹è‡ªä½“ã¯ãã‚Œã»ã©é›£ã—ãã‚ã‚Šã¾ã›ã‚“。簡å˜ãªã‚¨ã‚¯ã‚¹ãƒ†ãƒ³ã‚·ãƒ§ãƒ³ã‚’作ã£ã¦ã¿ã¾ã—ょã†ã€‚ ã¾ãšã‚¨ã‚¯ã‚¹ãƒ†ãƒ³ã‚·ãƒ§ãƒ³ã®èª¬æ˜Žã§ã™ã€‚Chromeã®ã‚¨ã‚¯ã‚¹ãƒ†ãƒ³ã‚·ãƒ§ãƒ³ã«ã¯3ã¤ã®ã‚¿ã‚¤ãƒ—ãŒã‚ã‚Šã¾ã™ã€‚ browser action page action popup[browser action] 自分ãŒä½œã‚ŠãŸã„エクステンションã«ã‚ˆã£ã¦ä½¿ã„分ã‘る事ã«ãªã‚Šã¾ã™ã€‚browser actionã¨popupã¯åŒæ§˜ã«ã‚¢ãƒ‰ãƒ¬ã‚¹ãƒãƒ¼ã®éš£ã«ã‚¢ã‚¤ã‚³ãƒ³ãŒå‡ºã¦ãã‚‹ã®ã§ã™ãŒã€å‰è€…ã¯ã‚¢ã‚¤ã‚³ãƒ³æŠ¼ä¸‹ã§ä½•ã‹å‡¦ç†ãŒèµ°ã‚‹ã€å¾Œè€…ã¯ä½•ç‰ã‹ã®ç”»é¢ã‚’pupupã•ã›ã‚‹ã¨ã„ã†é•ã„ã®æ§˜ã§ã™ã€‚ 作りã¾ã™ å¿…è¦ãªãƒ•ã‚¡ã‚¤ãƒ«ã¯æ¬¡ã®4ã¤ã§ã™ã€‚ manifest file html file(s) JavaScript file(s) Asset file(s) 最低é™ã¨ã„ã†ãªã‚‰ã€manifest fileã¨htmlãŒã‚ã‚Œã°è‰¯ã„ã¿ãŸã„ã§
jQuery を使ã£ã¦ 30 分㧠Chrome 拡張を作ã£ã¦ã¿ãŸ
ã“ã‚“ã«ã¡ã¯ã€‚åªå†…ã§ã™ã€‚ jQuery ã£ã¦ã™ã”ã„ã§ã™ã。何ã§ã‚‚ã§ãã¾ã™ã。ãã—ã¦ã€Chrome ã®æ‹¡å¼µã£ã¦ã‚ã£ã¡ã‚ƒã‚«ãƒ³ã‚¿ãƒ³ã«ä½œã‚Œã‚‹ã‚“ã§ã™ã。 jQuery を使ã£ã¦ã€Sleipnir 3 for Windows ã¨ã‹ Sleipnir Start ã®æ¤œç´¢çµæžœãƒšãƒ¼ã‚¸ã«ãƒ•ã‚¡ãƒ“ã‚³ãƒ³ã‚’è¿½åŠ ã™ã‚‹ Chrome æ‹¡å¼µã€ãã®åã‚‚ Favicon2SleipnirSearch をサクッã¨ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ jQueryã¨Chrome æ‹¡å¼µã«ã¤ã„ã¦ã‚«ãƒ³ã‚¿ãƒ³ãªèª¬æ˜Ž jQuery ã¨ã¯ jQuery 㯠JavaScript ã®ãƒ©ã‚¤ãƒ–ラリã§ã™ã€‚普通㫠JavaScript ã§åæ•°è¡Œãらã„コードを書ã‹ãªã„ã¨ã„ã‘ãªã„よã†ãªãƒ—ãƒã‚°ãƒ©ãƒ ã§ã‚‚ã€jQuery ã§ã¯ã€ä¸€è¡Œã§æ¸ˆã‚“ã ã‚Šã—ã¾ã™ã€‚使ã„方もカンタンãªã®ã§ã€ã¨ã‚Šã‚ãˆãšè‡ªåˆ†ã§ä½•ã‹å‹•ã‹ã—ãŸã„ã€ã¨ã‹è‡ªåˆ†ã®Web サイトã§ä½•ã‹å‹•çš„ãªã“ã¨ãŒã—ãŸã„ã€ã£ã¦è¨€ã†äººã«ã¯ã¨ã£ã¤ãã‚„ã™ãã¦ã„ã„
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Chromeエクステンションã§contentã®æƒ…å ±ã‚’å–å¾—ã™ã‚‹ - Qiita
API reference  | Chrome for Developers
Chrome Extensionã¨On Demand JavaScript - Qiita
{{#tags}}- {{label}}
{{/tags}}