Google Maps APIを使って、サイト上に地図を表示するまでの流れ ｜ Tips Note by TAM
Google Maps APIを使用する場合、2016年6月22日よりAPIキーが必須になりました。 参考:標準プランのアップデート | Google Maps API の価格とプラン | Google Developers 今回はAPIキーを取得して、サイト上に地図を表示するまでの流れを試してみます。 今回使用するのは、以下のJavaScript APIになります。 Google Maps JavaScript API | Google Developers APIキーの取得 APIキーの取得にはGoogleアカウントが必要になりますので、事前に用意しておいてください。 Googleアカウントにログイン後、こちらのページにアクセスして、右上の「キーの取得」をクリックします。 「Select or create project」をクリックして、「Create a new project」を
web制作者（フロントエンド・マークアップエンジニア向け）がブックマークしておきたい、便利なチートシートやリソースのまとめ - NxWorld
普段制作している上でうっかり忘れてしまったときにさっと確認することができる便利なチートシートや特定の情報がわかりやすくまとめられているリソースなどまとめてみました。 主にフロントエンドやマークアップエンジニアの方が日頃から利用することが多いと思うHTML・CSS・JavaScriptに関するものが中心で、他には各ブラウザのバグ情報を検索したり様々なデバイスの情報がまとめられたサイトなどもあります。 普段から多用している言語はもちろん、頻繁に調べてるとかまだまだ勉強しつつ使っているというものがあれば、それに関するチートシートをブックマークしておくことで不明点が出る度に検索する手間も省けて制作時間の短縮にも繋がると思います。 また、基本的にはweb上で確認するものになっていますが、中にはわかりやすく1枚のイメージでまとめられていたりPDF形式で用意されているものもあるので、それらを印刷して手元
5/26オープン！コクヨが手がけるライフスタイルショップ＆カフェ「THINK OF THINGS」に行ってきたよ|haconiwa
5/26オープン！コクヨが手がけるライフスタイルショップ＆カフェ 「THINK OF THINGS」に行ってきたよ こんにちは、箱庭編集部 moです。 今回ご紹介するのは、箱庭読者の皆さんなら１度は使ったことがある！？文房具ブランドでもお馴染みの「コクヨ」が手がけるショップ＆カフェ「THINK OF THINGS（シンク オブ シングス）」です。先月末オープンしたと聞き、早速行ってきました！ あたらしい“次の時代のスタンダート”が見つかる 創業以来112年、文房具とオフィスファニチャーを中心に、 人々の「働く」「学ぶ」フィールドをサポートしてきたコクヨ。今回オープンしたTHINK OF THINGSは、そんなコクヨが“ワークとライフの境界を超える”をテーマとし、「働く」「学ぶ」に留まらず「暮らす」という視点を加えた、ワークスタイルとライフスタイルのどちらでも心地よく使える商品・サービスを楽
ロゴ作成に便利なカラーコードツールHOUR INC. | HOUR INC.
様々な業種のイメージにあったロゴを作り上げて行く時参考になるロゴカラーコードツールです、海外のサイトですが僕もよく使っております、とても便利で一発でイメージしたカラーを選出してくれるのでとても便利です参考にしてみてください。様々な業種のイメージにあったロゴを作り上げて行く時参考になるロゴカラーコードツールです、海外のサイトですが僕もよく使っております、とても便利で一発でイメージしたカラーを選出してくれるのでとても便利です 参考にしてみてください。 こちらなサイトは完全無料で使えます！ http://logomak.com/ このように、業種がカテゴリー分けされているので簡単に自分ごのみのカラーを探せます。 業種の幅も多彩です、迷わずカラーを選出できるます サイトの中に入るとその業種にあったカラーをコンピューターが選出してくれるので、非常に使いやすいです、デザイナーさんに限らず、様々な業種
ガチで使える海外のAfter Effectsプラグイン＆スクリプト１３選（無料＆安価）
なんでこれ標準機能じゃないのよ！？ AfterEffectsは言わずと知れた非常に便利なソフトですが、使えば使うほどに「これが自動で出来たらなぁ…」と思うことがよくあります。 私はAfterEf...
[Illustrator]イラレのグラデーションを極める
皆様、ゴールデンウィークはいかがお過ごしだったでしょうか。 わたくしは2回バーベキューしました。バーベキュー大好きです。 でもその分体重がガッツリ増えました。今は減量中です。なんか年中減量している気がします。 スタッフ「ほ」です。 今日はイラストレーターのグラデーションネタです。 １．グラデーションの基本 まずは基本からおさらいしましょう。 オブジェクトを選択し、ツールパネル下部にあるこのマークをクリックするとグラデーションが適用されます。 塗りと線、それぞれにグラデーションを適用することが可能です。（線へのグラデーションはCS6以降） グラデーションは初期設定では線形（左端から右端にまっすぐに変化する）グラデーションになっています。 これを円形のグラデーションに変えるには「グラデーションパネル」を利用します。 パネル内の「種類」を「線形」から「円形」に変更します。 これで円形（中心から外
![[Illustrator]イラレのグラデーションを極める](https://cdn-ak-scissors.b.st-hatena.com/image/square/8fa24203b10d44b920240d1814d8a6324970e88c/height=288;version=1;width=512/https%3A%2F%2Fwww.vanfu-vts.jp%2Fblog%2Fwp-content%2Fuploads%2F2017%2F05%2Fgrad581-450x245.jpg)
Sublime Textをもっと快適で便利にする、フロントエンドのWeb制作に役立つプラグインのまとめ
Sublime Textは快適で非常に使いやすいエディタですが、そのままの状態では最近の他のエディタに機能で劣っている面があります。 エディタとしての機能を強化し、HTML, CSS, JavaScriptのコーディング作業を快適にする便利なプラグインを紹介します。 Sublime Text 3 Plugins for Frontend Web Development キャプチャは、Sublime Text 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様のライセンスに基づき翻訳しています。 Sublime Textの管理系プラグイン Sublime Textの一般系プラグイン Sublime TextのJavaScript関連のプラグイン Sublime TextのHTMLとCSS関連のプラグイン Sublime Textのリンター関連のプラグイン Sublim
【CSS】見出しが変に改行しない！スマホのfont-size指定にvminを使ってみよう
スマホのfont-sizeの指定で良さげな指定方法を見つけたのでご紹介いたします。 特に見出しなんかの大きな文字を使用する場面で活用できそうです。 スマホあるある見出し改行しちゃう問題 スマホのコーディングしてると、見出しやキャッチコピーなどちょっと大きい文字がデバイス幅によっては改行位置が意図しない場所になってしまうことってありませんか？ スマホデバイスの多様化に伴い結構直面する問題な気がします。 せっかくのデザインがそれだと残念ですよね。 fontをvminで指定すると改行せずに文字サイズを小さくもできる そこで登場するのがvminです。これをfont-sizeの指定に使うことで改行せずに見出しをコーディングする事ができます。 百聞は一見にしかず。早速デモを見てみましょう。 font-sizeをvminで指定したデモ デモを作りブラウザ幅の変化によってどう変わるかをGIFアニメにしてみ
Googleカレンダーと同期したスケジュール調整がカンタンに行える「Cu-hacker」
by lecates いくつか候補日程を挙げてスケジュール調整をするのは時間と手間のかかる作業です。「Cu-hacker」はGoogleカレンダーと同期し、時間と手間を省きつつ調整を進められます。 Cu-hacker https://cu-hacker.com/ ◆使い方 まずはサイトにアクセスして「ログイン」をクリック。 Cu-hackerではGoogleカレンダーのデータと同期してスケジュール調整を行うので、複数のGoogleアカウントを持っている人は調整したいスケジュールを登録してあるGoogleアカウントを選んで下さい。もしGoogleアカウントを持っていない人は作成の必要があります。 「アドレス帳や連絡先情報の管理」「カレンダーの管理」の許可をリクエストされるので「許可」をクリック。 これでCu-hackerのメイン画面に遷移します。 うまくカレンダーが読み込まれない人は、画面上
CLUB THERMOS [クラブサーモス]
CLUB THERMOS会員様限定の参加型イベントを開催いたします！ 会場は雄大な富士山を望むことが出来る山中湖畔にある素敵なキャンプ場です。 ゲストにクラブサーモス「T'sコラム」の執筆陣 蓮池陽子さん、長谷部雅一さんを招き、様々なワークショップを行う予定です。 また、サーモスのスタッフによる製品紹介や、美味しいご飯など 盛りだくさんの1泊2日イベントです。 宿泊はコテージですので、アウトドアが初めての方でも安心してご参加いただけます。 たくさんのご応募をお待ちしております！
![CLUB THERMOS [クラブサーモス]](https://cdn-ak-scissors.b.st-hatena.com/image/square/4d89ab0803f74c0a7ec48463aac4c3eab3720a0e/height=288;version=1;width=512/https%3A%2F%2Fwww.club-thermos.jp%2Fthermos%2Fshared%2Fcommon%2Fimg%2Fclubthermos_ogp.jpg)
Webサービスの公式ロゴDLページまとめ【Facebook・LINE・インスタグラム・Twitter・Google・Microsoft】
Webサービスの公式ロゴDLページまとめ【Facebook・LINE・インスタグラム・Twitter・Google・Microsoft】更新日: 2020年12月16日SNSマーケティング TwitterやFacebook、GoogleのようなWebサービスを自社コンテンツ内で取り上げる時、ブランドのロゴを使いたいと思うことはありませんか？営業資料に用いたり、ホームページで発信する記事の画像として含んだり、サービスのプロダクトに盛り込んだりとブランドロゴを使用する機会は多いでしょう。 今回は、主要Webサービスの公式ロゴの使い方と参照ページを紹介します。 商品やサービス名、ロゴは著作権及び商標にて保護されており、使用にはガイドラインが設定されています。ブランドのロゴに似せたデザインを勝手に作成したり、ガイドラインとは異なる加工をしたりした際には法律に違反する場合があるので注意しましょう。
CSSのコピペだけ！おしゃれな見出しのデザイン例まとめ68選
今回は見出し（h1〜h6タグ）のオシャレなデザインサンプルを68つ紹介します。CSSコードをコピペすればそのまま使うことができます。もちろん自分好みにカスタマイズして使って頂いても構いません。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【年間700件食べ歩く偏食カメラマン推薦】大阪のお気に入りカレー10選 : 大阪グルメ くらくらな日々Z 関西 神戸 京都 東京
The Blog | Welcome to Adobe Blog
Web制作者がブックマークしておきたい、HTMLやCSSで困った時にチェックしたいリソースのまとめ
Internet Archive: Digital Library of Free & Borrowable Books, Movies, Music & Wayback Machine
天然温泉 ひなたの湯
https://photo-mini.com/
4月から社会人になる人におすすめ！iPad Proで仕事に使えるアプリ10選・プライベートで使いたいアプリ10選 - isuta（イスタ） -私の“好き”にウソをつかない。-
LA CIENEGA （ホテル ラ シェネガ） 湯河原のリゾートホテル&レストラン
