web

javascript

【JavaScript】Excelとの切り上げ、切り捨て、四捨五入の違い。

JavaScriptで端数処理を実行した場合の結果が、Excelで端数処理を実行した結果と異る件を記載します。 JavaScript端数処理 小数点切上Math.ceil小数点切捨Math.floor小数点四捨五入Math.r...
javascript

【JavaScript】シフト演算子

シフト演算子 演算子例説明<< a << 2 a を 左へ2ビットシフト>> a >&...
googlemap

Googleマップをカスタマイズする方法。(複数マーカー表示編)

前回マーカー表示にチャレンジしましたが、今回は複数のマーカー表示にチャレンジします。 CSSの記述(前回から変更なし) カスタムCSSに下記コードを記述します。”mapSample”地図が表示されます。 #mapSamp...
googlemap

Googleマップをカスタマイズする方法。(吹き出し編)

前回マーカー表示にチャレンジしましたが、今回は吹き出し表示にチャレンジします。 CSSの記述(前回から変更なし) カスタムCSSに下記コードを記述します。”mapSample”地図が表示されます。 #mapSample{...
googlemap

Googleマップをカスタマイズする方法。(マーカー表示編)

前回、カスタマイズした地図を表示しましたが、今回はマーカー表示にチャレンジします。 CSSの記述(前回から変更なし) カスタムCSSに下記コードを記述します。”mapSample”地図が表示されます。 #mapSampl...
googlemap

Googleマップをカスタマイズする方法。(表示編)

前回、”Google Maps APIs Styling Wizard”を使って、地図をカスタマイズしましたが、今回は実際に自分のサイトへカスタマイズした地図の貼り付けにチャレンジします。 Google Maps APIの取得 ...
googlemap

Google Maps APIの取得

APIキーを取得する GoogleCloud Platformに接続 Googleアカウントでログイン 下記のページから、Googleアカウントでログインします。 GoogleCloud Platf...
googlemap

Googleマップをカスタマイズする方法。

Googleマップの色や、表示される項目をGoogle Maps APIs Styling Wizardで調整できます。 Google Maps APIs Styling Wizardの使い方 サイトへ移動 下記サイトへ...
googlemap

GoogleMapで地図を表示してみる。

Googleマップを埋め込む方法 GoogleMapを表示して、埋め込みたい地図を表示します。例として日本三景の”天橋立”の地図を表示します。検索欄に”天橋立”と入力して、検索します。 次に右下の”共有”をクリックしま...
cocoon

Google FontsをCocoonに導入してみる。

使用するフォントの選択 Google Fontsの一覧サイトを表示する。 Google Fontsの一覧サイトを見てみます。 日本語フォント表示の絞り込み フォントの数が多いので、"Lang...