Send feedback HTML Service: Best Practices Stay organized with collections Save and categorize content based on your preferences. Creating user interfaces with the HTML service follows many of the same patterns and practices as other types of web development. However, there are some aspects that are unique to the Apps Script environment or are otherwise worth highlighting. Below we'll cover some b
Google Apps ScriptでもjQueryを使った画面制御を行うことができます。 下図の様な簡単な画面を作ります。 AのテキストボックスとBのテキストボックスに数字を入力して 「足し算」ボタンをクリックすると結果を表示する画面です。 ※Javascriptだけで完結できる内容ですが、あえてGoogle Apps Scriptとの通信を発生させます。 Googleドライブからスクリプトを作成します。 そして最初に画面表示用のHTMLを作成します。 [ファイル] > [新規作成] > [HTMLファイル]とクリックしていきます。 内容はこんな感じ。 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script> // 画面初期表示 $(function() { $
Canvasでライフゲームを作ってみた。ライフゲームが何かは知っていたし、いくつかの有名なパターンの動きも見たことがあったはずだけど、自分で適宜セルの生死をトグルしたり、パターンをロードしたりできると、思ったよりも面白かった。そして、iPadやAndroidでも、全く同じコードがちゃんと動くというのが改めてすごいなと思ったりした。 JavaScriptにはクラスはないし、オブジェクトはある意味シングルトン。今の場合、クラスもプロトタイプも不要だろうと思って、ゲームのグリッドはWorldオブジェクト、CanvasのグリッドはGridオブジェクトに突っ込んだ。GridはWorldからしか呼ばなくて、Canvas周りの座標変換やらは全部Gridに任せているのだけど、可視性のコントロールはどうやってやればいいんだろう。 動的にサイズが決まる2次元配列を作るのが、どうも良くやり方が分からない。 se
例えば <select class="my-select" multiple> という select タグに jQuery を使って option タグを追加してみます。 var characters = { yuno: 'ゆの', miyako: '宮子', sae: '沙英', hiro: 'ヒロ', nori: '乃莉', nazuna: 'なずな' }, $select = $('.my-select'), $option, isSelected; $.each(characters, function (value, name) { isSelected = (value === 'miyako' || value === 'nori'); $option = $('<option>') .val(value) .text(name) .prop('selected', isSe
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く