無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする　＞＞ GW中の5/5、Googleによるコアアップデートが行われました。 今回のアップデートは、かなり広い領域で大きな順位変動を引き起こしたこともあり、アップデートを受けてSEOの情報収集を急いでいる方も多いと思います。 この記事は、Backlinkoが1,180万の調査結果から得られたGoogleのランキング要因に関するデータを発表したものです。 コアアップデート前の記事ではありますが、優れた洞察が得られる内容ですので、ぜひ参考にしていただければと思います。 我々は、Googleの1,180万の検索結果を分析し、以下の疑問に対する回答を得た。 検索エンジンのランキングと相関するのは、どの要素か？ 我

すると自分用のVisual Studio Codespacesのインスタンスが起動し、そこへWebブラウザで接続するか、ローカルのVisual Studio Codeからリモートで接続すれば、（Visual Studio CodeのRemote Developmentと同様に）コードを編集し、ターミナルからコマンドを実行し、ビルドやデバッグなどが可能になります。 Visual Studio Codespacesの料金は選択されたCPU性能とメモリ容量によって異なりますが、Visual Studio OnlineからVisual Studio Codespacesへのリニューアルに伴い、料金はより安価なものに改定される予定。 Visual Studio Codespaceは、その実行イメージを取り出してユーザー自身のサーバや自身で用意したクラウドのインスタンス上で実行することもできます。この

Kelebihan Menggunakan RTP SLOT Dalam Bermain Slot Online Pencarian keyword RTP Slot dan RTP Live sekarang meningkat sangat pesat. Apalagi pencarian tentang rtp slot pragmatic hari ini, Hampir setiap hari ada yang menanyakannya di forum, medsos dan berita. Hal ini wajar terjadi sebab para slotter berlomba-lomba mencari situs yang benar-benar memberikan rtp yang tidak di rekayasa dan benar diambil d

皆さん stand.fmというアプリ/サービスを知っていますか？ そうです。音声サービス界隈に彗星の如く現れたニューヒーローとも言えるサービスです。そのぐらい今、勢いがあると思います。 皆さんご存知の通り、音声コンテンツ市場は近年、googleやspotifyの参入やスマートスピーカーの普及に伴ってかなり盛り上がっており、日本の市場も例外ではなく、RadiotalkやVoicy、Recなど様々なサービスが存在しています。 そんな盛り上がりを見せる市場で、最近、特にコンテンツの充実・サービスとしての伸びを見せているのが、この stand.fm だという事です。 僕は今まで、appleのpodcast、Voicy,Radiotalkのユーザーでしたが、そんな僕が最初にこのアプリを触った印象は、 「使いやすい！UIがかわいい！」 気軽にTwitterのタイムラインから飛んで配信を一度聞いたつもり

既存のUIデザインをどのような手順で改善すればよいのか、UIのクオリティを高め、ビジュアルをよくするためのデザイン知識とテクニックを紹介します。 Cleaning up form UI by Nikita Прокопов 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに グリッドを定義する スペースの正規化 ピクセル単位のずれ ボタン カラーコントラスト タイポグラフィ 完成！修正したUI はじめに 下記は、IntelliJ Idea 2020.1 EAPを起動して最初に表示されるダイアログです。 このデザインをあなたはどう思いますか？ IntelliJ Ideaのダイアログ ぱっと見、清潔感がある普通のUIに見えますが、細かいところをよく見るとおかしいのが分かります。このフォームのUIのほとんどに改善する余地がありま

（2024年1月4日 追記） この記事が含まれる内容が本になりました！ 2024年1月17日出版です。 （追記ここまで） 世界に冠たるマーケティングカンパニー、P&Gがとても重視している指標があります。 それが、Evoked Set（想起集合）です。 Evoked Setとは、何かをしよう（買おう）としたときに、頭に浮かぶ好意的な選択肢の集合体のこと。 あらゆるモノやコトで（どれを買っても変わらないよね、という）コモディティ化が進展した結果、すべての業界で熾烈な価格競争が起きています。 物理的な製品やサービスの差別化が難しくなった現代において、消費者に選ばれるかどうか（買ってもらえるか、買い続けてもらえるか）の勝敗を分けるのは、一番最初に思い出してもらえるポジションを獲得しているかにかかっています。 以下の文章を読んで何が頭の中に浮かびますか？ コロナが落ち着いたら行きたい日本の観光地 コ

最近のWebサイトやスマホアプリのUIにアニメーションを実装する際、CSSだとeasingやdurationなどが欠かせません。しかし現状CSSだとそこが限界です。 アニメーションの原則に基づき、パフォーマンスにも優れたアニメーションをシンプルなコードで実装できるReactのアニメーション ライブラリを紹介します。 React Spring -GitHub React Springはanimatedのフォークで、物理シミュレーションベースのanimatedやReact-Motionとは異なり、アニメーションの原則に基づいて構築されています。フレーム単位でコンポーネントをレンダリングするのではなく、DOMに直接コミットしアニメーションさせるので、一見複雑そうな動きでも非常にシンプルなコードで実装でき、パフォーマンスにも非常に優れています。 WebサイトやスマホアプリのUIにぴったりなReac

コロナ騒ぎで、フルリモートで働くことになっているのですが、僕、もともと「リモートはいいけど、難しい」と思ってたのですが、意外とよかったのでまとめます。 1. 出社時間の短縮当たり前ですが、出社時間がなくなるのはめっちゃよかったです。往復40分くらいはかけてたので、それがないとかなり労働時間を増やせます。 2. 会議室にいくなどの細かい時間会議がある時に、会議室へ移動、、みたいなところも、意外と数分かかったりしていますし、移動をすると、席についたときに、ちょっと一息とかしちゃって、割と時間をどんどん削られて「時間がない・・・」となったりしました。 リモートだとそういう時間がなくなります。たとえば1日に3つ会議があるとして、それぞれ移動に2分かけてたとしたら、6分、週に30分、月に2時間なので、意外とバカにできないなと思いました。 3. 会議の時間の短縮そもそもの会議の時間も短縮されます。会議

はじめに コロナウィルス(COVID-19)でリモートワークの頻度が増加している人も多いと思う。そうなると、必然的にリモート会議の数も増える。ここで課題として上がってくるのが、リモート会議に対する姿勢、また練度だ。 リモートワークを多用して、リモート会議に慣れているチームもあれば、もともとオフサイト出社がメインでリモート会議に慣れていないチームもある。前者の慣れているチームであれば、スムースに適応できると思うが、後者の不慣れなメンバが多い部署・チームは、もっと効果的なやり方に気づいていない可能性もあると思う。(この場合、前者のメンバはストレスを溜めることにもつながる…。たとえば、一方的に音質の悪いリモート会議を想像して欲しい) そこで、この記事では自身の5-6年のリモート会議経験や、見聞きした情報から良いと思っているプラクティスを紹介していく。それによって、少しでもより効果的なリモート会議

テキストリンクをホバーした際に、テキストのカラーをスライドのアニメーションで変更させるピュアCSSの実装方法を紹介します。 IEには対応してないけど実装が簡単な方法、IEに対応しているけど実装がちょっと面倒な方法など、プロジェクトの要件に適したテクニックをご利用ください。 4 Ways to Animate the Color of a Text Link on Hover by Katherine Kato 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. background-clip: text;を使ったテクニック 2. widthまたはheightを使ったテクニック 3. clip-pathを使用したテクニック 4. transformを使用したテクニック まとめ はじめに ホバー時にテキストリンクのカラー

Adobe XDステート機能を使いこなそう！ ホバー、カルーセル、ハンバーガーメニューの効率的な作り方 AdobeXD2019年11月の大型アップデートで「ステート機能」が登場し、リッチなインタラクションを作成しやすくなりました。従来はアートボードを複数枚組み合わせて表現するしかなかったのですが、ステート機能の登場によって簡単にできるようになっています。 今回はホバーボタン、スライダー、ハンバーガーメニューなど実例を交えながら、ステート機能の基本と一歩進んだ使い方を紹介します。AdobeXDは使っているけどステート機能は触ったことがない、ステート機能をイマイチ使いこなせてないという方はぜひご覧ください。 ステート機能の基本 簡単にステート機能について振り返っていきます。 ボタンなどの要素は、ユーザー操作によって状態が変わることがあります。たとえば、一般的な「いいねボタン」であれば最低でも「

最近でこそ「MVV」（ミッション・ビジョン・バリュー）ということが話題になることが増えて、スタートアップにおいて、比較的早期に組織のレーゾン・デートル（存在意義）を考えたり、言語化することが増えてきましたが、これは日本では比較的最近のトレンドのように思われます。 まだメルカリが社員10名程度だった頃、現在同社の取締役会長を務める小泉文明さんが経営陣4人とともに合宿をして、今では有名なメルカリのバリュー、「Go Bold」（大胆にやろう）、All for One （全ては成功のために）、Be Professional （プロフェッショナルであれ）を定めたのは日本のスタートアップ業界では良く知られた話です。2013年末から2014年にかけてのことで、当時、アーリーステージのスタートアップが、こうした言語化をするのは極めて珍しいことでした。すでにメルカリは最初の5か月で100万ダウンロードと成長

A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team

はじめに HTML＋CSSコーディングにおいて、「どのように要素を特定してスタイリングするのか」というCSS設計上の課題に対し、「ひとつ上の視点で思考できる概念図」を紹介します。 この図を用いることで、3種類の異なるスタイリングアプローチ（OOCSS方式 / 包括要素基点方式 / BEM方式）の本質を一度に俯瞰できるため、全てを同じ枠の中で捉えられます。そして、最終的には種別や規模の異なるサイトやプロジェクトに対し、同じメソッドを使ってそれぞれ最適な設計がおこなえるようになります。 ※この記事は標準化ノウハウ公開の一環として書いています。 仕組みの概要や前提事項などについては「UltimateCoding 概要・前提事項」のエントリをご確認ください。 経緯 / 制作者中心のデータ分類 そもそもですが、HTMLとCSSは目的も仕様も異なる言語です。 HTML+CSSコーディングを一般的な視点

突然ですが、「UI Stack」ってご存知ですか？ アメリカのプロダクトデザイナー Scott Hurff さんが3年ほど前に世に出した考え方で、考慮すべき UI の5つの側面を示したものです。 当時「これは使える！」と思って社内向けに作った勉強会資料を見つけて、今でもやっぱりすごく大事だと思ったので、備忘録的に書いておきます。 ちなみに元記事はこちら。（英語です） UI Stack とは？Stackとは、1つの画面が持つ（複数の）側面、状態、ステータスのようなもの。その側面ごとに最適化されたUIを設計しようするのが UI Stack の考えです。 Scottさんが紹介しているUI Stackは5つ。 ※図はScottさんのページから引用 ・Blank State（空っぽの状態） ・Loading State（ローディング状態） ・Partial State（部分達成状態） ・Error

甘いものは食べたいけれど… 甘いものは食べたいけれどカロリーが気になるし、お菓子に加える砂糖を控えようかな…なんて考えるときありませんか？ でも、レシピに書かれている量より砂糖を減らしても本当に大丈夫なのでしょうか？ ただ単に、甘さ控えめのヘルシーなお菓子が出来上がるのでしょうか？ 今回はお砂糖の量を減らした場合だけでなく、増やした場合もどうなるのか気になるので試してみました。 砂糖の量を変えてケーキを焼いてみた！ 共立てスポンジケーキの砂糖の量を変えて焼き比べます。 今回使用した材料は次の通りです。 ・卵…3個 ・細目グラニュー糖…90g ・ドルチェ(薄力粉)…90g ・水…大さじ1 ・無塩バター…30g 出典：お菓子作りのなぜ?がわかる本(文化出版局） 著者：相原 一吉 作り方は本に書かれている手順の通りに行い、細目グラニュー糖を下記のように変えて、それぞれ作りました。 50％(減量)

会社の体制が大きく変わり、カオスの中に少しの静寂（暇）ができました。特に日々執行に勤しんでいる方々は皆そうだと思いますが、色んなこと考えているのにそのプロセスをアウトプットする機会があまりなく、結果や結論、最終的な決断のみが共有されるため、サクセッションプランに対する有効な情報を残すことも出来ていないことと思います。僕もその一人。 この時間を有効に活用するため、頭の中にあるイメージと考え方をここに、時間の許す限り吐き出していこうと思います。時折、言葉が足りないところも前提条件やバイアスの記述が足りないところもあるかと思いますが、混沌とした頭の中を曝け出すプロセスにはつきものですので、大目に見ながら読んでいただけると幸いです。 財務諸表と同じように見える化する会社は財務諸表によって経営されるものなので、経営者たるもの財務諸表を見ながら戦略を立てるべきであると僕は考えています。数字以外信じない

[レベル: 上級] 構造化データが今よりも簡単になっていくことはなく、むしろさらに複雑で難しくなっていくだろうと Google 社員が予想しています。 構造化データはさらに難解に Google が利用する構造化データの将来について、Google の John Mueller（ジョン・ミューラー）氏はオフィスアワーで次のようにコメントしました。 将来的、少なくとも近い将来にもっと多くの種類の構造化データマークアップを使うようになると私は考える。そして、さまざまな検索機能の要件という点で、おそらくもっと複雑になっていくだろう。検索結果での装飾的な機能もそうだし、たしか Google アシスタントの読み上げ機能なども現状では多分に構造化データに依存している。 構造化データの分野はもっと拡大していくだろうから、さらに多くのマークアップが登場してくると予想する。新しい構造化データが出てくると、実装や