私たちの日常業務で使われる管理画面は、大量の情報と複雑な機能で構成され、利用難度が高い傾向にあります。検索性の乏しい管理画面の一覧から1つの情報を見つけるために、どれだけの時間を費やしているでしょうか。 1億円の工数をかけて開発した機能も、低品質なデザインでは、機能の存在に気付かれなかったり、間違って使われたりと、期待した業務コストの削減に繋がりません。これでは、1億円を捨てたようなものです。 使い勝手の良くないデザインは、ユーザーだけではなく、開発者にも悪影響を及ぼします。複雑な構造と分かりにくい操作体系の管理画面は、開発やテストの手間を増やし、その後の機能拡張も難しく、改修コストも増大します。 これらのリスクを抑えるためには、UIデザインの基本原則を理解し、適切に管理画面を設計することが重要です。 私たちは管理画面のUIデザインの改善やリニューアルを手掛けることも多いのですが、その経験
はじめに 皆さんVisual Studio Code(以下VSCode)使ってますか？ 私はメインで使っているのですが、自分なりにしっくりくる設定や拡張機能がある程度揃ってきたので公開しちゃいます。 おすすめ設定だけではなく、おすすめの機能もできる限り紹介したいと思いますので、最後までぜひお付き合いください。 ※プログラミング言語固有の設定の解説は軽めですのでご了承ください。 GIF画像が小さい場合は、クリックして頂けると拡大して表示が可能です デフォルト機能編 Local History機能 Gitは非常に便利なので、皆さん使われていると思います。 Gitはコミット単位で履歴が管理できますが、保存単位で履歴が見れると嬉しいな、保存単位で復元できると嬉しいな、と思うことはないでしょうか。 私はVSCodeは自動保存をオフにして、手動で保存するので、保存単位で履歴が見れると嬉しいなと思うこと
【2021年永久保存版】全部知ってる？WEB関係の人なら知らなきゃ損なツール&サービス50選 | Moriricca Media
今回はWEB関係の人なら知らないと損！なくらい便利なツールやサービスを、50個まとめて、利用目的別にご紹介します。 2021年になりましたが、近年より良いサービスが開発されたものもあります。ご自身のニーズにあわせ、並行して利用して頂くのがおすすめです。 この記事では古くなった情報は新しいものに書き換え、時代の流れに沿った最新サービスだけをビッシリと集めさせて頂きました。 今回は２万字の大ボリュームでお届けします！ 一部、個人的な経験談も混じえてご紹介するので、お急ぎの方はこのブログをブックマークし、ポイントだけ押さえて後からじっくりWEBサービスを見て頂けると幸いです。 クライアントにツールを提案したりもできますので、隙間時間にでもゆるりと読んで頂ければと思います。 それではお楽しみください！ （この記事が良いと思ったら自由にシェアしてね） ★サイト解析に使えるツール・サービス 「WEBサ
microCMSブログをオープンソース化しました
こんにちは、柴田（@shibe97）です。 突然ですが本日、microCMSブログのソースコードをオープンソース化いたしました！ リポジトリはこちら。 https://github.com/microcmsio/microcms-blog 経緯microCMSを利用したJamstack構成のWebサイトはここ1年でだいぶ広まりつつあります。 しかし、Jamstack構成のサイトは一覧画面 / 詳細画面を作成するのは非常に簡単ですが、そこから先を実装しようとすると途端に難易度が上がります。 ネット上にはまだまだ知見は少なく、実案件で投入できるほどの実力を持つエンジニアはそう多くはないという印象です。 そこで、実稼働しているmicroCMSブログのソースコードが参考になるのではということで、今回オープンソース化に踏み切りました。 microCMSブログはデータソースとしてmicroCMS、フロ
書評『TypeScriptとReact/Next.jsでつくる 実践Webアプリケーション開発』 - uhyo/blog
皆さんこんにちは。今回は、2022年7月25発売の『TypeScriptとReact/Next.jsでつくる 実践Webアプリケーション開発』を読み終わったので、書評という形で感想と紹介を述べたいと思います。筆者はもともと技術書を読まず「ネットでいいやん」派だったのですが、このたびTypeScript入門書を出版したこともあり、それを過去の話として葬り去るべく技術書を読んでいくことにしました。せっかくなので、読んだ技術書の感想等を紹介します。 おことわり: この記事では、「筆者」とはこの書評を書いた人を指し、『TypeScriptとReact/Next.jsでつくる 実践Webアプリケーション開発』を書いた人たちのことは「著者ら」と呼びます。また、この記事の内容はすべて筆者の個人的な見解であり、本の内容や本を読んで得られる知識について何らかの保証をするものではありません。 筆者について筆者
【個人開発】リリース1ヶ月で月5万円(理論値)のサービスを作ったのでノウハウを全公開してみる（Next.js / Rails） - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? こんにちは、とまだです。 みなさん、個人開発はしていますか？ そして個人開発をしている方は 個人開発アプリで一発あてて月収 xx 万円 を夢見ていたりしませんか？ 私も夢見る一人なのですが、特に「集客」や「マネタイズ」の方法に悩んでいる方も多いのではないでしょうか。 今回は、私が個人開発した Learning Next というサービスがあります。 こちらが軌道に乗ってきたので、開発の背景から技術的な工夫まで、赤裸々にお話ししたいと思います。 この記事を読んだらわかること この記事は、個人でサービスを作ってみたい人、特に 集客やマネタイズ
現在、本業・副業ともにWEBデザイナーとしてデザイン・コーディングをしているゆるけーです。 本業で携わっているWEBサービスが割と高齢者向けのサービスで、ITリテラシーやUIが今の自分と考え方が異なるよなーと思っているなか、『高齢者のためのユーザインタフェースデザイン』という書籍に出会いました。 高齢者関係なく普通にアクセシビリティの観点でも重要な視点がたくさんあり、とてもいい書籍だったので、ざっくり大事だと思った箇所を抜粋しつつ自分で探した事例等をざっと記事にまとめていきますー。 視覚 高齢者になると視力が低下する傾向があります。ただ、視力の低下＝フォントを大きくするだけではありません。 視力の低下は老眼や光覚の減少などより複雑です。 主な視力の低下の具体例は以下のような点。 老眼：近く・遠くのものの焦点が合わない 周辺視野のぼやけ：画面の端に気づきにくい 中心視野の損失：画面の中央が暗
Bash シェルスクリプトのデバッグや入力補完ができる Visual Studio Code 拡張機能（WSL2,mac,Linux対応） - Qiita
Bash シェルスクリプトのデバッグや入力補完ができる Visual Studio Code 拡張機能（WSL2,mac,Linux対応）ShellScriptBashdebugVSCodeWSL2 シェルスクリプトにも統合開発環境を Bash のシェルスクリプト (shell script) は Linux はもちろん mac や Windows でも動作します。 シェルスクリプトの文法にはかなりクセがありますが、仕様が安定しているために移植する必要がないという大きなメリットがあります。ただ、一般的なプログラミング言語と異なり、デバッガーが使えないため期待した動作と異なるときに動きが分かりづらいという弱点がありました。 しかし、それはもう過去の話です。 Visual Studio Code の Bash Debug 拡張機能を使えば、シェルスクリプトでもステップ実行や環境変数の値のウォッ
実案件から学んだ、本当に役立つUIデザインの法則50 ユーザビリティチェックリスト総集編｜i3DESIGN Designers
「ユーザビリティチェックリスト」ということで、UIデザインの「あるある」を取り上げ、改善案とセットでまとめています。 今回は、10のヒューリスティクスをもとに分類してみました。10のヒューリスティクスについては、以前記事にまとめています。 具体的な事例を一緒に取り上げ、よりわかりやすく解説していますので、こちらもあわせてご覧ください。 また弊社ホームページにて、ユーザビリティチェックリストをダウンロードいただけます。こちらも合わせてご活用ください。 1. システムステータスの可視化（Visibility of system status）1-1. 入力項目が多いときはステップを分けるフォームの入力項目が多い場合は、項目をグルーピングして画面を分割しましょう。 フォームが長すぎると、ユーザーは入力を途中で辞めてページから離脱してしまうかもしれません。 その上で、ステッパーを設置して現在の進捗
キャンプブログを２０１９年の６月２３日に真面目にスタートして、今日でようやく１年になります。 前回もお話ししたように、とりあえずのブログ開設は１０日前に６月１２日なんですよね…ｗ ⇩その当時の記事です⇩ www.a-chancamp.com キャンプブログ１年でアクセス１２０万！ ブログの失敗談 落ち目からの運営方法！ コロナウイルス Google評価の改定 アルゴリズム調整 １つ目は… ２つ目は… パンくずリスト パンくずリストとは？ パンくずリストの名前の理由 パンくずリストの実装 パンくずリストの実装失敗 カテゴリーの階層化 カテゴリー階層化の効果は？ アクセス激減の決定的な要因 まとめ キャンプブログ１年でアクセス１２０万！ まずは、今まで当ブログをご覧いただいたり、スターやコメントやブックマークをして頂けました方全てに御礼申し上げます。 そのお陰で１年でアクセスが１２０万以上とい
第13回 パスファインダー（調べ方案内）の見つけ方 | 皓星社（こうせいしゃ） 図書出版とデータベース
小林昌樹（図書館情報学研究者） ■ある日の会話 「なんで日本の図書館ではレファレンス・サービスが広まらなかったんでしょう？」 「それは、サービスが目に見えないからさ。カタロガーの仕事は目録カードって形で残るからまだしも、レファレンサー*の仕事は雲散霧消しちゃうから、管理者や理事者からわかりづらいんだよ」 アメリカの図書館では司書がカウンターに常駐し、質問に答えてくれるサービスがあるのに、日本の図書館ではそうでないと授業で習ったが、なぜと聞いたらT先生はこんなふうに答えてくれた。昭和帝死去まもない1990年のことだった。 それからまた代替わりがあったが、状況はあまり変わっていない。むしろ部分的には悪くなったこともある。2011年に国会図書館（NDL）で国民向けレファレンス部局――廃止時は「主題情報部」といった――が廃止されている。 そんな雲散霧消してしまうレファレンス・サービスで、形として残
本noteが書籍『「未経験・低予算・独学」でホームページリニューアルから始める小さい会社のウェブマーケティング必勝法』で取り上げられました！こんにちは。 岐阜でWebマーケをやっているYoshi（@motoy0shi）です。 2021年3月で、今の会社に転職してきて丸1年となりました。もともとフリーランスでWebに関する仕事をしていましたが、Web系の会社での勤務は初めて。 入社して配属されたのは、自社のマーケティング・営業を推進する部署。僕のミッションはただ1つ。「Webを通して商談を作り出す仕組みづくり」です。 特に職務経験もない領域でしたが、見様見真似で１年がむしゃらに頑張った結果、リード獲得数は500％増、さらには一度も対面打ち合わせすることなく、Webのみで数百万円のコンサルティング案件が何件も受注できるようになりました。中には、日本を代表するようなエンタープライズ企業からも。
GitHubで講義ノートを書く
はじめに 大学の講義ノートをいくつかGitHubで公開しています。 講義ノートをMarkdownで書いてGitHubで公開、というのをしばらく続けて、いろいろノウハウが溜まったので共有してみようと思います。 大学の講義ノートをどうするか問題 昔から大学の講義ノートを公開する人は結構多いです。最初期は、LaTeXで書いてPDFで公開することが多かったように思います。これはこれで良いのですが、基本的にはダウンロードして印刷して読む前提であり、ウェブで気軽に読める形ではありませんでした。その後、LaTeX2HTMLを使って、LaTeXファイルをHTMLに変換して公開するケースが増えました。これによりウェブで講義ノートが気軽に閲覧できるようになったのですが、いかにも「LaTeX2HTMLを使って変換しました」という外観になるのと、(少なくともデフォルトでは)レスポンシブではなく、スマホ非対応になる
1. はじめに 2. そもそもGPTとは?? 3. ABEJAで作ったGPTモデルについて 3.1 モデルサイズ 3.2 データセット Wikipedia CC100 OSCAR mC4 3.3 参考にしたコード 3.4 モデルの学習 せっかくここまで育てたモデルが・・・ 4. 技術的な工夫点 4.1 データセットの前処理 4.2 GPT-neoxの活用 4.3 並列VMでの学習 4.4 モデルアーキテクチャの工夫 5 学習したGPTのアウトプット例 5.1 失敗モデルたちの作品集 5.2 完成モデルの出力例 5.3 少しFine-tuningした結果 6. 最後に 6.1 採用メッセージ 6.2 ABEJAで学習したGPTモデルの今後について 1. はじめに こんにちは、ABEJAの服部です。昨日、ABEJAが主催しているABEJA SIX2022でも発表がありましたが、NVIDIA社の
カレンダーやプロジェクト管理ページなどの幅広いコンテンツをサクッと作成できるネットサービス「Notion」で作成したページを、ダイレクトに転換できるというサービスが「Anotion」です。Anotionは「発信までのハードルがとにかく低いブログサービス」「ドキュメントの編集から公開までのステップがとにかく楽なサービス」を目指したとのことなので、実際に試してみました。 Notionに書くだけでWebサイトが作れるAnotion https://anotion.so/ Anotionは「Notion」で作成したページをウェブサイトに転換するというサービス。Notionについては、以下の記事で詳しく使い方を解説しているので、そちらを参照してください。 基本無料でToDoリストやタスク管理ボードが作成可能＆オンライン共有や複数人での編集もできる「Notion」を使ってみた - GIGAZINE A
daisyUIとは The most popular, free and open-source Tailwind CSS component library Tailwind CSSをベースとしたCSSライブラリで、No JavaScriptでかわいくて機能的な見た目を実現できるスグレモノ。 Bootstrapのような使い勝手でいろんなコンポーネントを実現できる。実態はTailwind CSSなので拡張も簡単。 今回はこちらのライブラリをReact（Next.js）で色々触ってみましたので、感想などをお伝えします。 なぜ興味を持ったか 最近プロジェクトでChakra UIを触っている。かなり便利なのだが、機能もスタイリングも提供されたものを使っているゆえにロックインされている感じが少し怖い。 特に機能（ロジック）面の実装においては思うところが色々あって、 慣れていないときにあらゆるコンポ
【SEOクイズ】「h1タグは1つだけ」をグーグルは推奨している： ⭕? ❌?【SEO情報まとめ】 | 海外&国内SEO情報ウォッチ
SEOクイズの時間です。「h1タグは1ページに1つだけ」をグーグルは推奨しているでしょうか？ グーグルは検索評価でh1タグをどう扱う？ あなたの知識をチェック！ ほかにも今回は「SEOのテクニック」的なことに関する情報が多めだ。 「コンテンツはファーストビュー内に置くべきか」 「画像を入れるとSEOに影響するか」 「インデックスされて消えてが繰り返す原因は？」 「パンくずリストを設置するメリットは？」 などなど、あなたのSEO力をアップする情報を、今週もお届けする。 ファーストビュー内にコンテンツを置けば検索順位はアップする？画像を設置してもランキングは上がらない、しかしクリック率は……インデックスされたり消えたりを繰り返す、なぜ？Search Consoleパフォーマンスレポートは100%正確ではない!?パンくずリストの2つの利点2021年4月のCWV状況は前月と比べて大きな変化なし検索
大規模Webサイトの内部リンク最適化のための11個のポイント - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
あくまで一般論ではありますが、Webサイトの規模が大きくなればなるほど、SEOの難易度も増加していくものです。 いわゆるデータベース系のサイトでは、アーキテクチャやユーザビリティ、クロールとインデックスなど、見るべき項目は多岐にわたります。 テクニカルな領域の難易度が高くなる状況ではありますが、その分、基本的なことを見落としてしまうこともあるかと思います。 その中でも、「内部リンクの最適化」に焦点をあてた、Search Engine Journalの記事を紹介いたします。 大規模なWebサイトの場合、内部リンクの構築には特別な注意を払うべきだ。 この記事では、内部リンクの最適化のためのシンプルなチェックリストとどこから始めるべきかを紹介しよう。 大規模なWebサイトにおける内部リンクは、その価値に見合うほど、愛され、注目され、最適化されているわけではない。 内部リンクは、Webサイトの権威
HTMLのa要素はハイパーリンクを表す要素であり、リンク先のURLをhref属性に指定します。しかし、a要素の役割はそれだけではありません。HTML標準によれば、a要素は「リンクとなりうる箇所のプレースホルダー」として使うこともできます。この場合はhref属性を指定しません。 リンクとなりうる箇所の例として、ナビゲーションやタブUI、パンくずリストなどでの「現在の項目」があります。 <nav> <ul> <li><a href="/">ホーム</a></li> <li><a>最新記事</a></li> <li><a href="/archives">アーカイブ</a></li> <li><a href="/settings">設定</a></li> </ul> </nav> ReactなどJSXでa要素を生成する場合、href属性を指定しないためにはhrefプロパティにundefinedを
詳説 データベース
データベースを選択し、使用し、管理するには、その内部構造を理解することが不可欠です。しかし、今日ではたくさんの分散型データベースやツールが存在するため、それぞれが何を提供しているのか、どのように異なるのかを理解することは困難です。 本書はデータベースとストレージエンジンの内部で利用されている概念を解説します。ストレージエンジンでは、ストレージの分類、Bツリーベースのストレージエンジンとイミュータブルなログ構造化ストレージエンジンの違いと事例を紹介します。ストレージの構成要素については、ページキャッシュ、バッファプール、ログ先行書き込みなどの補助的なデータ構造を使って、効率的なストレージを構築するためのデータベースファイルの構成を説明します。分散型システムでは、ノードとプロセスがどのように接続され、複雑な通信パターンを構築するのかを段階的に学びます。 データベースそれぞれで大きな違いがあるス
SEOに取り組むなら最低限知っておきたい101のシンプルなアドバイス - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ SEO施策の新しい気づきを得たい場合、自身のSEO施策に抜け漏れがないかを確認したい場合などに、施策リストを紹介している記事は参考になります。 SEO Japanでもこのような記事はたびたび紹介していますが、今回の記事もそれに該当します。 しかし、いわゆる「施策」というよりは、アドバイスやティップスがまとめられているため、今まで紹介してきた記事とは少し毛色が異なります。記事中にもありましたが、初心者の方や自身の考えをブラッシュアップしたい方などへは参考になるはずです。 実績のある、実行可能なSEOの戦術をお探しだろうか？しかも、すぐにあなたの助けとなる戦術だ。この記事では、すぐに実行できる101
SEO対策でブログ1年目の大反省！超面倒なカテゴリー選別とパンくずリストの作成 - アメリッシュガーデン改
目 次 ブログを書いて１年過ぎての大いなる反省 ブログのカテゴリー分け 超初心者向けカテゴリーの作り方 カテゴリータイトル パンくずリストについて大いなる丸投げ 階層化の注意事項 ブログを書いて１年過ぎての大いなる反省 数日前の忙しさが、嘘のように片付いた私であります。 で、先日、キャンプブログを主に１年間で総アクセス１２０万というフリーザ級のブログを運営するえ~ちゃんさんの記事を読んで、 とてつもなく驚いた。 www.a-chancamp.com 彼は書いていた。 パンくずリストを設定したのち、カテゴリー設定を階層別にきちんとしてなかったために、Google検索が減ったと。 おほほほほほ・・・ その程度の失敗など、どうということはない！ 悩むほどのものでもない。 アメはな。 「パンくずリスト」とかの前に「カテゴリー設定」さえも、もう１年ちょっともブログを運営しているが全く気にしていなかっ
目まぐるしい変化への対応を求められるウェブ従事者にとって、制作をより快適にする便利な最新オンラインツールをまとめてご紹介します。 いままで時間のかかっていた面倒な作業がワンクリックで完了の時短ツールから、そのまま使えるウェブテンプレート、シンプルで使いやすいアイコン素材など、ウェブ制作のお悩みをまとめて解決できる、無料のツールや素材を中心にセレクト。 さいごは、「こんなツール、あったんだ」と思える、クリエイティブ全開なツールが控えます。暇なときの時間つぶしにもいかがでしょう。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Webデザイン便利ツール 2. デザインツール 3. プロトタイプ・アイコンツール 4. クリエイティブ・面白ツール Web制作の効率、生産性アップ！話題の最新オンラインツールまとめ Webデザイン便利ツール Ho
これからオウンドメディアを始めたい、あるいは既存のオウンドメディアをリニューアルしたいという時、CMSの選定は今後の運用体制にも影響する重要な検討課題となります。今回は、オープンソースのCMSの代表格であるWordPress、SaaS型CMSの「はてなブログMedia」を中心に取り上げ、それぞれのメリット・デメリット、選定のポイントについてまとめてみました。 目次 目次 CMSはコンテンツ管理のためのシステム CMSのメリット：CMSを使わない場合と比較 コンテンツ更新作業の効率化 コンテンツ管理のしやすさ 機能が豊富 複数のユーザーで権限を分けて利用できる SEOをしやすい CMSのデメリット デザインの自由度が低い データベースの知識が必要 インストール型CMS：WordPress WordPressのメリット 無料で利用できる テーマ、プラグインが豊富 サイトの移転などがしやすい W
本業のWebデザインを中心に30～40代に向けて 役に立つ転職や仕事についての情報、ブログについての記事を 発信する福岡在住の40代のサラリーマンブロガー。 ブログ総収入30万円突破。 執筆歴5年目で新たなブログを立ち上げました。 本サイトはこちら ブログタイトルなどのオススメ基本設定 はてなブログのダッシュボードにある設定ページの基本設定は必要な項目が多いので、ここは設定しておきましょう。 上から順に ①. ブログ名 一応ブログサイトの名前になるので、自分が付けたいタイトルで大丈夫です。 （後からでも変更可能です） ②. ブログアイコン 設定の所に書いてあるように、ブログを表すアイコンになるので登録しておきましょう。 また、ファビコンとしても表示され、まさにブログの顔となるので登録は必要です。 ③. ブログの説明 ボクは現在非表示にしていますが、説明を入れるとブログを訪れた人がどんなブロ
サブドメインとサブディレクトリの違い・SEOに効果が高いのは？【1つの「WordPress」で複数のサイトを運営する】
サブドメインとはサブドメインとは、元々存在している独自ドメインの前に 新たな文字列を追加し、活用するタイプのURL形式です。 サブドメインを作成する為にはその元となる独自ドメインが必要です。 独自ドメインを登録しているレンタルサーバーのサイトで サブドメインを作成することができます。 レンタルサーバーによってはサブドメインに対応していなかったり、 サブドメインの数が制限されている場合もあります。 サブディレクトリとは元々存在している独自ドメインの後に スラッシュ記号を挟み文字を追加するタイプのドメインです。 フォルダといった言い方の方がわかりやすいかもしれません。 各ページを格納するカテゴリーやタグ、 WordPressの場合だと様々なアーカイブとしてのフォルダが 自動で作成される階層に当たるものです。 サブディレクトリは今あるドメインの階層下に作られるので 下層ページと同じ構造になります
こんにちは、QUATRE（キャトル）です。 はてなブログをはじめて１年になりました。 自分で自分にオメデトウ〜 と言いたいところですが、反省すべきところが山積みです。 私のブログは、テーマをひとつに絞っていないので、記事をカテゴリーで分類していますが、ブログ投稿記事も150近くになってくると、カテゴリーが増えすぎて収拾がつかなくなってきました。 ある日、私のブログを見て夫氏が苦笑。 「カテゴリーがすごいことになってる。。。」 いつかどうにかしなければと思いながら放置していました。その時の気分で適当につけたりつけなかったりなので、痛いところを突かれたな、と反省です。 そこで、今回は、カテゴリーに取りかかりました。設定方法をまとめてみたので、ぜひご参考くださいね。 はてなブログカテゴリー表示の階層化 はてなブログには、カテゴリーを階層化する機能がありません。 カテゴリーを階層化するブログパーツ
予約投稿の失敗の謎わたしは普段ブログの投稿は予約投稿で行っています。 特に大きな意味はないのだけれど、 なんとなく、毎日同じ時間にした方がいいかなーって。 で、普段からいろいろやらかすので、 チェックできるよう、昼休みに投稿するのが一番いいよね？ と言う事にたどり着いて、毎日お昼、１２時に設定して投稿しています。 が、最近、投稿できていないことがよくあって。 予約投稿の失敗ってなんじゃー！ こうなってしまう原因をご存知の方、アドバイスお待ちしています。 パンくずリストの謎ブログサークルで仲良くさせていただいている NickNickさんから、 あ、NickNickさんはこういう素敵なハンドメイド作品を作って紹介されています。 というありがたいメッセージをいただいて見てみると… あら、ホントだ。なんか表示されてる。 ところでわたしってパンくずリストって表示させてたっけ？ なんだかよくわからなく
[レベル: 上級] Google は、検索セントラルサイトの上級者向け SEO セクションに EC サイトのベストプラクティスを追加しました。 Google 検索で EC サイトのプレゼンスを高める方法 追加されたばかりなので、日本語ページはまだ公開されていません。 英語ページのタイトルは “Best practices for ecommerce in Google Search” です。 日本語に直すと「Google 検索における eコマースのベストプラクティス」になるでしょうか。 【UPDATE (2021/10/04】 日本語ページも公開されました。 ベストプラクティスには、EC サイトがGoogle 検索でプレゼンスを高めるためにできること、やるべきことがまとめられています。 次のトピックで構成されています。 Where ecommerce content can appear
ブログに適した写真のサイズって？わたしは最初、無料のライブドアでブログを始めたんですけど、 写真って、写真サイズって言うの？横長か縦長に設定されていて、 特に何も気にすることなく、その設定のまま使ってたのね。 で、ワードプレスに移動しても、写真のサイズって、横長のサイズだったんだけれど、 こういう風に、インスタみたいな四角いサイズの写真も貼れる事に気づいたんです。 インスタの四角い写真も、始め違和感あったけれど、 慣れてしまうと、ちっとも気にならない。 同じ写真なんだけれど、四角いものの方が当然入る部分は大きくなる。 写っちゃいけないものも写っちゃうけど。 見ていただく分にはどっちが見やすいんでしょうか？
飲食店を探すときに「地名 + ラーメン」「駅名 + 居酒屋」などで検索すると、上位に食べログのページが表示された経験は誰にでもあるだろう。なぜこんなにも食べログがSEOに強いのか、その理由を探ることで、私たちが運営するWebサイトにも活かせるヒントが得られるだろう。 本記事では、その具体的な手法や応用の方法など、初心者から基本的なSEO対策の知見がある中級者くらいの知識を身につけた人にでも学びがある内容を目指した。 ぜひとも、あなたのサイト運営やSEO改善に役立ててほしい。 1. ユーザーに有益な情報を提供する「仕組みづくり」がある SEO対策のために遠回りに見えて最も近道なのが、ユーザーに価値のあるコンテンツを生み出すことだ。 Google の自動ランキング システムは、検索エンジンでのランキングを上げることではなく、ユーザーにメリットをもたらすことを主な目的として作成された、有用で信頼
パンくずリストの表示とカテゴリーわけ
カテゴリーとタグの違いを理解するなんとなくよくわからないから、 最初のワードプレスの設定の時にスルーしてきたカテゴリーとタグ。 いや、いまだによくわからないけれど。 適当につけていたし、パンくずリストなるものは正常に機能していなかった。 ところが、このパンくずリストってちょっと重要らしい。 重要だって知らなかったから、NickNickさんに表示がおかしいよーって言われても、 なんで？とりあえず表示を直そう、と思ったのだけれど…
こんにちは、カワルンです。 今日は前回「SEOを意識したブログのカテゴリ―名の付け方と階層化【前編】 - 書く、走る。」の続き、後編です。 カテゴリーの階層化について調べたことや分類方法などをまとめます。 これからカテゴリーの階層化を考えている方の参考になれば幸いです。 カテゴリー名の付け方 カテゴリーの分類とカテゴリー名 雑記ブログのカテゴリー名の付け方 1．サイトテーマから親カテゴリーを作成 2．他サイトのカテゴリー覧を参考に はてなブログのカテゴリー階層化方法 パンくずリストの設置 カテゴリーの階層化 カテゴリーの割り当てと孫カテゴリー まとめ <スポンサーリンク> カテゴリー名の付け方 はじめにカテゴリー名について考えます。 前回のおさらいです。 カテゴリーを階層化するポイントについて再確認しましょう。 ✔ ポイント ・1記事1カテゴリー ・親、子、孫、それぞれのカテゴリー名が重複
こんにちは！意匠部新卒デザイナーの大桐です。 つい4ヶ月前まで、私は建築学生でした🪚 そして今年の4月に初めて足を踏み入れたWEB業界。舐めていました、業界の差。まるで異世界です！ 異世界では聞いたことのない業界用語が毎日飛び交っています。 「このままではだめだ！」と思った私は、入社して初めて知った業界用語 1)をまとめてみることにしました。 今回、その中から、言葉の由来が面白い！知ってるとかっこいい！と思ったものを10個紹介しようと思います。 1) WEBデザイン用語、WEBプログラミング用語や、印刷用語、その他、 IT/WEB業界全般で使われる用語を含みます。 ■ 面白業界用語のイラストクイズに挑戦してみよう 「でも、ただ用語を紹介&解説するだけじゃ、デザイナーのブログっぽくないな...」 と思ったので、意匠部のデザイナーに業界用語のイラストを描いてもらい、それを全10問のクイズにし
構造化データで複数アイテムをマークアップする際のガイドラインをGoogleが更新。ネストするか@idで関連付けする
[レベル: 上級] 1 つのページで、複数のアイテム（タイプ）を構造化データでマークアップする際の注釈を構造化データのガイドラインに Google は追加しました。 関連するエンティティのタイプはネストするかもしくは @id で関連付けます。 一方で、独立したエンティティは個別にマークアップできます。 複数タイプをネスト たとえば、解説動画付きのレシピの構造化データは次のようにマークアップできます。 <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "Recipe", "name": "バナナブレッドのレシピ", "description": "とっても美味しいバナナブレッドのレシピ", "image": "http://example.com/banana-bread.jpg
はじめに Webサイトやアプリのデザインは、ユーザーの第一印象を大きく左右します。 その中でも、UI（ユーザーインターフェース）パーツの選定とデザインは、使い勝手を左右する重要な要素です。思わずクリックしたくなるボタン、ストレスなく情報を得られるナビゲーション、直感的に使えるフォーム──これらはすべて、UIパーツによって実現されます。 今回の記事では、ユーザー体験を向上させるために欠かせない「定番」のUIパーツを紹介しながら、最新のデザイントレンドも交えて、その魅力と実装のポイントを解説します。 Webデザイン初心者の方やWebサイトのクオリティをグッと引き上げたい方にとって、役立つ内容をお届けします！ 【定番】入力UIパーツ 1. ボタン 用語解説 知らない人はいないでしょうが、ボタンはユーザーがアクションを起こすための基本的なUI要素です。送信、キャンセル、詳細の表示など、さまざまな目
自分のポートフォリオページが数年前からぶっ壊れていてそのままにしていたのだけど、今週、ふとそのあたりをちゃんとするか、という気持ちになった。今までいろんな方法でそれを作ってみては放置して、を繰り返してきてしまっていたのだけど、今回はそれをはてなブログで作ってみたところ、ぱっと見でブログっぽくはない、それっぽいページを作ることができた気がしている。 about.a-know.me 以下に、また似たようなことをやりたくなったときのための備忘も兼ねて、手を入れたポイントをまとめておく。 テーマ 以下のテーマを使わせていただいた。 blog.hatena.ne.jp はてなブログのテーマストアに登録されているもののうちのひとつなんだけど、テーマストアは見てるだけで楽しいというか謎のインスピレーションが湧いてくるので、自分は不定期的にチェックするようにしている。オススメです。（ストア、といいつつ、有
こんにちは、Kome（@chankomeppy）です。 はてなブログでカスタマイズをしていると、CSSが狙い通りに反映しないことが時々あると思います。 そんな時、はてなブログデフォルトのidやclassを理解していれば、セレクタを詳しく指定することができるので、細かい部分もピンポイントでカスタマイズできるようになります。 というわけで、自分の備忘録も兼ねて、はてなブログのHTML構造をまとめてみました。 はてなブログでカスタマイズしている人や、テーマを自作する方の参考になれば幸いです。 大まかな構造 5つの主なパーツ Tips: ページの種類とclass名 ヘッダーエリア タイトル下編集エリア メインコンテンツエリア 記事ページ Tips: 記事本文内でCSSが効かないとき トップぺージ（一覧形式） アーカイブページ サイドバー プロフィール 検索 カテゴリー 最新記事 関連記事 注目記事
こんにちは！ こちらのブログをご覧いただきありがとうございます!(^^)! ブログを初めてからもう少しで4ヶ月になるのですが、やっとアドセンス合格できました。合格まで11回目でした。 不合格メール5回目くらいから、もう申請諦めようかなとか、いっそのこと新しいブログを作ったほうが良いのでは、と思ったこともありました。 不合格の理由が、はっきりとは分からないので、解決して行くのが難しかったです。 目次 アドセンス申請で用意したこと ドメインを取得後、アドセンス不合格のメッセージ （～7/15まで）1.「お客様のサイトにリーチできません」というメッセージが送られてきた 2.「サイトの停止または利用不可」というメッセージが送られてきた エラーの状態（7/16～8/13まで） 最近分かったこと＝「AMP問題」はフリーのイラストを縮小させて載せている記事だった（縮小しなければ問題はない） この間8/1
非機能要件の定義
はじめに 本連載も、今回で最終回となります。これまでは機能設計書を中心に解説してきましたが、最終回は非機能要件について解説します。非機能要件という言葉を聞いたことはあるかも知れませんが、カバー範囲が広いためどのようなことなのか説明するのがちょっと難しかったりします。でも、実は機能要件に引けを取らないほど重要なので、最後にきっちりお伝えしていきます。 非機能要件(non-functional requirement)とは 非機能要件(NFR)とは、ソフトウェア設計のうち機能面以外の要件すべてを指します。“機能以外”のためその含むところが大きく、それゆえきちんと定義されずにシステム開発されているケースも多いです。そして、それが原因で完成したシステムが使い物にならないこともままあります。 パフォーマンスが悪くて作業効率が悪化した、セキュリティに欠陥があり情報漏洩した、デザインが悪くて売れない、使
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【2024年6月版】管理画面のUIデザインにおける25の改善ポイント | ベイジのUIラボ～業務システムとSaaSのUIを考える
VSCodeおすすめ設定大公開！！おすすめ拡張機能も - Qiita
高齢者向けサービスにおけるUIデザイン｜『高齢者のためのユーザインタフェースデザイン』の書評
キャンプブログ１年でアクセス１２０万！落ち目からの運営方法！ - 格安^^キャンプへＧＯ～！
1年でWeb集客を500％成長させるためにした7つのこと｜瀬川義人 / Yoshi
ABEJAで作った大規模GPTモデルとその道のり - ABEJA Tech Blog
「Notion」で作成したページからサクッとウェブサイトを構築できる「Anotion」を使ってみた
【React】daisyUIを触ってみた！かなり楽しいw
HTMLのa要素にはhref属性を指定しなくてもよい: Days on the Moon
Web制作の悩みを救う、最新オンラインツール39選 2022年8月編
【コンテンツマーケティング】オウンドメディア構築時のCMS選定方法 - はてなビジネスブログ
【簡単】はてなブログユーザーはやっておきたいオススメ設定10選 | ワーキングノート
はてなブログカテゴリーを分かりやすく階層化表示する設定方法は？ - QUATRE（キャトル）の庭
【どなたかヘルプ】フリーズ中のヒメちーの謎とブログの謎２連発
Google検索向けECサイトのベストプラクティスが公開される
【謎は半分とけた！】パンくずリストの表示とブログに適した写真サイズ
なぜ食べログはGoogleによく出てくるのか？ SEO対策を研究してみる。
SEOを意識したブログのカテゴリ―名の付け方と階層化【後編】 - 書く、走る。
何個知ってる？入社して知った面白業界用語10選 - 意匠部
Webデザインの定番UIパーツ完全ガイド【用語解説＋実装付き】 - Qiita
自分のポートフォリオページをはてなブログで作ってみた - えいのうにっき
【カスタマイズ用】はてなブログのHTML構造まとめ - 【ちゃんこめBlog】インド在住OLの雑記ブログ
はてなブログでグーグルアドセンスの審査に通りました！ - 40代主婦、変化とのゆるりとした戦い☆彡