「Shopifyで制作したECサイトにWeb広告で新規顧客獲得を行っていきたい」 「配信するWeb広告は決まったけど、具体的なタグの設定が分からない」 「手順を追って、具体的なタグの設定方法を教えてほしい」 本記事はそんな方向けの記事です。 前回の記事では、主要なWeb広告のShopifyでの配信手順は説明しましたが、 本記事ではさらに一歩進んで、各Web広告のタグの設定方法を説明していきます。 【この記事のポイント】 ShopifyでのWeb広告のタグ設定方法がわかる ShopifyでGTMを使用したタグ設定方法がわかる GTMで設定したタグが発火しているかの確認方法がわかる 以上3つの記事をご紹介します。 ぜひ本記事を参考に、Shopifyと各Web広告の設定を済ませ、集客施策を強化してください。 Web広告の運用で使われるタグとは？ Web広告（リスティング広告、SNS広告など）では

株式会社チームスピリットが「タイムマネジメントに関する意識調査」を日本のビジネスパーソン男女1,032人を対象に実施。会社員が1日の1/4を労務管理に費やし、８割が「無駄だと感じる作業」があると感じており、「創造的に仕事に取り組みたい」と考える人は9割いるものの、時間を主な理由に約半数が実行できていないという実態が明らかになった。 株式会社チームスピリットが発表した調査結果は以下の通り。（チームスピリット発表の全文転載） 1. 「無駄だと感じる作業」と「浪費されている時間」 約８割が「無駄だと感じる作業がある」 普段の仕事で「無駄な作業がある」と感じている人は78.0％と、約8割に上ることがわかりました【図１】。「業務報告書/日報週報作成」、「稟議・申請」、「勤務登録」、「経費精算」、「工数計算」の作業を労務管理と定義すると、労務管理の作業でいずれかを無駄だと思っている人は681人で、全体

この記事はマネーフォワードアドベントカレンダー🎄の1日目です！ マネーフォワードという会社でデザイナーをしています。いなげ（17_makoto）です。 今回は、新卒2年目の僕がデザインの仕事を進める中でとても苦労した、工数見積りを正しくできるようになるまでのお話をしていきたいと思います。 遡ること1年新卒で働きはじめたころは、バナー作成や、UIを1画面作ってみる、インタビューをやってみるなど単発のタスクやっていました。 単発のタスクがだんだんできるようになると、次は施策単位でタスクを任されるようになりました。 その時の風景 先輩😄「このデザインどのくらいかかりそうかなー？」 いなげ「1週間くらいですかね」 先輩😄「じゃあ1週間でよろしく！」...締め切り前 先輩😄「どう？終わりそう？」 いなげ「すみません、あと3日かかりそうです…」 先輩😄「スケジュールはズレるもんだししょうがな

こんばんちは、スーパー太っちょWebディレクターです。 スーパーは太っちょにかかります。 シン・エヴァンゲリオンはそれなりに楽しみにしていたけど、どっちにしろもうずっと待ってるし、生きてるうちに観れればいいか。どうせミサトさんが歳下になってもうだいぶ経つし。 と、そんな風に世の中の出来事と向き合うことが、意外と人生を楽しむスキルなのではないかと、そう感じる今日この頃。いかがお過ごすぃ？ミィル姉さんよーう（圧倒的に古い） なんてね、たとえばこんな風にね。 「先輩、エヴァ延期しちゃいましたね？！あんなに楽しみしてたのにどうすんすか？！」 「ああー？まあ、もう生きてるうちに観れたらいいやっていう感じになってきたわ（ほじほじ）」 オッサンも自分の好きなものを押し付けず、これぐらい肩の力抜いて話ができれば嫌われないのではなかろうか。 しかし、できなくて嫌われる。 それはなぜなのだろう？ と、考えてい

ウェブサイトを閲覧していると「画像の読み込みが遅い」という場面に遭遇したことがある人は多いはず。画像はウェブサイトのパフォーマンスを左右する要素のひとつであり、ウェブ開発において取り扱いに注意すべきものです。そんな画像をウェブサイトで扱う際の最適化方法について、GoogleのエンジニアであるMalte Ubl氏が解説しています。 Maximally optimizing image loading for the web in 2021 https://www.industrialempathy.com/posts/image-optimizations/ ◆img要素にwidthとheightを指定する アスペクト比を維持したまま画像サイズを変更するには、「style」要素に「max-width: 100%」や「height: auto」と指定しておく手法がよく用いられます。この手法に加

CSSのスクロールスナップが登場して早4年、現在ではほぼすべてのブラウザにサポートされ、採用しているWebサイトやスマホアプリも増えてきました。 CSSのスクロールスナップについて、基礎知識をはじめ、各プロパティの機能や使い方、スクロールスナップの実際の使用例、実装の注意点などを紹介します。 CSS Scroll Snap by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSSのスクロールスナップを使う理由 スクロールコンテナの基本 スクロール コンテナの注意点 CSSのスクロールスナップとは scroll-snap-stopの使い方 scroll-paddingの使い方 scroll-marginの使い方 CSSのスクロールスナップの使用例 block値とinline値について アク

私が「ウォルト・ディズニーアニメーションスタジオ」に招待されて実際に聞いて学んだ、チーム活動に活きる3つの考え方 こんにちは、けいあんです。 私は大学４年生のとき、とあるきっかけで ウォルト・ディズニー・アニメーションスタジオに招待していただき、 関係者のみしか入ることができない社内を 見学させていただく機会がありました。 世界的アニメーション会社である「ウォルト・ディズニー・アニメーション・スタジオ」の日本企業とは違った社風を肌で感じ、 私たちがチームでプロジェクトを進めるときに生かせられる様々な考え方を学ぶことができました。 また、「行動力」がきっかけでウォルト・ディズニー社を見学することができたので、そこから得た気づき・自己啓発などをnoteにまとめて ご紹介します。 ディズニー社に招待されることになったいきさつ私は幼いときから映像が好きで、特に「トイ・ストーリー」の制作会社 として

当サイトでは、毎月新しく公開されたフリーフォント素材をまとめており、2020年の間に合計424個の新作フリーフォントを紹介してきました。 この記事では、2019年に公開された素材の中から、商用利用可能で無料ダウンロードできるフリーフォントのみを、カテゴリ毎に分けてまとめています。2021年に向けてのデザイン制作にぜひ活用してみてはいかがでしょう。 コンテンツ目次 1. 日本語フォント 2. 万能フォント 3. 筆記体フォント 4. サンセリフ書体 5. セリフ書体 6. 手書きナチュラル系フォント 7. 筆ブラシ・フォント 8. ビンテージ・フォント 9. デコレーションフォント 01. 日本語フォント 無料で商用利用できる日本語フリーフォント、13書体をまとめています。 マメロン Hi Regular マメロン Hi Regularは、デジタル時代の日常語と俗語の文章表現の視覚化と共有を

こんにちは、この記事は Webアクセシビリティ Advent Calendar 2020 の6日目です。 すこし前に、同僚のエンジニアに「Webアプリケーションにドラッグ＆ドロップを使う機能を作ろうとしているんだけど、アクセシビリティは何をすればいいのかわからない」という相談をされる機会がありました。そのときの回答が、実はアクセシビリティを考える上ですごく大事なことだなと思ったので、ちょっと文章化してみることにしました。 相談されたのは「新しい機能で直感的な操作を実現するためにドラッグ＆ドロップを使いたいが、アクセシビリティチェックをパスできない気がする」というような内容でした。たしかに私の会社で運用しているチェックでは、キーボードやスクリーンリーダーによる動作チェックを行っているので、それらではドラッグ＆ドロップの操作ができそうには思えません。 彼のこの相談内容からは「良いものを作ろう」

UXデザインにおける大切なフェーズであることは理解しているけれど、どのように進めればいいかわからない。「定量リサーチ」、「定性リサーチ」という言葉は聞いたことがあるけれど実践できていない。本連載ではそんな方に向け、現場で使える具体的なリサーチの手法や業務への取り入れ方をお伝えしていきます。最終回となる第4回は「課題を発見するためのリサーチ手法」についてです。 こんにちは。株式会社アジケでUXデザイナーをしている佐藤李里（サトウリリ）です。前回は、プロダクトの制作フェーズで有効なリサーチ手法をご紹介しました。これらの手法を使うことで、エビデンスを持ってUIデザインに落とし込んでいくことができるかと思います。今回は、デザインを作成したあとに、よりユーザーに寄り添ったデザインに改善するためのリサーチ方法をお伝えします。 まずは、プロダクトやサービスのユーザビリティの課題を幅広く発見するための手法

世の中には「デザイン」という言葉が氾濫しており、スマートフォンのアプリなど、デジタルサービスの普及によって、その重要性は日増しに高まっている。 しかしその一方で、日本人はデザインに弱く、その本質を理解している人は極めて少ない。そもそも日本では、デザインという言葉が、グローバルスタンダードとは異なる意味で使われているのが現実だ。

タイトルの通りのメモです。後から検索できなくはないですが、何があったかということ自体を忘れると検索できないので、一覧で見られるようにしたいなと。 前提 Shopify コミュニティ| Shopifyのネットショップフォーラム 気になるフォーラムの回答 後でカテゴライズする予定ではありますがとりあえず適当に並べています。 [質問]Billing APIを使用して料金を請求 | NodeやReactでShopify アプリを構築する 解決済み: Re: Billing APIを使用して料金を請求 | NodeやReactでShopify アプリを構築する – Shopify Community 下記の動画でお使いのチュートリアルや課金の実装について解説していますので、ご確認ください。 https://www.youtube.com/watch?v=QZ16h6PlGIU&list=PLkR3L

検索順位の上位を獲得し、自社のWebサイトの訪問ユーザーを増やそうと日々SEO対策に尽力するWeb担当者がたくさんいます。プロのSEO業者に依頼をするとそれなりのコストがかかってしまうため、自分で取り組むケースも多々ありますが、*知らないうちに、ブラックハットSEOと呼ばれるペナルティリスクの高いSEO手法を使ってしまっているかもしれません。*このリスクを回避するために、ブラックハットSEOに該当する危ない施策を把握しておくべきなのです。 この記事をご覧いただければ、SEO対策を行う際、どのようなことをやってはいけないのか理解できます。検索順位を上昇させるため、いろいろな取り組みを自分で行っている方は、ぜひご参考ください。 ブラックハットSEOとは ブラックハットSEOとは、Googleのウェブマスター向けの品質に関するガイドラインを遵守せず、不正に順位を上げようとするSEO対策のことです

はじめにマネージャーになり、メンバーに仕事をお願いすることは本当に難しいと痛感しました。 いくつか難しいと思った瞬間があるのですが、中でも一番難しいなと思ったことが「この仕事は自分がやりたい仕事ではないです」と言われた時です。 そこまでストレートに言われなくとも、明らかに嫌な顔をされたり、気が乗らない様子を目の当たりにすることはよくあるのではないでしょうか。 ・メンバーのWillなど聞かなくて良い ・これは会社からの指示なので拒否する権利はありません ・仕事を選り好みしないでください なんて言いたいところですが・・・。 たしかにそれは正論なのですが、正論で飯が食えるなら苦労はありません。ベンチャー企業は常に人手不足で、かつ採用力も弱い。 ・辞めたらどうしよう、困る・・ という考えがベンチャーマネージャーの皆さんの頭によぎるのではないでしょうか。 転職も気軽にできる時代なので、自分の要望に応

こんにちは、きなこです！ マーケティングといっても戦術もたくさんありますし、営業ぽいところもあってなにがなんだか…とにかく定義が曖昧ですよね。 そこで今回は多くの方が説明しづらい「マーケティング」「マーケター」とはについてまとめてみました！ そもそも“マーケティング”とはマーケティングとは、『顧客が欲しがるサービスをつくり、その商品が売れ続けるための仕組みを構築する役割』のことです。 単純に商品を売るだけでなく、顧客が求める商品はなにか？（商品開発）や売り続けるための（マーケティング）思考の両方が基本的に求められます。 （本当はもっと複雑でマーケターに求められるスキルはたくさん存在しますが） “マーケター”とはマーケティングは商品が売れ続けるための仕組みを構築する役割ですが、マーケターの中には様々な職種が存在ます。 そもそもマーケティングとは『戦略→実行→分析』の3工程です。全工程を一人で

ECサイトで集客したいならWeb広告が良いらしいけど、どんなメリットがあるのかな..？ Web広告っていろいろ手段があるみたいなんだけど、違いってなんだろ…？ ShopifyだとどうやってWeb広告を配信できるのかな…？ 誰かこれに詳しいShopify神様みたいな人、教えて！

横浜・みなとみらいのイルミネーションイベント「ヨルノヨ-ヨコハマ クロス ナイト イルミネーション-(YOKOHAMA CROSS NIGHT ILLUMINATION)」が、新港中央広場と周辺エリアにて、2020年11月20日(金)から12月26日(土)まで開催される。 “街全体が光輝く”都市型イルミネーションイベント「ヨルノヨ-ヨコハマ クロス ナイト イルミネーション-」は、横浜が紡いできた歴史に着想を得た「ひと・もの・文化の交差(CROSS)」を演出コンセプトにした都市型パノラマイルミネーションイベントだ。横浜・みなとみらいの街全体を、美しい光の演出で彩る。 輝きが変化する、巨大な光ドームメイン会場となる新港中央広場では、体験型の「ナイト ウォーキング(NIGHT WALKING)」プログラムを実施。来場者が直径約20ｍの巨大な半球型オブジェの中に入ったり、広場内の木々の間を歩いた

映画×ディナーを楽しむシネマイベント「品川オープンシアターレストラン」が、2020年10月17日(土)、18日(日)、東京・品川シーズンテラスにて開催される。 映画×ディナーを楽しむシアターレストラン「品川オープンシアターレストラン」は、累計6万人が来場した人気野外映画祭「品川オープンシアター」が、映画鑑賞だけでなくディナーも楽しめる“シアターレストラン”へとパワーアップしたイベント。開放感あふれる芝生空間で、大型スクリーンに投映される映画を眺めながら、映画のストーリーと連動したディナーを味わうことができる。 1日約100席限定のため、上質なプライベート空間で映画を楽しめるのもポイントだ。 ミュージカル映画『ラ・ラ・ランド』を上映今回の上映作品は、夢追う人々が集まるロサンゼルスを舞台にしたミュージカル映画『ラ・ラ・ランド』。カフェで働く女優志望のミアと、夢追うピアニストのセバスチャンの出会

マーケティングにSNSを活用する企業が増えていますが、様々なSNSがある中で「どの媒体が最も高い効果を生み出しているのか」という点について把握しきれていない方も少なくありません。 実は、Google AnalyticsとTwitterを連携させることで、Twitterからの流入数や他媒体との比較検討が可能になる方法があるのです。この記事では、Google AnalyticsとTwitterを連携させる方法について詳しく解説しているので、ぜひ参考にしてみてください。 Google AnalyticsとTwitterを連携させる理由とメリット そもそも、なぜTwitterからの流入数を把握しなければならないのかというと、ひとえに「費用対効果の最適化」という理由があります。仮に、自社がTwitterとInstagramのアカウントを持って運用しており、Webサイトへの流入数が増加しているとしまし

将来のキャリアのこと、どこまで考えてますか？ 「なりたい未来から逆算して、キャリアを考えよう」。そんな言葉も耳にしたりしながら、僕たちはそれなりに将来のことも考えつつ、会社を選んだり仕事をしたりしてますよね。 しかし！ 今回はそんな「逆算型キャリア論」とは真逆のキャリア論を持つ方のインタビューです。 【西川貴教（にしかわ・たかのり）】1970年生まれ。滋賀県出身。1996年5月、ソロプロジェクト「T.M.Revolution」としてシングル「独裁 -monopolize-」でデビュー。「HIGH PRESSURE」「HOT LIMIT」「WHITE BREATH」「INVOKE」などヒット曲を連発する。故郷滋賀県から初代「滋賀ふるさと観光大使」に任命され、県初の大型野外ロックフェス「イナズマロック フェス」を毎年主催している。 1996年にT.M.Revolutionとしてデビューして以来