[B! TIPS] shinji_HKのブックマーク

GoogleスプレッドシートでアプリライクなWebサイトがつくれる「Glide」

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

shinji_HK 2019/11/06

リンク

After Effectsでアニメーションをつくるチュートリアル | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

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

shinji_HK 2019/10/02

リンク

いくつ知ってる？HTML/CSSの便利な小技・テクニックまとめ | Web Design Trends

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

shinji_HK 2019/09/19

リンク

グーグル検索の7つのテクニック、元グーグルエンジニアが解説

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

shinji_HK 2019/08/09

Google
Tips

リンク

【拡張不要】Chromeでスクロールするページ全体のスクリーンショットを撮る方法！ | iSchool合同会社

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

shinji_HK 2018/08/02

リンク

Google Maps APIを使って、サイト上に地図を表示するまでの流れ｜ Tips Note by TAM

Google MapsAPIを使用する場合、2016年6月22日よりAPIキーが必須になりました。参考:標準プランのアップデート | Google MapsAPI の価格とプラン | Google Developers 今回はAPIキーを取得して、サイト上に地図を表示するまでの流れを試してみます。今回使用するのは、以下のJavaScript APIになります。 Google MapsJavaScript API | Google Developers APIキーの取得 APIキーの取得にはGoogleアカウントが必要になりますので、事前に用意しておいてください。 Googleアカウントにログイン後、こちらのページにアクセスして、右上の﹁キーの取得﹂をクリックします。﹁Select or create project﹂をクリックして、﹁Create a new project﹂を

shinji_HK 2018/06/11

リンク

データ特性による圧縮されやすいJPEG/PNGファイルの作り方 - hitomedia Tech Blog

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

shinji_HK 2018/06/11

リンク

アクセス解析担当が必ずやってるGoogleAnalytics設定のまとめ【2018年版】 - Qiita

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

shinji_HK 2018/03/14

リンク

リスティング広告の予算を“ムダに食い潰す” 20項目【前編】

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

shinji_HK 2016/05/24

リンク

ituore.com - ituore リソースおよび情報

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.

shinji_HK 2016/05/20

リンク

GWに復習したいGoogleアナリティクスによるアクセス解析やWeb分析記事まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

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

shinji_HK 2016/04/26

リンク

Flipsblog.jp

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

shinji_HK 2015/11/26

リンク

ネット広告運用初心者マニュアル。広告集客の基本は「プッシュ型」と「プル型」 #1/3 | ネット広告運用初心者マニュアル

shinji_HK 2015/10/30

リンク

NAVERまとめに載った自分のツイートを消す方法 : おち研

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

shinji_HK 2015/10/28

リンク

インフラエンジニアの綺麗で優しい手順書の書き方

新たなgitのブランチモデル「Git Feature Flow」！Git Flow,Git Hub Flow,Git Lab Flowを超えれるか？naoki koyama

shinji_HK 2015/09/17

リンク

意外と知らない人が多いYahoo!キーワードアドバイスツールの使い方

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

shinji_HK 2015/09/03

リンク

Google検索で知らないと損する40個の便利な使い方

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

shinji_HK 2015/05/27

リンク

【初心者向け】PHPとは？PHPでできることや基本的な書き方を紹介！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

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

shinji_HK 2015/04/03

リンク

【保存版】10分でわかるWebマーケティング手法の全施策まとめ【図解付き】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

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

shinji_HK 2015/03/25

リンク

IEで「レイアウト崩れが起きてます」と言われた時の対処メモ（Internet Explorerの「互換表示モード」を解除する）

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

shinji_HK 2015/03/12

リンク

はてなブックマーク

タグ

関連タグで絞り込む (37)

TIPSに関するshinji_HKのブックマーク (586)

お知らせ

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

今週のはてなブックマーク数ランキング（2024年7月第1週）

月間はてなブックマーク数ランキング（2024年6月）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス