グーグルマップのdirections APIを使ってバス貸切料金算出方法

  • 2017-11-25  最終更新日:2017-11-25

グーグルマップのdirections apiは距離と時間を調べるときに役立ちます。複数の経由地も入れることが可能でのサンプルを元に作ってみました。

ほぼほぼ同じなのですが変えている点としましては距離と時間を合計にしたところです。 route.legs[i].distance.text、route.legs[i].distance.textはroute.legs[i].distance.value、route.legs[i].distance.valueにしてテキストを値にして計算したという感じですね。

サンプルはコチラ

検索する際に役立つプレイス オートコンプリートも入れてあります。

もっと見る

日本語のwebフォントを作成する方法

  • 2017-11-18  最終更新日:2017-11-18

Webフォントを使うといえばGoogle Fontsを使って利用している人が多いかもしれません。 そのほか、アドビ社のTypekitやWebフォント TypeSquare タイプスクウェアなど結構Webフォントも多く使えるようになってきました。

ただ指定フォントを使って表示させたいという要望もあります。その場合にWebフォントを表示させる方法をご紹介します。

ただし、いまあるお手持ちのフォントをwebフォントとして使用出来るわけではありませんのでご指定のフォントのライセンスをご確認下さい。今回の作業はMacでの流れをご紹介します。Windowsでも流れは同じですのでわかると思います。

もっと見る

chromeのデフォルト機能でキャッシュ削除する方法

  • 2017-11-11  最終更新日:2017-11-11

つい先日、クロームのcache killerというエクステンションが使えなくなりました。。。常にキャッシュを削除してくれるので良かったのですが、代わりの物を探していたらデフォルトでキャッシュを削除できる方法がわかりましたのでご紹介します。

エクステンションとして有名なのがClear Cacheというものがありますが、ポチポチとクリックし削除するタイプなので一応入れてはありますが代替にならなかったです。

使えないわけではないのでこれも有効なエクステンションではあります。

もっと見る

MacのイラストレータデータをPDFに変換した容量を削減

  • 2017-11-04  最終更新日:2017-11-04

なぜかMacのイラストレーターからPDFに保存した際ってほとんど容量変わらないですよね。とりあえず適当にイラストレーターデータを作ってみました。画像を入れてイラストデータ入れてtestdata.aiとして保存しました。

はい、これだけで100MBオーバーです。。。さてさてここからです。MacだとこれをイラストレータでPDFで普通に保存するとほとんど変わりません。ほとんどイラストレータデータそのもの。PDFで表示されるだけで容量が多いままですね。

ちょっとした設定で容量を軽く出来ます。

もっと見る

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

サイト内検索

最近の投稿

アイキャッチ
姫路セントラルパークに行ってきた感想

さて久しぶりになりましたが連休中に姫路市に行って参りました。太陽公園と姫路セントラルパークを2日かけて回りましたが姫路セントラルパークに関しては1日では足りないぐらいかもしれないです。ここは遊園...

12 May 2019

アイキャッチ
これは楽!iterm2パスワードマネージャー機能

さて今回はiterm2のパスワード管理についてです。そもそもこんな機能がついていること自体知らなかったのでこれ使って楽だなと思ったのでご紹介します。 iterm2の現在時点での最新バージョンは...

30 Mar 2019

アイキャッチ
JavaScriptライブラリデータベースのご紹介

さて今回はJSライブラリーのデータベースをご紹介したいと思います。知っている方が多いかと思いますがライブラリやプラグイン、フレームワークなど探す際には役立つサイトではないでしょうか。 どのJS...

28 Mar 2019

アイキャッチ
Web制作者が8年Chrome使ってきた中でおすすめの拡張機能

最近はEdgeもGoogle Chromeと同じChromiumベースでのブラウザとなりほとんどクローム(Chrome)状態ではあります。FirefoxとSafariぐらいでしょうか。Firef...

17 Mar 2019

アイキャッチ
Bootstrap4でフォーム入力の際にカレンダーから日付入力する方法

最近はメインでのコーディングはBootstrap4に移行しておりますがいろいろと3の時に使えたものが使えなかったりとしております。 DatetimePickerなどもそうですね。私個人的には4に...

18 Feb 2019

著者

ウェブエンジニアの須山のブログです。

WEBに関することや個人的に関心のあることについて書きます。主に技術系ブログです。

タグクラウド

フッターイメージ