◆ Glide https://go.glideapps.com/ 紹介 「Glide」は、Googleスプレッドシートをストレージとして、ノーコードでアプリライクなWebサイトを構築できます。 事前準備 こちらがホーム画面。動画チュートリアルも充実しています。 アプリはスクラッチから作れるほか、7種類のテンプレートも用意されています。今回は、テンプレートの1つ「Conference」をベースに作っていきます。 まずは、左下にある「Coopy to my apps」からテンプレートをコピーします。 すると、My Appsに保存され DB代わりになるGoogle スプレッドシートもコピーされました。 データを編集する それでは実際に、テンプレートを編集しながらアプリを作っていきます。 まずはプロダクトの肝となるデータの編集からです。 データは、テンプレートをコピーした際にできたGoogleス

おつかれさまです。デザイナーのみやです。 去年の暮れにようやっとFlashからAfter Effectsに移行しました。 結果、それまでけっこう時間がかかっていたアニメーション制作が格段に楽になったので、使えるようになるまでに勉強した基礎的なことを噛み砕いてお伝えします。 今回伝えたいこと After Effectsの基本的なこと 基本的なアニメーションの作りかた なぜデザイナーの僕がアニメーションを作っているのか デザイン提案の際にアニメーションを含めて提案するためです。 言葉よりも絵、絵よりも動画の方が伝えられるイメージの量も質も上がります。限られた期間で作り、限られた時間でプレゼンをする中で、不要なやり取りを極力減らし、魅力をより伝えられるのではないかと考えています。 最近のサイトは細かなところでもアニメーションしていることが多いですよね。「実装時にはグリグリ動きます」ではクライアン

HTMLやCSSはブラウザのアップデートによって使えるものが増えたり、より簡単に機能を実装できるようになることがあります。 少し前まではJavaScriptで行わなければならなかったことが、HTMLとCSSだけで行えるようになったりするので、最新情報にキャッチアップすることでより効率的にコーディングを行えるようになります。 今回は、HTMLとCSSの小技やテクニックをご紹介したいと思います。 1. ダークモードの時にスタイルを変える 最近のOSでは、通常のカラースキームと別に「ダークモード」が搭載されるようになりました。 prefers-color-scheme: darkを指定することでダークモードが設定されている場合のスタイルを別で記述することができます。

インターネット検索で求めている情報をいかにすばやく確実に見つけ出すことができるか。すべてのビジネスパーソンに求められるスキルです。検索スキルが、仕事の効率や成果に大きな影響を与えることはいうまでもないでしょう。 筆者は、1年365日、インターネット検索を行わない日はありません。毎日、何かしらインターネットで調べものをしています。 インターネット検索では特に難しいことはしていません。使うのはほぼAND検索のみです。複数のキーワードを入力して、結果を絞り込み、求めている情報を見つけ出します。たいていの情報はAND検索で見つけられます。 その背景には、検索エンジンの目覚ましい進化があります。年々、多くの人が求める結果を高い確率で提示できるようになっているのです。 もしAND検索で求めている情報が得られないようなら、完全一致、OR、NOT検索などを試してみるとよいでしょう。 また、筆者はキーワード

拡張機能を使わずに、Chromeでスクロールするページ全体のスクリーンショットを撮る方法を紹介します。 例えばプレゼン資料を作っているときに、PCサイトでページ全体のスクリーンショットが必要なことがあります。 また、モバイルサイトでページ全体のキャプチャが必要なこともありますよね。 そんな時には、Chromeに標準で搭載されている機能を使えば、拡張機能を使わずに、ページ全体のスクリーンショットを撮ることが可能です。 PCサイトでページ全体のスクリーンショットを撮る方法 PCサイトでページ全体のスクリーンショットを撮る方法についてです。 次の手順で行ってください。 デベロッパーツールを立ち上げる 詳細機能を呼び出す 「capture」もしくは「full」と入力し、「Capture full size screenshot」を選択 ページ全体のスクリーンショットがダウンロードされる 1. デベ

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」を

はじめまして。 株式会社ヒトメディアでフロントエンドをしつつ、時々デザイン周りの監修をしている いとー です。 ヒトメディアでは毎月、有志が集まり勉強会を開いています。 今日はそこで発表した、画像形式とその内容における圧縮のしやすさについての資料を公開したいと思います。 この記事の内容 バナーやLP用の画像作成したものの、規定容量超えちゃった! どうしよう... 😅 ってよくあるよね ファイルの形式によって、圧縮されやすい画像とされにくい画像があります 圧縮されやすい構造を理解することで、質の高い軽い画像を作ろう✨ この記事を読んでほしい人 容量とにらめっこすることの多いデザイナー 少しでも軽いサイトを作りたいフロントエンドエンジニア はじめに 一般的に「画像を軽くする」というと、書き出し時のクオリティ選択や、 書き出し後にメタデータを撤去するなど、ツールで処理する印象があると思います。

この記事について 「GoogleAnalyticsの設定、どうしたらいいんだっけ...」と迷ったときのためのレファレンスです。 新規のサイトを立ち上げる時・GAの再設計がしたくなった時に参照してください。 のちのちアクセス解析しつつ改善していくために、できるだけ汎用的にデータを拾っておく 可能な限り、非コーダーができる作業で完結させる というのをテーマにまとめました。 STEP 0: GTM・GAのアカウントを取得 Googleのアカウントがあれば、驚くほど簡単に取得できます。 GoogleAnalyticsのアカウントを作る GoogleTagManagerのアカウントを作る 基本的には、GoogleTagManager（以下、GTM）経由でGoogleAnalytics（以下、GA）を導入します。GTMの使い勝手がよいのはもちろん、GAをカスタマイズしたくなったときに、コーダーの手を借

こんにちは。株式会社リスティングプラスの代表 長橋 真吾です。これまでリスティング広告を使っているのに売上が上がらないどころか、赤字を生み続けていて「リスティング広告なんて儲からない」と思っているWeb担当者や経営者を数多く目にしてきました。 そうなってしまう原因は非常にシンプルです。 それは“パフォーマンスを向上させるためのポイントを知らない”これに尽きます。 一方で、そうした情報よりもリマーケティング広告がいい、またはリターゲティング広告がいい(リマーケと何が違うの？) 、DSP広告がいいなど、いろんな情報が錯綜しています。 そんな最新機能の使い方よりも一番の関心事は“リスティング広告にかけた広告費がそれ以上になって戻ってくるか”これが一番重要な視点になるのではないでしょうか。 本記事では、弊社がこれまで約500社のリスティング広告運用に携わってきた経験から、広告費を無駄使いせずに広告

This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

こんにちはエリカです。 ゴールデンウィークが来ると、いよいよ夏という気がしてきますね。 2015年後半に向かって変化してくるこのシーズン、改めて自分のウェブサイトを『解析』し直してみるのはいかがでしょうか？ 解析・分析というと難しいイメージですが、1時間もあれば今日からすぐ始められるのです。 Googleアナリティクスを中心に、おすすめの記事を集めましたのでぜひご覧ください。個人的なおすすめ度も添えてみました！ 準備〜導入編 これからGoogleアナリティクスを始めようという方に読んでいただきたい記事です。 ただ慣れている方でも普段使わない機能や、後から追加された機能のことは意外と知らないので、おさらいしていただくとおすすめです。 「Googleアナリティクス」ってなに？ 無料アクセス解析ツールの定番「Googleアナリティクス」の意味と導入方法を知ろう https://liginc.co

サイトデザインをする上で、デザインがワンパターンになったり、煮詰まったりすると思います。そんな時、Instagram を使わない手はありません世界中のインスピレーション溢れるアート系の発信やデザイン系のイメージがたくさん参照できます本記事ではデザインのヒントになること間違いなしの海外のアートデザイン系の Instagram アカウントをご紹介します。

NAVERまとめに掲載されたツイートの確認方法 PCでそれぞれのページへ移動し、自分のツイートが表示されてることを確認して下さい。 ちなみに、本当に掲載されてるかもわからないのにPV送るのが嫌な場合はGoogleキャッシュから確認するという手もあります。前にブックマークレット書いたので良かったらどうぞ。 ツイートがまとめ内に存在することを確認したら、Naverの該当まとめにて消去作業を行います。 ツイートにマウスカーソルを合わせるとオプションメニューが表示されます。 左にあるゴミ箱アイコンをクリックすると、Twitterとアプリ連携（OAuth認証）するかどうかの注意が出るので「Twitterで認証」を選びます。 ここから、更にアプリ連携画面に遷移します。 NaverまとめからのTwitter認証画面 この画面は本稿執筆時（2015/10/27）の画面ですが、項目が増減する可能性があるので

2. 自己紹介 湖山 翔平 / @sion_cojp 元FPSプロゲーマーでアジアチャンピオン qiitaをよく書いてます (http://qiita.com/sion_cojp) インフラエンジニアとしてよく使うコマンド集 インフラエンジニア 株式会社リブセンス

Yahoo!キーワードアドバイスツールを効果的に利用できているでしょうか。 Yahoo!キーワードアドバイスツールの使い方は、各キーワードの出稿料金や推定平均CPCの調査、広告予算の算出など多岐にわたって活用できます。 その他、キーワードの競合性や検索ボリュームの調査が行え、広告戦略だけでなくSEOやコンテンツマーケティングにも応用可能です。 なぜなら、コンテンツを作成していく上で重要になっていくのが検索キーワードの選定でもありますので、対策キーワードと作成するページの内容を決めておく必要があるからです。 Yahoo!キーワードアドバイスツールを使うことで、あらかじめキーワードを選定し、そのキーワードの検索ボリュームや競合性を知ることで対策キーワードが有効なのか事前に予測を立てることができます。 今回は、Yahoo!キーワードアドバイスツールの基本的な使い方をまとめました。 「Yahoo!

今では誰もが「Google検索」を使って知りたいことを調べられる時代。「ググる」という動詞の意味する動作が「検索する」ことではなくなる時代がやって来つつあります。Googleは人工知能の研究開発に莫大な資本を投じているとされており、Googleユーザーが知りたいことや実行したいことは人工知能アシスタントがこなしてくれる時代が来ても不思議ではありません。「ググる」が人工知能を利用することを指すようになる可能性を考慮しておいてもよいでしょう。 したがって、長期的に見れば、本記事のような検索の便利な「使い方」は不要となっていくでしょう。進化した人工知能は、人間の曖昧な要求に対して、的確に対応してくれるはずだからです。実際、Google検索では会話型検索機能が強化されてきています。 しかし、少なくとも当面のところ、Googleを使いこなすためにはユーザー自身の脳にある程度の使い方をインプットしてお

こんにちは、ひろゆきです。 僕はWebサービスをつくりたくてエンジニアになったのですが、プログラミング言語は数が多く仕様もさまざま。「プログラミングには興味があるけど、どの言語から手をつけるべきか分からない」という方も、多いのではないでしょうか？ 今回プログラミング言語の中でもPHPをご紹介するのは、初心者でも比較的とっつきやすく、前知識がほとんどなくてもブラウザ上で動かすことができるので、エンジニア入門に適しているからです。 プログラミングでモノ作りをしたいと考えている方は、PHPから始めることをおすすめします。 今回は「無料PHPスクール」を運営している「株式会社ドリーム・シアター」の中田さんの情報提供の元、LIGブログでのif文やwhile文の事例など、PHPを勉強する前に知っておきたい基礎知識をまとめてみました。 中田斉道（なかた せいどう）さん PHP／Javaを中心としたWeb

はじめまして。ソウルドアウト株式会社のなごと申します。 「Web上でユーザを集めるための施策をすべて答えてください！」と言われたときに、パッと答えられる方は少ないのではないでしょうか？ Webマーケティングとひと口に言っても、その全体像を具体的にイメージできる人は少ないものです。本気で成果をあげたいと思ったら、まずはWebマーケティング全体を俯瞰した上で、施策を組み立てていくことが重要です。 今回は、一目でわかるようにWebマーケティングの全体像を1枚の画像にまとめました。また、それぞれの具体施策の概要やコスト感、即効性をわかりやすくざっくりとご紹介します。 マーケティングとWebマーケティングの違い まず前提として、マーケティングの中でも「Webマーケティング」の特徴について整理します。 Webマーケティングには以下のような特徴があります。 効果測定性 ハイスピード ローコスト パーソナ

HOME>Web>IEで「レイアウト崩れが起きてます」と言われた時の対処メモ（Internet Explorerの「互換表示モード」を解除する） 業務でやっているとある企業のWebサイト（レスポンシブ対応、対象ブラウザ：IE9〜）構築で、こちら側のブラウザチェックでは問題ないのにクライアントから「こちらのPCで表示が崩れるんですが…」との連絡が。 対応していないCSS3プロパティの効果が見えないとかならまだしも、レイアウトがグチャグチャになっていると言われては冷や汗が止まりません。 しかも、制作側ではどのPCで見ても問題ない上、対応していないIE8ですら問題ないというのに…これは困った。 ie8で崩れぬ表示 クライアント先のie9で崩れている そんな悪夢（バグ）の波間で 終わらない旅路（デバッグ）を続ける堕天使（わたし） 虚しさの意味を知る 柔らかな風が吹くこの場所で… （GLAY/HOW