web

javascript

CentOSにNodejs+socket.io+expressをインストールする。

他のサイトを参考に、インストールを実行したら自分の環境ではエラー及びワーニングが発生したので最終的にインスト―ルした方法を記載します。 Nodejsのインストール エラーが発生したインストール方法 $yum --enab...
sass

Sassを使用する方法~コンパイルエラー~

ArgumentError:invalid byte sequence in UTF-8エラーについて フォルダ名及びファイル名に日本語が使用されていると発生する。
svg

【SVG】SVGオブジェクトの表示が参考になるサイト一覧

参考サイト 基本 HTML5でのSVGファイル操作のおさらい SVGタグについて記載されたサイト。 SVGファイル作成方法 Illustra...
svg

SVG覚書 transform(変形)

基本図形の表示 まずは、基本図形を表示します。サイズ「50,50」の正方形を表示エリアの中央に表示します。 <svg id="svg1"  width="200" height="200" viewBox="-75 -7...
svg

SVG覚書 ViewBoxBox(移動、拡大、縮小)

SVG定義 ViewBoxBox 正方形の表示。 <svg id="svg1"  width="200" height="200" viewBox="0 0 200 200" style="background: #ee...
javascript

【SVG】インラインでのアニメーション 1

インラインでのアニメーション svg { height:100px; width:100px;margin:0; padding:0; } <svg viewBox="0 0 10 10" ...
sass

Sassを使用する方法~Koalaのセットアップ~

Koalaのダウンロード。 Koalaの公式サイトからKoalaをダウンロードします。下記画面が表示されますので”Dowonload"をクリックします。 ”ファイルの保存”をクリックします。 Koalaの...
googlemap

Google Maps のAPIの上限設定

Googleマップを使うには、APIキーが必要になり、1ヶ月あたり200ドル分は無料で利用できる。※1ヶ月200ドル分 = 約28000回Googleマップやストリートビューを表示。通常使用なら無料枠内で運用可能ですが、運用状況の変化の可...
googlemap

Googleマップをカスタマイズする方法。(モノトーンMAP)

今回は、モノトーンサンプルの確認依頼があってので、モノトーン地図を表示してみました。 表示確認内容 ・地図は背景はモノトーン表示。・駅アイコンは非表示にして、最寄りの駅及びバス停のみを表示する。・指定位置のマーカーは、カスタマ...
javascript

【JavaScript】数値を16進数表記の文字列に変換

JavaScript初心者が数値を16進数表記の文字列に変換する方法を記載します。 数値から16進文字列への変換。 var i = 15; var s=i.toString(16) ; // sは"f"になります。 var...