2023年にパララックスをCSS、JS、Vue3で実装！LINEポイント10周年記念サイトの実装例
1. パララックススクロールエフェクトの作り方 今回はCSSを使い3D空間を生成。奥行きであるZ軸にbackgroundの要素を配置する方法で実装しました。 大きな理由としては、パララックス（視差効果）を人間の目が違和感を感じないように実装するためです。この方法を利用すればブラウザ側で適切なパララックスを自動計算して反映してくれます。 パララックスのHTML&CSS実装例（サンプルコード） src/layout/default.vue <template> <div class="layout-default"> <div class="layout-default_scroll"> <main class="layout-default_main"> メインコンテンツが入ります。（最前面に配置） </main> <div class="layout-default_bg1"> 背景要素が
ep.129『不要な export をまとめて掃除！みんながほしかった CLI ts-prune』 | UIT INSIDE
https://github.com/nadeesha/ts-prune 今回紹介した CLI ツール typescript.referencesCodeLens.enabled ts-prune を導入するきっかけになった VSCode の設定 有効化すると、関数や変数の被 import 数を表示できる https://forest.watch.impress.co.jp/docs/news/1042641.html Refs LINE 新卒採用 2023 https://linecorp.com/ja/career/newgrads/engineering/ キャリア採用はこちらから https://linecorp.com/ja/career/position/475 BGM&SE 魔王魂/騒音のない世界/OtoLogic
コアウェブバイタルの検索結果への反映はリアルタイムなのか？
[レベル: 上級] 来月、2021 年 5 月にコア ウェブ バイタルがページ エクスペリエンス シグナルに追加されランキング要因になります。 コア ウェブ バイタルを改善した場合の検索結果への反映にはどのくらいの時間がかかるのでしょうか？ リアルタイムではない、若干のタイムラグありか？ Google の John Mueller（ジョン・ミューラー）氏によれば、更新間隔がどうなるかはまだ完全には決まっていないようです。 コア ウェブ バイタルの評価は Chrome ユーザーのアクセスをもとにした Chrome ユーザーエクスペリエンス (CrUX) レポートから算出されています。 十分なデータが必要になってくるため、少なくともリアルタイムにはなりそうにありません。 改善後の検索結果への反映にはある程度の時間がかかると予想されます。 もっとも、どのくらいの時間がかかるかは定かではありません
大規模Webサイトの内部リンク最適化のための11個のポイント - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
あくまで一般論ではありますが、Webサイトの規模が大きくなればなるほど、SEOの難易度も増加していくものです。 いわゆるデータベース系のサイトでは、アーキテクチャやユーザビリティ、クロールとインデックスなど、見るべき項目は多岐にわたります。 テクニカルな領域の難易度が高くなる状況ではありますが、その分、基本的なことを見落としてしまうこともあるかと思います。 その中でも、「内部リンクの最適化」に焦点をあてた、Search Engine Journalの記事を紹介いたします。 大規模なWebサイトの場合、内部リンクの構築には特別な注意を払うべきだ。 この記事では、内部リンクの最適化のためのシンプルなチェックリストとどこから始めるべきかを紹介しよう。 大規模なWebサイトにおける内部リンクは、その価値に見合うほど、愛され、注目され、最適化されているわけではない。 内部リンクは、Webサイトの権威
著名人以外のナレッジパネルにもCameos on Googleが出現。チキン・🍌・掃除機に関するよくある質問にエキスパートが動画で回答
[レベル: 上級] Google は Cameo を、人物以外のナレッジパネルにも展開しているようです。 Cameo とは Cameo（カメオ）の正式名称は “Cameos on Google” で、よくある質問に対して著名人が短い動画で回答する特殊な検索結果です。 ナレッジパネルの認証を受けた人物が自分のナレッジパネルに掲載できます。 日本でも 1 年ほど前から提供されている機能です。 よく #Google検索 される質問に著名人が動画で答えてくれる機能が登場 🥺気になる自宅での過ごし方やワークアウトの秘訣をチェック。「八村塁」「ローラ」「長友佑都」「松岡修造」等で検索してみよう。#いまできること #おうち時間 🏠✨ pic.twitter.com/Wj6mRwtiwO — Google Japan (@googlejapan) May 13, 2020 こちらは NBA の八村塁選
UIT Meetup vol.12「リニューアル戦略発表会」を開催しました
今回の UIT meetup では、『リニューアル・リプレース』をテーマに、3名の登壇者によるセッションをお送りしました。 UITとは？ UIT は、 LINE のメンバーが中心となって発足した、「User Interface × Technology」を掲げるコミュニティです。 LINE の東京オフィスのメンバーからはじまったコミュニティですが、現在では外部コミュニティの方々との Podcast での交流、福岡でのミートアップ開催や、その他のフロントエンドイベントとの共催など、LINE に限らない枠組みでフロントエンドコミュニティの活発化を目的として活動しています。 ユーザーの目に見える部分を技術で解決する開発者のための、実践的なコミュニティとして活動。現在は UIT meetup の開催以外にも、LINE Engineer Blog での記事の公開や、Podcast「UIT INSID
重複コンテンツがSEOに与える影響と対処方法 - アイオイクスの社員ブログ
今回のテーマは「重複コンテンツ」です。 重複コンテンツに関しては、低品質コンテンツと同様に誤った情報が出回っています。 特に誤った対処方法をしてしまい、下記のように順位を大きく下落させてしまうケースをよく見かけます。 重複コンテンツとは Googleは重複コンテンツを下記のように定義しています。 重複するコンテンツとは、ドメイン内または複数ドメインにまたがって存在する、他のコンテンツと完全に同じであるか非常によく似たコンテンツのブロックを指します。 重複コンテンツの作成を避ける | Google 検索セントラル | Google Developers 要するにコンテンツが「全く同じ」か「類似している」状態を重複コンテンツといいます。 重複コンテンツがSEOに与える影響 よくお客様から「重複コンテンツがあるとペナルティを受けるんですよね？」という質問をいただきます。 これは間違いで、Goog
Google、動画SEOのベストプラクティスを公開。YouTube動画と技術ドキュメントで解説
[レベル: 中級] 動画 SEO に役立つ新しいリソースを Google は公開しました。 YouTube の動画と検索セントラルの技術ドキュメントでベストプラクティスを解説している。 動画 SEO 向け動画 Google 検索の動画を担当しているプロダクト マネージャの Danielle Marshak（ダニエル・マーシャク）氏が、動画 SEO の基本的なベストプラクティスをライトニングトークで解説しています。 次のトピックに触れています。 ウェブで動画を見つけられるようにする 動画構造化データでマークアップする 高品質なサムネイル画像を設定する 動画サイトマップを送信する 動画ファイルに Google がアクセスできるようにする 日本語字幕あり Marshak 氏は（当然）英語で話していますが、日本語字幕を利用できます。 歯車アイコン⚙️から [字幕] を選択し [日本語] を指定しま
一連のニュース記事をまとめる「Full Coverage」、Googleがウェブ検索にも導入
[レベル: 上級] Google は Full Coverage（フル カバレッジ）をウェブ検索にも導入しました。 Full Coverage は 1 つのトピックに関連したニュースをまとめて掲載する特別なセクションです。 2018 年に、米 Google のニュース検索で導入されました。 刻々と進展するニュースを網羅する Full Coverage 長期に渡り、状況が刻々と進展する出来事は珍しくありません。 最近のいちばん身近な例で言えば、まさしく新型コロナウィルスが相当するでしょう。 Full Coverage はそうした新たに情報が次々と報道されるニュース記事を、複数のメディアから集めて網羅したニュース検索結果の専用セクションです。 トピックによっては、関連した最新のニュースはもとよりこれまでの経緯がわかるような過去のニュースも含まれます。 記事の収集には AI（人工知能）を用いてい
Excelの数式をベースにしたプログラミング言語「Microsoft Power Fx」登場。オープンソースで公開予定。Microsoft Ignite 2021
Excelの数式をベースにしたプログラミング言語「Microsoft Power Fx」登場。オープンソースで公開予定。Microsoft Ignite 2021 マイクロソフトは、Excelの数式をベースとしたプログラミング言語「Microsoft Power Fx」（以下、Power Fx）を発表しました。 Introducing Microsoft Power Fx, a single computer language for logic customization across the #PowerPlatform. Learn how you’ll be able to go from an App Wizard to a Bot Builder in no time: https://t.co/V4NzYqn8kQ #MSIgnite pic.twitter.com/4iu4
Google検索の完全MFI化まで残り1か月を切る、ただし未移行サイトの強制移行はバラけるかも
[レベル: 初級] すべてのサイトがモバイル ファースト インデックスに移行するまで残り 1 か月を切りました。 2021 年 3 月末に強制移行が実行されます。 とはいえ、3 月 31 日きっかりにということではなく、多少の前後があるようです。 4 月 1 日を過ぎても未移行のサイトがあるかも 3 月末はおおよその目標であり、特定の日でなければならない決定的な理由はない。 残りのサイト（の移行）はバラけるかもしれない。ほかと比べて多少早いサイトがあるかもしれないし、遅いサイトがあるかもしれない。 Google の John Mueller（ジョン・ミューラー）氏はこのようにコメントしました。 That's approximately the target. We don't have a critical reason to reach any particular cut-off da
ep.78 『賛成・反対それとも中立！？あなたはどっち派？TypeScriptを積極的に採用していくために必要なこと』 | UIT INSIDE
ep.77 の延長戦として、@potato4d が、 @hyena_shoyo_kyo と @pittanko_pta に、 TypeScript を推進していくための考え方について話しました。 ゲスト紹介 shoyo.kyo @hyena_shoyo_kyo フロントエンド開発センター UIT 1室 UIT Dev 3 Team LINEポイントクラブとLINE LIVEのフロントエンドをメインに担当 amon.keishima @pittanko_pta LINE Growth Technology UIT Team LINEポイントクラブのフロントエンドをメインに担当 TypeScript 移行について『中立派』の意図とは TypeScript 賛成派と TypeScript 反対派が居るなか、中立の意図は どちらの気持ちもわかる 実際移行に踏み切れなかったときもあった が、自分の中
5500万件の不正レビューをGoogleマップから削除、Googleはどのようにマップスパム対策しているのか？
[レベル: 中級] Google マップのスパムにどのように対応しているかを Google は公式ブログで解説しました。 具体的に明かすと逆に悪用されかねないと詳細な説明を避けつつも、マップスパム対策の取り組みの一部を Google は紹介しています。 通常ユーザーとの行動様式の違いを検出 本当のマップユーザーの行動様式との違いを検出してスパム判断に用います。 たとえば、ユーザーは通常、通勤や長距離移動の経路案内、あるいはレストランなどのサービスを探すときにマップを利用します。 また、実際に訪れた場所についてレビューや写真を投稿します。 こうした一般的な行動様式を機械学習によって学びます。 もしこうした行動様式から外れたユーザーがレビューを投稿した場合は偽物の可能性があると判断します。 バンコクのユーザーが突然、メキシコシティのカーディーラーに★1つの評価悪いレビューを投稿したら怪しいと判
効果のあるローカルSEO戦術は? 重要なGMB要素は? Googleマイビジネス戦術を業界別に伝授（前編） | Moz - SEOとインバウンドマーケティングの実践情報
新型コロナウイルス感染症（COVID-19）のパンデミック（世界的流行）は、SEO業界とローカルビジネスの関係を一変させた。デリバリーを頼む機会が多くなり、オンラインショッピングに費やす金額が増え、あらゆる種類のオンライン企業リスティングで安全な方法をチェックするようになった。 しかし、これらの新たなトレンドは、企業のオンラインマーケティングにとってどのような意味があるのだろうか？ この記事では、企業がこの時期に他社の先を行く（そして優位を保つ）ために重点を置くべきローカルSEOのトレンドや戦術に的を絞って、業界ごとのローカルSEO専門家5人に話を聞いた。 この記事は前編で、専門家に意見を聞いたのは、次の2つのトピックだ： マーケ予算削減のなか、最も価値をもたらしているローカル検索マーケティング戦術トップ3（この記事）ローカルパック表示順位のために注力すべきGoogleマイビジネスの要素ト
ep.77 TypeScriptマイグレーション進捗報告！LINE ポイントクラブがかけたリソースと回収状況 | UIT INSIDE
@potato4d が、 @hyena_shoyo_kyo と @pittanko_pta に、 2020年7月に行ったTypeScriptへのマイグレーションのその後とコスト感について話を聞きました。 ゲスト紹介 shoyo.kyo @hyena_shoyo_kyo フロントエンド開発センター UIT 1室 UIT Dev 3 Team LINEポイントクラブとLINE LIVEのフロントエンドをメインに担当 amon.keishima @pittanko_pta LINE Growth Technology UIT Team LINEポイントクラブのフロントエンドをメインに担当 LINEポイントクラブ 2013年にリリースをした、LINE運営のポイントサイト 2020年5月にサービス名を新たに、LINEポイントクラブと言う名称でリニューアル 2020年7月に大型リファクタがリリース L
【簡単なSEO対策】個人ブログのGoogle検索上位の記事の特徴とは？【サーチコンソール】 - あとかのブログ
こんにちは、あとかです♪ ブログ開設から1年を超えました。 ありがたいことに、このブログはGoogleやYahoo!からの検索流入の割合が比較的高く、記事を更新しない日でも、それなりの訪問をいただいています。 ブログを開始する前に思っていた以上の結果です。 正直言って、私自身、検索上位になることを意識して、記事を書くことはありません。 と言うより、そもそもの知識、経験、能力的にできません。 事前で意識していることと言えば、ただ、タイトルと読み応えのあるボリュームに気を使うことくらいです。 今年5月のGoogleコアアップデートで、個人ブログの記事が企業や公式サイト比べて軒並み検索順位が落ちたと聞きました。 私自身は大した検索数でないこともあり、それほど影響を受けていません。 相変わらず検索上位の記事はそのままで、他の記事も少しずつ上がってきている気がします。 では、何故、それらの記事は検索
ep.55 TypeScriptへのマイグレーション対応開始！LINEポイントクラブのリファクタについて聞いてみた。 | UIT INSIDE
@potato4d が、 @hyena_shoyo_kyo と @pittanko_pta に、TypeScriptへのマイグレーションを開始した、LINEポイントクラブのリファクタについて聞いてみました。 ゲスト紹介 shoyo.kyo @hyena_shoyo_kyo フロントエンド開発センター UIT 1室 LINEポイントクラブとLINE LIVEのフロントエンドをメインに担当 amon.keishima @pittanko_pta LINE Growth Technology UIT Team LINEポイントクラブのフロントエンドをメインに担当 LINEポイントクラブとは 2013年にリリースをした、LINE運営のポイントサイトです。 2020年5月にサービス名を新たに、LINEポイントクラブと言う名称でリニューアル 2020年7月に大型リファクタがリリース LINEポイントク
【Team & Project】LINEのユーザ向けサービスのWebフロントエンドを開発しているチームを紹介します
LINE株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。 LINEヤフー Tech Blog LINEの開発組織のそれぞれの部門やプロジェクトについて、その役割や体制、技術スタック、今後の課題やロードマップなどを具体的に紹介していく「Team & Project」シリーズ。 今回は、フロントエンド開発組織の中で、ユーザ向けサービスのWebフロントエンドを担当しているチームについて紹介します。フロントエンド開発センターの清水大輔、縣亮太、折原レオナルド賢に話を聞きました。 ユーザ向けサービスのWebフロントエンドを担当しているチームのzoom会議の様子 ―― まず、自己紹介をお願いします。 清水：システム開発会社で図書館システムや金融・物流の開発などを担当した後、2009年5月にネイバージャパン（現LINE）にフロントエ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Googleマイビジネス活用の基本とは？ ローカル検索についてもおさらい | 【レポート】Web担当者Forumミーティング 2020 Spring
アクセス数が一気に激増も激減もするGoogleコアアルゴリズムアップデートのブログへの影響と恐さ…ＰV数を落とさない対策はない？SEO対策はアプデの前では無意味なのか？
