JavaScript 1から１００までの乱数を発生させる JavaScriptの置き場所 Math.randomの使い方
ここではのコードを紹介します。 詳しい説明はございません。コピペして使用してください。 乱数を発生させるJavaScriptのコード 1～１００の中から乱数を発生させる 次のように表示させます。F5で更新しますと、数が変化するはずです。 ここに表示されます window.onload = function() { va...
プログラミング
JavaScript JavaScript 今日の日付と曜日を表示する JavaScriptの置き場所 Date()の使い方
ここではのコードを紹介します。 詳しい説明はございません。コピペして使用してください。 今日の日付と曜日を表示するJavaScriptのコード 次のように表示させます。 ここに表示されます window.onload = function() { var today = new Date(); var date = t...
CSSの置き場所 パソコンの時だけ適用 CSSコードの置き場所 @mediaの使い方
ここではのコードを紹介します。 詳しい説明はございません。コピペして使用してください。 パソコンの時だけ適用するCSSののコード @media only screen and (min-width: 768px) { /* ここにパソコン向けのCSSを記述 */ } 説明 上記のように、@mediaルールを使用し、mi...
CSSの置き場所 スマートフォンの時だけ適用 CSSコードの置き場所 @mediaの使い方
ここではのコードを紹介します。 詳しい説明はございません。コピペして使用してください。 スマートフォンの時だけ適用するCSSののコード @media only screen and (max-width: 480px) { /* スマートフォン用のCSSコード */ } 説明 画面幅が 480px 以下の場合、スマート...
CSSの置き場所 タブレットの時だけ適用 CSSコードの置き場所 @mediaの使い方
ここではのコードを紹介します。 詳しい説明はございません。コピペして使用してください。 タブレットの時だけ適用するCSSののコード @media only screen and (min-width: 768px) and (max-width: 1024px) { /* タブレット用のCSSコード */ } 説明 画...
CSSの置き場所 divを中央配置適用 CSSコードの置き場所 marginの使い方
ここではのコードを紹介します。 詳しい説明はございません。コピペして使用してください。 50%幅のdivを左右方向に中央配置するCSSののコード ここでは仮に50%幅のdivとします。 divです div { width: 50%; margin: 0 auto; } 説明 div要素の幅を50%に設定し、左右のマージ...
CSSの置き場所 spanを上下方向に中央配置 CSSコードの置き場所 justify-contentなどの使い方
ここではのコードを紹介します。 詳しい説明はございません。コピペして使用してください。 span要素を上下方向に中央配置するCSSのコード ここでは仮に50%幅、高さ300pxのdivとします。 <div style="width: 50%; height: 300px; margin: 0 auto; backgro...
CSSの置き場所 table要素の中身を上揃えにする CSSコードの置き場所 vertical-alignなどの使い方
ここではのコードを紹介します。 詳しい説明はございません。コピペして使用してください。 table要素の中身を上揃えにするCSSのコード 下記サンプルのtableはheight: 200px;と指定しています。 <table> <tr> <td class="top-align">上にそろえる</td> </tr> <...
CSSの置き場所 table要素の中身を上下方向の中央配置する CSSコードの置き場所 vertical-alignなどの使い方
ここではのコードを紹介します。 詳しい説明はございません。コピペして使用してください。 table要素の中身を上下方向について中央配置するCSSのコード 下記サンプルのtableはheight: 200px;と指定しています。 <table> <tr> <td class="center-align">中央にそろえる<...
CSSの置き場所 table要素の中身を下に配置する CSSコードの置き場所 vertical-alignなどの使い方
ここではのコードを紹介します。 詳しい説明はございません。コピペして使用してください。 table要素の中身を下に配置するCSSのコード 下記サンプルのtableはheight: 200px;と指定しています。 <table> <tr> <td class="bottom-align">下にそろえる</td> </tr...
CSSの置き場所 文字を黒い枠で囲う CSSコードの置き場所 borderなどの使い方
ここではのコードを紹介します。 詳しい説明はございません。コピペして使用してください。 文字を黒い枠で囲うCSSのコード 次のように表示させます。 この文章に枠を付けるとこのようになります。 border <span style="border: 2px solid black; padding: 10px;">この文...
その他 Webサイトをダイアログに表示する | WebView on Dialog | Android
WebViewの準備 アプリのヘルプ画面や更新情報をHTMLページで作成し、ダイアログ表示する方法について説明します。 まずはManifestでINTERNET接続ができるように設定を行います。お馴染みの、 <uses-permission android:name="android.permission.INTERN...
googleAPI googleMap第3回 マークと直線 | Marker and Polyline | Android
AndroidでGoogleMapアプリ作成 第1回 表示 第2回 表示形式 衛星、地図、地形図 第3回 マーカーと直線 第4回 googleMapのエラー 第5回 PlaceAPIとマーカーのセット 第6回 現在地 GPSの実装 第7回 トラッキング 第8回 様々な技法 引き続き前回と同じプロジェクトを利用します。 ...
その他 fireTV向けアプリ開発の注意点 | development for fireTV | Android
fireTVのManifest設定 リモコン操作 開発環境自体はAndroidと全く変わりませんし、作り方も変わりません。スマホ向けに作ったアプリはそのまま動作します。 ただし、fireTVの操作はリモコンです。その点を考慮しなければ全く操作ができない。ということになってしまいます。 リモコンですべてを操作します。 で...
レイアウト TextView内の一部の文字色や大きさの変更 | change color or size of TextView | Android
TextView内の一部の文字色や大きさの変更 Stringの文字列を検索して、該当文字を赤くしたい、といった場合に使います。 結論は簡単です。Html.fromHtmlを用いて表記します。そう、HTMLです。 コードを見てみましょう public class MainActivity extends AppCompa...
レイアウト LinearLayoutで均等配置 | Equal placement with LinearLayout | Android
まずはTextViewを配置 <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="horizontal"> <TextView android:layout...