タグ

ブックマーク / www2.kobe-u.ac.jp/~tnishida (2)

  • 3. 機能追加編 - Chrome 拡張機能を作ろう

     Chrome 拡張機能を作ろう 機能追加編 前回までは元ページの軽微な改変をしてきました。 今回は元ページに機能を追加するための方法を学びましょう。 多くのアプリにはブラウザだけで利用できるウェブ版があります。 ウェブページに機能を追加できるということは、SNSやコミュニケーションアプリなどにも機能を追加できるということです。 新しい機能のアイデアがあったとしても、ゼロからアプリを開発して、そのアプリを使ってくれるユーザを獲得して…というのはとてもとても大変です。 既存のアプリに機能を追加する方法は、新しいアイデアを手早く試して評価するというデザイン・研究に使える武器のひとつになるはずです。 目次 HTML要素を作って追加する イベントハンドラを追加する 見た目を操作する イベントハンドラで要素を追加する Objectを使ってランキングを作る 1. HTML要素を作って追加する doc

  • 1. 前提知識編 - Chrome 拡張機能を作ろう

     Chrome 拡張機能を作ろう前提知識&ウォーミングアップ編 p5.js での演習を通して身に付けたプログラミング言語 JavaScript を利用して、ウェブブラウザの1つである Google Chrome拡張機能を作ってみましょう。 JavaScript がさらに身に付き、将来、ウェブアプリを作るときに役立つ様々な知識も身に付くはずです。 目次 ウェブブラウザって何?拡張機能って何? HTMLCSS 手動でウェブページを書き換えてみよう Console にプログラムを入力してウェブページを書き換えてみよう 準備 ウェブブラウザとして Edge か Chrome が必要です。 Windows であれば最初からインストールされている Edge を使うことができます。 それ以外の方は Chrome をインストールしてください。 補足:Edge と Chrome は中身はほとんど

  • 1