a]:flex [&>a]:flex-row [&>a]:justify-between [&>a]:py-[18px] [&>a]:border-t [&>a]:border-lightgray [&>a]:border-opacity-20 [&_li]:my-1 [&_li]:list-['-_'] [&_li]:py-[18px] [&_li]:border-t [&_li]:border-lightgray [&_li]:border-opacity-20 [&_.Label]:transition-all [&_.Label]:w-fit [&_.content]:transition-all [&_.content]:h-0 [&_.content]:pt-0 [&_.content]:px-5 [&_.content]:overflow-hidden [&_.toggle:

[対象: 中〜上級] さまざまなモバイル向けサイトの研究中に出くわした、ユーザビリティを大きく損ねる12個の要素をE-consultancyがブログで解説しました。 ユーザビリティの悪化だけではなく、なかにはGoogleのランキングを下げる原因にも繋がるスマートフォンサイトの構成ミスも含まれています。 モバイル対応が必須になっている現在のサイト運営において、とても参考になる記事なので紹介します。 なお直訳ではなく、僕なりの言葉で要点を説明します。 英語がわかる方は原文も読んでください。 モバイルサイトのユーザビリティを損ねる12個の欠陥 1. 突然デスクトップ向けサイトに切り替わる モバイル向けのページを閲覧していたのに、デスクトップ向けページに突然移動させられてしまうサイトは確かにありますね。 モバイル向けのデザインだったのに、ページを移動したら何の前触れもなくPC向けのデザインに切り替

日本人が海外旅行で気を付けたい5つの事を説明してください。 海外旅行の際に日本人が気をつけるべき5つの事は以下の通りです。 １．ビザや入国制限の確認 1つ目の「ビザや入国制限の確認」では、現地へ入国するために必要なビザや入国制限を確認することが重要です。特に最近は新型コロナウイルスの影響で入国制限が厳しくなっている場合がありますので、旅行前に確認することが必要です。 思いの他、申請に時間がかかってしまったり、以前は短期の滞在はビザが不要だったが、いつも間に入国するだけでもビザが必要になってたりする場合があるので注意が必要です。 例えば、中国でのビザ申請には、自国の中国大使館または領事館に申請する必要があります。申請には、パスポート、申請書、写真、旅行計画、および必要に応じて健康診断書が必要です。ビザの種類によっては、追加の書類や手続きが必要な場合があります。 コロナ前までは日本人ならば15

近年ウェブデザインに関する様々なテクニックや理論が注目されているが、ユーザーを引きつけるデザインとはなんだろうか。意識してこのサイトのデザインが好きだからと選ぶ人もいるが、大抵の人は無意識に感覚で選ぶことが多い。 私がデザインを勉強していて思うことは、無意識に選ばれるデザインこそが一般ユーザーから見た客観的なユーザビリティを理解したデザインができていると思う。使いやすさはユーザーに選ばれる一番の理由である。 さらに、彼らの心をつかむには感情に訴えるデザインも大切である。論理的に文字で訴えることも大事だが、ビジュアルなどを使って感情に訴えるデザインはサイトを見ている人との距離を縮めることができる大切なポイントである。 選ばれるウェブデザインはいくつかの点に注意すれば作ることができる。その為には今から紹介する９つの基本的なルールと感情に訴えるデザインがキーポイントとなる。 1. ゴールを明確に

18 Comments I recently completed a design for a local security firm and the guy (after the completed design was approved by a colleague) told me to remove the enquiry forms because no one used them any more! I had a quick internal laugh and said I get 99% of all enquiries through my enquiry form. Removing it will be a crazy idea. The site now has NO enquiry forms and only email links. I prefer qui

UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces.

静的なHTMLで構成されるwebサイトを生成するジェネレータ「nanoc」の紹介です。 2010年2月13日に開催された「松江Ruby会議02」のライトニングトークの発表で使用した資料です。Read less

代表中山陽平 ブログ「苦手意識を無くせばWeb活用はうまくいく」弊社では「がんばる中小企業」のWeb活用をサポートしています。今の時代、第3者である、制作会社や代理店におまかせでは勝てません。同じような商品・サービスが溢れる中、選んでもらうためのコンセプトを立て、それを実現するためにネットもリアルも総動員しながら戦う必要があります。 みなさんが世の中に・自社の従業員に実現したい幸せや提供価値を、しっかりと実現していくためには、みなさん自身が主役になり、私達のような専門会社が側面支援するのがベストです。 このブログでは御社が中心となってウェブ活用できるヒントを配信しています。お悩みの方はお気軽に問い合わせフォームからご相談ください。 最新の記事一覧

コンテンツは現場にあふれている。会議室で話し合うより職人を呼べ。営業マンと話をさせろ。Web 2.0だ、CGMだ、Ajaxだと騒いでいるのは「インターネット業界」だけ。中小企業の「商売用」ホームページにはそれ以前にもっともっと大切なものがある。企業ホームページの最初の一歩がわからずにボタンを掛け違えているWeb担当者に心得を授ける実践現場主義コラム。 宮脇 睦（有限会社アズモード） テクノロジーの進化によって常識は書き換えられていきます。かつて、セキュリティ対策として「JavaScript」の使用中止が叫ばれていた時代があったことすら信じられなくないほど、現在のホームページにおいて「jQuery（JavaScriptのライブラリ）」の利用は必須といっても過言ではありません。伸縮自在の「アコーディオン」や、次々と画面を変える「スライドショー」などを活用することで、だらだらと縦スクロールを繰り

FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

知り合いの会員制サイトの作成を手伝っています。 会員さんのお店専用のページをつくって、会員さんがお店のページを各々自由に更新できるサイトを立ち上げたいとのこと。 WordPressを導入して個別に更新できるようにしました。条件は 投稿画面をわかりやすく。フォームを埋めていくとページが出来上がるようにする 文章だけでなく、画像もアップロードできる ほかの会員がアップした記事や画像を見たり、修正できない です。備忘録としてまとめました。 基本は「寄稿者」で、足りない機能を追加していく 会員さんに与えるアカウントは「寄稿者」にします。自分の記事を作ることはできますが、他のアカウントの記事を修正することはできません。今回の用途に近いパーミッション(権限範囲)を持っています。 しかし、このままだと今回の条件には合わない部分があるので、カスタマイズをしていきます。 シンプルなダッシュボード 寄稿者でも

日本人が海外旅行で気を付けたい5つの事を説明してください。 海外旅行の際に日本人が気をつけるべき5つの事は以下の通りです。 １．ビザや入国制限の確認 1つ目の「ビザや入国制限の確認」では、現地へ入国するために必要なビザや入国制限を確認することが重要です。特に最近は新型コロナウイルスの影響で入国制限が厳しくなっている場合がありますので、旅行前に確認することが必要です。 思いの他、申請に時間がかかってしまったり、以前は短期の滞在はビザが不要だったが、いつも間に入国するだけでもビザが必要になってたりする場合があるので注意が必要です。 例えば、中国でのビザ申請には、自国の中国大使館または領事館に申請する必要があります。申請には、パスポート、申請書、写真、旅行計画、および必要に応じて健康診断書が必要です。ビザの種類によっては、追加の書類や手続きが必要な場合があります。 コロナ前までは日本人ならば15

コンバージョン率を上げることは、どのサイトにとっても重要です。 弊社サイトにはフォームを設置しており、 フォームのコンバージョン率を向上させるため、 フォームのデザインを変更してA/Bテストを行いました。 今回のテストは 「どちらのフォームのコンバージョン率が高くなるか」 を調べるテストとなります。 そのテスト内容とテスト結果を紹介したいと思います。 テスト内容 ヒートマップを見ると、 フォームページを開いてからフォームを提出するまでに ページ内のリンクを押してフォームを離脱してしまうユーザーが多くいました。 ページ内リンクを押して離脱してしまうということは、 「余計なリンクを取り除いてしまえば離脱率が減るのではないか」 という仮説を立て、テストを行いました。 今回のテストは元のデザイン自体は変更せず、 元デザインからリンクのみ取り除きました。 今回のテストで変更した箇所 ・ヘッダーのログ

今の時代リンクペナルティ絡みの話題は無難に広くコンテンツとして需要がありそうなのと、社内的にも結構同じような質問を色んな方から頂くのでまとめておく価値はありそうねということで、特に目新しい話題はないと思いますがある程度網羅しておきます。 1.リンク調査のツールは何を使えばいいの？ 2.リンクが全部外れないと解除できないの？ 3.不自然リンクとして外す必要があるリンクの見分け方は？ 4.「質の良いリンク」であっても外す必要がある？ 5.有料ディレクトリからのリンクってどうなの？ 6.明らかに不自然なリンクばかりで固められたようなサイトが今でも人気キーワードで上位に表示されている理由は？ 7.ペナルティを受けているサイトからリンク受けることって問題ある？ 8.nofollowでついてるリンクが怪しいと思う場合どうしたらいいの？ 9.リンク死ぬほど大量にありますけど、全部確認して削除しなきゃいけ

WordPressのバックアップ方法は世の中に プラグインを含めいろいろ公開されていますが、実際リストアまでやろうとすると上手くいかない場合が多くて困ります。 プラグインの有名どころだと BackWPup WP-DBManager WordPress Database Backup あたりでしょうか。 どれも基本的にはデータベースを丸ごとバックアップしてくれるのですが、 データベースという時点でなかなか初心者の方には敷居が高くなります。 また、これらのプラグインもサイトの容量が多いと エラーを吐いてなかなか思うようにいきません。 さらに「リストア（復元）」も簡単ではなくphpmyadminを利用したりで敷居が高くなり、それでも上手くいかなかったりする事が多いのです。 今回ご説明するのはベタでアナログですが、 結局一番手堅いWordPressのバックアップの方法です。 それでも滞り無くリスト

代表中山陽平 ブログ「苦手意識を無くせばWeb活用はうまくいく」弊社では「がんばる中小企業」のWeb活用をサポートしています。今の時代、第3者である、制作会社や代理店におまかせでは勝てません。同じような商品・サービスが溢れる中、選んでもらうためのコンセプトを立て、それを実現するためにネットもリアルも総動員しながら戦う必要があります。 みなさんが世の中に・自社の従業員に実現したい幸せや提供価値を、しっかりと実現していくためには、みなさん自身が主役になり、私達のような専門会社が側面支援するのがベストです。 このブログでは御社が中心となってウェブ活用できるヒントを配信しています。お悩みの方はお気軽に問い合わせフォームからご相談ください。 最新の記事一覧