タグ

Web制作とWebサイトに関するmstk-oのブックマーク (11)

  • WordPress自体のチューニングが必要な理由と高速化の基本的な考え方

    企業のCMSサイトやオウンドメディアなどエンタープライズ用途での利用が増加しているWordPressの高速化について解説する連載。初回は、WordPressの高速化が求められる背景や、WordPress高速化の基的な考え方であるページのロード時間とその構成要素、1秒当たりの同時アクセス数について解説します。 WordPressの高速化が求められる背景 「WordPress」は世界中で最も使われているCMS(Contents Management System)のソフトウエアです。「W3Techs」の統計によると、世界中のWebサイトの約24%、CMSソフトウエアを利用したWebサイトの約6割で利用されています(参考「Usage statistics and market share of WordPress for websites」)日国内に限定すると、CMSソフトウエアを利用したW

    WordPress自体のチューニングが必要な理由と高速化の基本的な考え方
  • PHPユーザエージェント判別・判定

    Updated 2015.12.07 / Published 2015.04.04 Firefox OSやWindows Phoneの登場でユーザエージェント情報に依存して処理を行っている部分が相次いで見直しを迫られることになりますので、2015年版JavaScriptユーザエージェント判別・判定と同趣旨でPHPにてスマートフォン・タブレットまわりのユーザエージェントを判別・判定して分岐処理を行う手順をご紹介します。 <?php class UserAgent{ private $ua; private $device; public function set(){ $this->ua = mb_strtolower($_SERVER['HTTP_USER_AGENT']); if(strpos($this->ua,'iphone') !== false){ $this->device =

    PHPユーザエージェント判別・判定
  • プロが教える!アクセスアップの方法31選

    Webサイトやブログをお持ちの方や担当者の方は、アクセスアップのために日頃奮闘している方が多いと思います。 アクセスを集めるための施策を何も行わなければ、いくらコンテンツを更新しても砂漠の中にあるお城と同じ状態で、誰にも気づいてもらう事ができません。 そこで今回は、Webサイトやブログへのアクセスをアップさせる際に参考となる31のノウハウをご紹介します。 おすすめ無料で使える!Webマーケティングツール&サービス【厳選39選】 1.簡単に実行できる35個のGrowth Hack施策 グロースハックは簡単な施策でも多くの事が実施可能。「Call to Action周りにソーシャルな圧力」や「登録をSNSアカウント認証」など、すぐに実施できる35個の施策。 2.他サイトを丸裸にする32のグロースハックツール集 「競合サイトの情報が見れたらな」を可能にするグロースハックツールのまとめ。海外ツール

    プロが教える!アクセスアップの方法31選
  • ライバルサイトのアクセス数や使用しているWebサービスを調査するためのツール類まとめ

    横田です。自分が見ているWebサイトやブログが、どのようなCMSやホスティングサービス、広告ビーコンを埋め込んでいるのか気になる人もいると思います。それが商売敵であるライバルサイトであれば、さらにそう思うでしょう。 今回は、自分が見ているサイトのアクセス数や利用しているWebサーバ、CMSなどのミドルウェア、利用しているビーコン、利用しているホスティンクなどを調査するためのツール/サービス群をご紹介します。気になるサイトがあれば、これらのツールを利用して、どのようなサービスを利用してWebサイトを作っているか、調べてみましょう。 《1 どのような広告・アクセス解析が埋め込まれているか知りたければ Ghostery》 商用のWebサイトには、広告用のビーコンやアクセス解析用のビーコンなど、様々なWebビーコンが埋め込まれています。このようなビーコンを検知するにはGhosteryを利用すると良

    ライバルサイトのアクセス数や使用しているWebサービスを調査するためのツール類まとめ
  • Web系フリーランスをモンスタークライアントから守る契約書【テンプレートあり】

    契約書なしの口約束でお仕事を受けてませんか? 自分はまだ駆け出しのフリーランスだから…… クライアントへ契約の手間を与えてしまうから遠慮しちゃう…… 契約とか法律とかよくわからないから…… などなど、理由は様々あるのかもしれません。 でも、契約書なしで案件を受けていると必ずいつかトラブルが起きますよ。 例えば、代金以上の労働を求められたり、お金を払わず逃げられたり。 ボクも12年間、ウェブ制作業に関わってきてますが、残念なことにこうした契約に関わるトラブルをいろいろと経験しました。 確かに、契約書を自分で作るのは難しいです。行政書士へ契約書の作成を依頼するとかなりお金がかかります。 でも、契約書がたった1枚あるだけで、クライアントと友好的な関係を長く築けるのも事実です。 この記事のタイトルには「モンスタークライアントから守る」と書きました。 実際は、契約書は制作を受ける側のあなただけを守る

    Web系フリーランスをモンスタークライアントから守る契約書【テンプレートあり】
  • できるだけプラグインに頼らず WordPress を高速化する 9 つの方法 - Naifix

    「表示速度は検索順位に影響する」という話を聞いて PageSpeed Insights   で調べてみたら、あまりにスコアが低かった。何とかサイトスピードを改善したい。でも具体的に何をしたらよいのか…。 WordPress は自由度が高いぶん、知らないところで表示速度を低下させてしまうこともあります。でも、下手にプラグインを入れて対策すると、今度は別のところに悪い影響が出てくるかもしれません。 記事では、WordPress 初心者でも「できるだけプラグインに頼らずに表示速度を改善する」方法を紹介していきます。できるところから少しずつ対策していきましょう。 初心者向け WordPress 高速化設定 9 選 WordPress に「ワンクリックでだれでも簡単にスピードアップ」という方法はありません。 キャッシュ系プラグインを使えばよさそうなものですが、エラーが出たり逆に遅くなったりすること

    できるだけプラグインに頼らず WordPress を高速化する 9 つの方法 - Naifix
  • フロントエンド開発今昔物語 - Qiita

    フロントエンドと言っても、アプリやゲーム制作などではなく、いわゆるWebサイト制作のクライアントサイド側の話になります。 時代背景 おじいさんには、Photoshop、Illustrator、Dreamweaverという3種の神器がありました。当時のWebサイト制作は、これらのソフトを利用し、おじいさんが一人で行っていました。おじいさんのような仕事をする人は、Webデザイナーと呼ばれ、とても人気がありました。おじいさんは幸せでした。 いつしかWebデザインは分業化されるようになりました。おじいさんは久しくデザインをしていません。現在の彼の仕事は、デザイナから受け取ったPhotoshopデータを基にWebサイトを制作することです。それはHTML5サイトというとても都合の良いバズワードでまとめらてしまうこともあります。このことについて、おじいさんはやり場のない憤りを抱いています。 HTML/C

    フロントエンド開発今昔物語 - Qiita
  • 2行追加するだけでWebサイトを高速化するInstantClick.io - atskimura-memo

    Before visitors click on a link, they hover over that link. Between these two events, 200 ms to 300 ms usually pass by (test yourself here). 引用:InstantClick — JS library to make your website instant リンクにマウスオーバーしてからクリックするまでには200msから300msほど時間がかかるそうです。実際このテストページでクリックしてみるとMacのトラックパッドだとさらに遅く500msくらいかかってました。 InstantClick.ioはその間に裏でリンク先ページをロードして勝手にリンクをpjax化してしまうという高速化ライブラリです。 やってることはRails4のturbolinksと似てます

    2行追加するだけでWebサイトを高速化するInstantClick.io - atskimura-memo
  • Webサイト高速化・表示速度改善のために知っておきたい基礎知識 | ナイルのマーケティング相談室

    Webサイトを高速化をすることによって得られるメリットは様々です。ユーザーエクスペリエンスの改善といった話とは別に、サーバーの台数を減らせることも大きなメリットでしょう。 サーバーの台数が減ればコストも下がるし、運用も楽になりますので、Webサイトの高速化はSEO対策に限定せずに実現したいところです。 しかし、「高速化しよう」「表示速度を改善しよう」といっても、実際に高速化を阻害するような要因を知っていなければ、どう取り組んで良いか分かるはずもありません。 今回の記事では非エンジニアの方でもサイト高速化のポイントがある程度理解できるように、大まかに要点をまとめています。 \ナイルがリードを増やした秘密を公開/ 高速化のための基礎知識 高速化という言葉の中には、大きく分けて2種類の概念が存在します。 フロントエンド側での高速化 サーバーサイド(バックエンド)側での高速化 フロントエンドとは

    Webサイト高速化・表示速度改善のために知っておきたい基礎知識 | ナイルのマーケティング相談室
  • Webデザイナーやコーダーの方でも知っておきたいPHPの便利な使い方

    この記事は、普段サーバーサイドスクリプト言語(PHPPerlRuby等)を書いていない方を対象に、PHP を使うとどのようなことができるのか、あるいはできないのかを解説した入門記事です。 キャンペーンページで、指定の時間に受付を終了する たとえばキャンペーンページで、指定の時間までは「お申込みはこちら!」というボタンを表示し、それ以降は「キャンペーンは終了しました」と表示させたいとします。 こういう時、PHP はわりと直感的に書けるので便利です。 "; // 現在時刻が、キャンペーン終了後であれば } else { echo "キャンペーンは終了しました "; } ?> ※コメントで、「日付はUNIXタイムスタンプに変換してから比較したほうがよい」とご指摘いただいたので、strtotime() を使用するよう変更しました。 3行目に “2013-09-01 00:00:00” という箇

    Webデザイナーやコーダーの方でも知っておきたいPHPの便利な使い方
  • 驚くほど速くする!高速化9つのポイント | Find Job ! Startup

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

    驚くほど速くする!高速化9つのポイント | Find Job ! Startup
  • 1