2016-08-01から1ヶ月間の記事一覧
HTML5でiOSのホーム画面アイコンを指定する方法(Web Clip)についてです。タグ内で <link rel="apple-touch-icon" href="画像URL"> のように指定するとできるようだ。画像ファイルの拡張子はpngです。画像名を apple-touch-icon.png とすると、自動で読み込んでくれる方法もあるらしいので、画像名はこれに</link>…
簡単にリッチなテーブルを作成できるJSライブラリのjqGridの環境をCDNサービスだけを利用して構築してみました。jqGridを使うには、jQueryとjQuery UI、そしてjqGridが必要なようです。全てCDNを利用してjqGridを使えるようにしました。といってもHTMLのHEAD…
DOMとは、Document Object Modelのこと。 プログラムでHTMLやXMLを扱うための仕様(API)です。 HTMLの <p> や <img> などの要素にアクセスする仕組みのこと。 JavaScriptを使ってHTMLを操作することができます。xmlやhtmlドキュメントをツリー構造として表現したもの</p>…
JavaScriptでコンソールログを使ってデバッグする方法についてです。console.logを使ってコンソールにログを表示できます。例えば次のようなJSのコードを書いたとします。 <script> var test= 1; console.log("test:"+test) ; </script>このtestという変数の中身を確認したい…
Eclipseでのデバッグ方法についです。 変数の確認方法 ・インスペクションで確認 変数を選択した状態で、「右クリック -> インスペクション」を実行・デバッグパースペクティブの「変数」タブで確認 F8 次のブレークポイントまで進む Ctrl+F2 処理を中断して…
Eclipseのショートカットについてです。 もっとたくさんあると思うけど、自分が使いそうな奴だけまとめました。 Ctrl + / 範囲を指定してからすると、複数行コメントアウトできる Ctrl + \ ctrl + / でコメントアウトした内容をコメントアウト解除 Ctrl + i …
HTML簡単なテーブルの一例を書いてみました。まあ、わざわざ書くような内容でもないですが(笑) <html> <head> <meta charset="UTF-8"> <title>テスト</title> </head> <style type="text/css"> #test { width:100%; margin-left:2px; margin-right:2px; } #test td{ width:50%; } </style> <body> <table border="1" id="test"> <tr> <td>あいうえお</td> </tr></table></body></html>
Chrome開発者ツールを開くショートカットについてのメモです。Command + Option + Iで開ける。
ページを開いたらinput要素に自動でカーソルを持ってくる(オートカーソル)の指定方法です。inputにautofocusというのがあるらしくそれを書くだけで自動でカーソルを持ってこれるらしい。 <input autofocus > 一通りHTML5の例を書いてみるとこんな感じ。 <html> <head> <meta charset="UTF-8"> <title>テスト</title> </head> <body> <p>inputのテ</p></body></html>…
