コンテンツは以下の内容です Google Cloud Platformの登録 Google Map用API Keyの発行 javascriptの設定 Google Cloud Platformの登録 GCPでGoogle Map APIが使用できるようにします。前提として、以下のものが準備してある想定です。 プロジェクトの作成 お支払いの設定 詳細は割愛しますが、お支払いの設定は済ませておくとあとで地図表示の際にエラーにならなくて済みますっ それから今回は地図を表示するだけじゃなくて、 地図の色を変える 準備したピンを使う ので、細かい設定ができるようGoogle Maps Javascrit APIを使用します。この時点で16種類ほど地図のAPIがありましたが、Maps Javascript API だけ有効にすればOKです。 これを押して、有効にしたら、次はAPIキーです。
API…
Keep Reading →
Why Kaldi
Kaldi is the coffee store for everyone who believes that great coffee shouldn't just taste good, it should do good too. We source all of our beans directly from small scale sustainable farmers and make sure part of the profits are reinvested in their communities.
Great coffee with a conscience
Kaldi is the ultimate spot for coffee lovers who want to learn about their java’s origin and support the farmers that grew it. We take coffee production, roasting and brewing seriously and we’re glad to pass that knowledge to anyone.
We sell green and roasted coffee beans that are sourced directly from independent farmers and farm cooperatives. We’re proud to offer a variety of coffee beans grown with great care for the environment and local communities. Check our post or contact us directly for current availability.
We offer a small, but carefully curated selection of brewing gear and tools for every taste and experience level. No matter if you roast your own beans or just bought your first french press, you’ll find a gadget to fall in love with in our shop.
Love a great cup of coffee, but never knew how to make one? Bought a fancy new Chemex but have no clue how to use it? Don't worry, we’re here to help. You can schedule a custom 1-on-1 consultation with our baristas to learn anything you want to know about coffee roasting and brewing. Email us or call the store for details.
We believe that good coffee has the power to bring people together. That’s why we decided to turn a corner of our shop into a cozy meeting space where you can hang out with fellow coffee lovers and learn about coffee making techniques. All of the artwork on display there is for sale. The full price you pay goes to the artist.
Latest stories
先日、ローカルの開発環境でもSSLで検証して、Let's encryptもcronで定期的に更新して、やった感出したかったんですが、色々問題があって今回アンインストールしました。 以前の記事: 問題点1 テストしているlocalhostをIP指定でモバイルでも検証できるよう開発環境を準備しているのですが、このmkcertを設定してしまうと、モバイルでもCertificationを求められるようになるので、どうするか途方に暮れてしまった。 問題点2 こちらの方が影響が大きいかもしれませんが、他のプロジェクトも同様にlocalhostでのアクセスはSSL接続になってしまいます。もしSSL接続を設定するようWebpack-Dev-Server…
Keep Reading →
サーバのSSL設定はレンタルサーバなどにすでに設定されているか、Let's encryptなどを利用して証明書を簡単に設定できます。 自己著名証明書の作成 はじめにmkcertを利用して、自己著名証明書を発行します。
(macでの作業を前提としています。windowsはすいません…) ** mkcertプラグイン ** https://github.com/FiloSottile/mkcert インストール方法: サイトでは色々なURLやワイルドカード、IPなどを設定していますが、私は localhost のみを設定しました。 すると、 localhost.pem localhost-key.pem が生成されます。同時に、MacBookの ~/Library/Application Suport/mkcert/ に以下のファイルが生成されます。 rootCA-key.pem rootCA…
Keep Reading →
faviconジェネレーターサイトを利用する方法 まずはあんまりスマートじゃありませんが、アイコン生成サイトを利用する方法を紹介します。手順としては以下の通り。 faviconをPNGで作成 faviconジェネレータサイトを利用 webpackのタスクへ追加 1. faviconをPNGで作成 これはできた素晴らしいサイトができていると思うので、簡単にできると思いますっ。
サイズは512 x 512で作るとiphoneのアイコンなどでもキレイに仕上がります。 2. faviconジェネレータサイトを利用 たくさん生成サイトはありますが、私はこちらを利用しました。bookmarkに登録されているので、反応で使ってしまいます。 このサイトは、微調整が画面で確認しながらできるのがいいですね。 RealFaviconGenerator https://realfavicongenerator…
Keep Reading →
faviconジェネレーターサイトを利用する方法 まずはあんまりスマートじゃありませんが、アイコン生成サイトを利用する方法を紹介します。手順としては以下の通り。 faviconをPNGで作成 faviconジェネレータサイトを利用 webpackのタスクへ追加 1. faviconをPNGで作成 これはできた素晴らしいサイトができていると思うので、簡単にできると思いますっ。
サイズは512 x 512で作るとiphoneのアイコンなどでもキレイに仕上がります。 2. faviconジェネレータサイトを利用 たくさん生成サイトはありますが、私はこちらを利用しました。bookmarkに登録されているので、反応で使ってしまいます。 このサイトは、微調整が画面で確認しながらできるのがいいですね。 RealFaviconGenerator https://realfavicongenerator…
Keep Reading →
通常はネームサーバの設定をしてあげることで簡単に設定が可能
ただし、もしお名前メールを利用している場合は、このネームサーバの設定をしてしまうと、メールの受信ができなくなってしまします。 まずは対処方法はMXレコードを設定してあげることで送受信できるよう
になります。 [感謝]参考にしたサイト:
https://teratail.com/questions/192686
https://help.onamae.com/answer/7883
Keep Reading →
URLに日本語が含まれると、文字化けしてなんだか気持ちわるいと思いつつも、ダメな理由が思いつかないので、言われるがまま使ってましたが、今日はガッと行けそうですっ 日本語を含むURL 問題となるケース 日本語やめましょう! 後から変更するのはとっても大変っ!すでにAnalyticsも順調にビュー数が伸びてきているのにここでいっぺんにURLを変えることになれば、真っ逆さまに1桁アクセス数まで下がっているように見えることになるかもっ。
クライアントもプルプルきてしまうかも知れませんっ。
Keep Reading →
最初に実際の記載方法です。 phpの独特な記述方法なのかもしれませんが、canonicalに設定するURLを"Link: <URL>;"のように記述します。それとrel="canonical"も設定するような記述です。 一般的にはhtmlのheadタグに以下のように記載します。 canonicalの設定はwordpressでSEO対策として良く出てくるトピックですが、他にも.htaccessで設定することもできます。これは実際には試していないので、割愛させていただきますっ。また試してみる機会が合ったら更新しますっ。 wordpressでこのResponse Headerに登録する方法を紹介しましたが、実は副作用があるようでした。 wordpressは初期状態では、以上のようなLink情報が含まれています。
ここに2つ情報が含まれていて、片方はwordpress api…
Keep Reading →