従来のGoogleアナリティクスである、ユニバーサル アナリティクス（以下UA）のサポートがいよいよ2023年7月に終了することが、先日アナウンスされました（※）。昨年対比やトレンドをチェックすることを考えると、2022年内できるだけ早めに次世代のGoogleアナリティクス（以下GA4）へ移行したいWebメディア運営者も多いかと思います。新しいツールの勉強や、既存システムの改修が必要な問題ではありますが、この機会を、データ収集・可視化の設計を見直し、日々の意思決定の共通言語としてデータを使いやすくするチャンスと捉えてみてはいかがでしょうか。 ※ Google、ユニバーサルアナリティクスのサポートを2023年7月1日に終了。早めのGA4移行を推奨 このnoteでは、前半でダッシュボードによるデータの可視化にコストをかけるべき理由を整理します。後半では、2021年秋に文春オンラインのダッシュ
MySQL FULLTEXT Ngram : LIKE検索より数十倍高速な、お手軽 日本語全文検索 について｜blog｜たたみラボ
tatamilab.jp
続・ハイパフォーマンスWebサイトを読んでCSSセレクタの高速化の話しが面白かった（というか全然知らなくてちょっとびびった）ので紹介します。 セレクタは右から左に解釈される これは正直知らなくて、結構衝撃でした。 #foo .bar {} これはなんとなく#fooを探して、その中の.barを探している気がしてたんですけど、実は.barを探して、その親要素に#fooがあるかを探すそうです。なので特に#fooが必要なければ .bar {} と書いたほうが高速だということ。 また、以下の様に要素名で指定すると、その要素を全て探します。 #foo a {} これは一度a要素を全て探すので、できればaにclassをふって #foo .anchor {} とするほうが高速のようです。（#fooをとるとより高速） 特にユニバーサルセレクタなどは、 #foo * {} とすると、全ての要素の親要素に対して
今まで共用サーバーしか使ったことがありませんでしたが多くのサービスを作る上で専有サーバーを使ったりさくらのVPS を使ったりできるようになれば行けないと思ったので、丸1日かけて勉強しました。CUI でのサーバー管理は初めてなので、間違っているところがあったら教えてください。
最初にいっておく。これは負け惜しみだ。 SPAとPWAの現状 自分は日本でReactの勝手エヴァンジェリストみたいなことをやっていて、SPAの重めのコンテンツをよく作ってるからか、「お前らフロントエンドを物事をややこしくして、重いページを量産してウェブを劣化させてるじゃないか！」みたいな批判を、名指しでよく受ける。なんで僕にいうかわからないけど、React = SPA みたいなイメージでスケープゴートにされてるんだろう。それはまあいい。 自分の仕事でSPA技術を使うところは、ちゃんと必要性もあるし理由も説明できる。ただ、やはり近年の複雑化/重量化について思うところはあるので、逆に振って AMP/PWA という選択肢を持っておきたくて、正直言うと依頼されたR&Dの仕事でもあったんだけど、一通り覚えた。なんだけど、今のところ仕事で使うタイミングがない。 PWA技術を仕事で使えなかった理由として
退屈なブラウザ作業はSeleniumにやらせようーーはじめてでもできるブラウザ操作自動化 | メルカリエンジニアリング
こんにちは、メルカリのQA-SETチームで自動化をぶりぶりしている tadashi0713 です。 これまではモバイルアプリ・WebアプリのE2Eテストを中心に自動化をしていましたが、最近ではプロダクト部門・カスタマーサポート部門・コーポレート部門の業務自動化にも挑戦しています。 今回はSelenium WebDriver (以下 Selenium) を使って簡単にできるブラウザ作業自動化についてご紹介します。 10/25にGitHub JapanでLT発表した資料もありますので、合わせてご覧ください。 english-lt.connpass.com 意外と多い、ブラウザを使った繰り返し作業 社内の色々な職種・チームの方々とコミュニケーションをしていると、ブラウザを使った繰り返し作業が多く感じました。 例えば 社内で使用しているWebサービスのアカウントを社員に付与する Chartio(h
JavaScriptjQuery は CSS セレクタで要素を選んで処理できるのが魅力的ですね。そんな jQuery ですが、CSS セレクタの書き方次第で速度が大幅に変わってきます。ここでは jQuery の内部処理を疑似コードで示しつつ、jQuery を高速に使うためのポイントを５つに絞って紹介します。何度も同じセレクタを実行しないクラスだけを指定するのは禁止#id を積極的に使う途中までの結果を再利用する子供セレクタ(>)を使うと速くなることがある※ この記事は jQuery 1.2.6 のソースコードを元に記述しています1. 何度も同じセレクタを実行しない改善前 // 例題 1 $("div.foo").addClass("bar"); $("div.foo").css("background", "#ffffff"); $("div.foo").click(function(){
1 名前：以下、名無しにかわりましてVIPがお送りします[] 投稿日：2008/07/22(火) 09:00:39.45 ID:83P61s4f0 shiftを押しながらファイルを削除（delete）するとゴミ箱をスルーして抹消削除される。 519 名前：以下、名無しにかわりましてVIPがお送りします[] 投稿日：2008/07/22(火) 15:16:32.50 ID:IZ91WNCwO >>1 それ重要だろ 3 名前：以下、名無しにかわりましてVIPがお送りします[] 投稿日：2008/07/22(火) 09:02:16.15 ID:83P61s4f0 エロフォルダの隠し方（Vistaでは出来ない模様） 25 名前：以下、名無しにかわりましてVIPがお送りします。[] 投稿日：2007/08/29(水) 02:22:15.56 ID:95t7Ef2C0 フォルダ名の最後に .{0000
Windows起動プロセス最適化ツール『Soluto』を導入したら起動時間が18秒短縮された件… - IDEA*IDEA ～ 百式管理人のライフハックブログ
ドットインストール代表のライフハックブログ
最近、セミナーでスクリプトを紹介すると評判がよいので、10個選りすぐってみました。 これらを提供してくださっている作者さんたちに感謝します。 はまりどころを見つけると「むちゃくちゃ早く終わる」「手作業ではムリ」なことが実現できるので、「ここでこういうことができると快適になるのに」をリストアップしておいて、たまに棚卸ししてみるとよいと思います。 追記 2017更新版を公開しました。 Illustratorを使うとき、私が手放せない10個のスクリプト（2017更新版）＋ 入手できるスクリプト一覧 - DTP Transit なぜ、スクリプトを使うの？ Illustratorでの作業を効率化するには、キーボードショートカットやアクションを使う方法がありますが、そもそも次のような場合には、有償のプラグインを使うほか、スクリプトを使う方法があります。 Illustratorではできないこと できるけ
前回に引き続き、今年も友人＆奥さん＆犬連れでアップルストア総本山のパロアルト店に並んでゲットしました、iPhone 3G。 もうiPhone自体についてはあちこちで語り尽くされていますし、今さら私が何かを付け加えたところで、いつも言ってることの繰り返しになってしまうのですが、もう一度あらためて伝えたいことがあります。 iPhoneは、1980年代にパーソナルコンピュータが登場して以来の、約30年ぶりに登場したパラダイムセッターであり、コンピュータ業界、ソフトウェア業界、ウェブ業界、モバイル業界、果てはゲーム業界まで、あらゆる関連セクタの向かう先をたった一つのプロダクトで決定づけてしまったモンスターデバイスです。 おい、そりゃいくらなんでも言い過ぎだろう、と言いたくなる方が多いのはわかります。今のiPhone 3Gを使ってみて、まぁそれなりに綺麗だし使い心地もいいしデザインもいいけど、普通に
中〜大規模サービスのインフラの様子を知りたいアプリケーションエンジニア向けに、もともとアプリケーションコードを書いていた視点から、個人的な体験をベースにはてなで大規模サービスのインフラを学んだ過程や学んだ内容の一部を紹介します。 Webアプリケーションのブラックボックス Webアプリケーションフレームワークの向こう側 なぜ複数のサーバが必要なのか 突然のWebサービス3層構成 リバースプロキシ アプリケーション データベース その他のコンポーネント キャッシュは麻薬 飛び道具としてのKVS/NoSQL 非同期処理 バッチ処理 Mackerelの場合 参考 まとめ Webアプリケーションのブラックボックス 今年もはてなインターンの時期が近づいてきた。 毎年ではないけど、はてなインターンでは「インフラ講義」というのをやっている。 今年はインフラ講義の講師としてアサインされたのでちょうど何を話そ
ブログ移転のお知らせ！ ▼当ブログは移転しました！新しいサイトは以下となります！！ http://bamka.info ▼お手数おかけしますが、RSSの再登録もお願いします！！ http://feeds.feedburner.com/bamka 【読了時間：約６分】 慣れというのは怖いものです。最初は速くて感動していたiPhone4も、時間が経てばそれが普通になってしまいます。 そして、いずれは遅いと感じるようになってしまう。 しかし、iPhoneのスペックは決まっています。ですので、iPhone自体の速度を速めることはできません。 そこで私ができることは、操作のステップを短くし、iPhoneでの各種操作を単純化させること。 今日は、私がiPhoneでの最速を求めた結果である、１７のコツ（設定・Tips・アプリ活用術）をご紹介していこうと思います。 ■目次 ◇最速を求める基本コンセプト ◆
Mac OS X のキーボードショートカット
キーボードショートカットを使う キーボードショートカットを使うには、1 つまたは複数の修飾キーを押しながら、ショートカットの最後のキーを押します。たとえば、「command + C」(コピー) を使う場合は、「command」キーを押しながら「C」キーを押した後、両方のキーを同時に離します。Mac のメニューやキーボードでは、特定のキーが記号で表記されることがあります。以下の修飾キーは、その一例です。 Windows パソコン用のキーボードでは、「option」キーは「Alt」キー、「command」キーは「Ctrl」キーまたは Windows ロゴキーで代用してください。 Apple 製の一部のキーボードでは、たとえば、ディスプレイの明るさ調整、キーボードの明るさ調整 など、特殊な記号や機能を割り当てられたキーがあります。こうした機能のないキーボードをお使いの場合でも、自分でキーボードシ
Pale Moon 「Pale Moon」はFirefoxと高い互換性を持つ、高速起動が可能なオープンソースのウェブブラウザです。Firefoxの最大の欠点と言えば、何と言ってもとにかく起動に時間がかかること。最近ではChromeも拡張機能に対応してきたこともあり、豊富なアドオンで自由に機能を追加できるというFirefox独自の優位性が失われつつある今、ヘビーユーザーの間でもより起動の速いChromeへの乗り換えが進んでいる傾向にあるようです。 そんなFirefox最大の欠点である起動の遅さですが、こういった問題点を改良してアドオン等の互換性はそのままに、よりユーザーの視点に立って使いやすく軽量に再設計されているのがこの「Pale Moon」というブラウザです。基本的なデザイン、機能からインターフェースまでほとんどFirefoxと同じで、起動や動作が速くメモリの消費も少ないという、ツボを押
最近MySQLの勉強をしていました。実践ハイパフォーマンスMySQLを読むべきという話を聞いていたのですが、かなり網羅的に書かれていて、今の知識ではどれが重要なのかわからない状態でした。そこで色々調べてみて、参考になる記事をいくつか見つけたので、少しまとめてみようと思います。 今回まとめた記事を読んで、大体以下のことが理解できました。 インデックスの使われ方とその構造(MyISAMとInnoDB) EXPLAINの詳しい使い方、見方 InnoDBの特性 ALTER TABLEの特性 レプリ遅延 まず最初に Webエンジニアのための データベース技術[実践]入門 (Software Design plus)posted with amazlet at 12.06.02松信 嘉範 技術評論社 売り上げランキング: 9767 Amazon.co.jp で詳細を見る 松信さんの書いた「Webエンジ
jQuery 開発者向けメモ
jQuery 開発者向けのメモです． ずっと以前に，jQuery に関する日本語の情報がまだ少ない頃に作ったページですが， その後 jQuery を再び利用する機会があったので，最新バージョン向けに記述を更新しました． 住宅ローンシミュレーションです． jQueryを利用したフォームの動的な追加や，flotプラグインによるグラフ描画などを行っています． 本ページの記載に間違い等見つけた方はブログのエントリまで連絡いただけるとうれしいです． 最終更新：2009/1/10 jQueryとは jQuery は様々な処理を短く簡単に書ける JavaScript ライブラリです． 独自のXPATH/CSSセレクタを利用することで，多くのDOM操作を非常に簡単に書くことが出来ます． JavaScriptのDOM操作や，XMLHTTPRequest，XMLの操作などを覚えなくとも， Ajaxを利用したイ
スマホからウェブにアクセスするユーザが増え、ウェブサイトの表示速度の高速化がより重要な制作の課題になっています。1ページもののサイトなら、フロントエンド・エンジニアが一人で実装できるかもしれませんが、ある程度の規模のウェブサイトではワークフローやサイト全体の設計にも関わってきます。また、表示速度の高速化の方法を知らなければ、最適化しやすい、より高度なデザインは実現できないでしょう。エンジニアだけでなく、デザイナーやディレクターがこういった情報を知っていれば、よりスムーズに結果を出せるウェブサイト制作ができるはずです。 ページ表示速度の改善にはいろいろな方法がありますが、この記事では一番効果がありそうなところから攻めていきたいと思います。自分もまだまだ勉強中なので、まずはfilament groupのScottさんの記事 やClearleftのJeremyさんの記事 を参考に、フロントエンド
WEBデザイナーの仕事をしてまして、職業柄様々な拡張子の画像を扱いますので使い分けについて分かってるのですが、ブログをやってる方はそこまで気を使ってない人が多いように見受けられます。 特にJPGとPNGは全然違ったフォーマットなので、画像の性質に合わせて使うべきです。
そろそろ本気でWordPress！Web制作初心者が劇的に成長できるオススメ国内有名ブログ18選 2014 7/10 WordPressガッツリ使い倒すぞー！ PHP、HTML、CSS超勉強するぞー！ で、まず何したらいいの！？ なんて方はかなり多いかと思います。というか僕がそうでした。そんなワケで今回は Web制作ど素人だけどWordPressのサイト構築をバリバリできるようになりたい！ ブログ書くだけじゃなくテーマをゴリッとカスタマイズできるようになりたい！ こんな方々に超オススメの国内有名ブログを18個紹介させていただきます。Web制作のスキルというとデザインだったり、集客だったり色んな要素が考えられますが、今回は 構築、及びコーディング つまりサイトを”作る”という点で特に参考になるブログのまとめです。 構築・コーディングとは言ってもWeb制作の括りではかなり基礎的なレベルから勉強
Mac Explorer｜ Snow Leopard でこれまでお世話になってきたアプリケーションなどまとめ
次期OSであるLionのリリースが迫ってきているということで、今現在まで、Snow Leopard を使用してきた環境、使ってきたアプリケーションやプラグインなどなど、全てまとめてみようと思います。 本当に便利なツールばかり。開発者の方々に敬意を表するとともに、今後自分がLionへ移行した時に以前の環境を参照するメモの一つとして、また次のOSでもできるだけ同じ環境が作れたらなぁという期待を込めて。 また、自分自身Macを購入したばかりの時、Macの手書き説明書さんの以下のエントリーをかなり参考にさせていただいたという経緯があります。少し時間の経った記事ですが。 僕のMacができるまで | Macの手書き説明書 この素晴らしい仕事を非常にありがたく感じていて、またこれまでMacを使ってきた自分も自分なりに快適な環境を晒せば誰かの役に立つかもしれないと考えました。いつかまとめたいと思っていたの
2016年の総決算！ はてなブログ年間ランキング トップ100を大発表！ 注目記事もあるよ - 週刊はてなブログ
歳末の候、何かとご多忙のことと存じます。 週刊はてなブログでは、毎週月曜にはてなブックマーク数ランキングを掲載しております。このたび、毎年末恒例の年間総合ランキングを集計いたしましたので、本記事にてご報告とさせていただきます。 また、新たな趣向として、2016年中にはてなブックマークで多くのコメントを獲得したり、ソーシャルでの流入が多かったりした注目記事を、はてなブックマークのカテゴリーごとにまとめてみました。2016年を振り返る一助となれば幸いです。 はてなブログ2016注目記事（はてなブックマークのカテゴリー別） はてなブログ2016トップ100 ― 年間総合はてなブックマーク数ランキング 関連記事（2014年、2015年、はてなニュース） はてなブログ2016注目記事（はてなブックマークのカテゴリー別） はてなブックマークのカテゴリー（暮らし、世の中、政治と経済、学び、テクノロジー、
ども お久しぶりな中村です。 さて、今回は以前書いたドライブドキュメントネタの続編みたいな感じですが、皆さんも（多分）大好きなGoogleスプレッドシートの裏ワザ＆アドオンのまとめとなります。 なんとなーくエクセルの代わりになるよねーくらいでしか使ってない人は確実に損してると思うので、ぜひぜひ使い倒してみてください。 レポート瞬間生成！満を持して登場したGoogleアナリティクス公式アドオンGoogle Analytics add-ons もはや説明の必要は無いでしょう。ついに出たんですよ…Google Analytics公式のスプレッドシートアドオンが。 完全無料で！Google Analyticsのレポートを！一切の機能制限なく！スプレッドシート上で生成＆管理できるようになったんですよ！ 連携したら最初に アドオン＞Google Analytics＞Create New Reportで
IPA のけしからん技術が再び壁を乗り越え、セキュアな LGWAN 地方自治体テレワークを迅速に実現
IPA のけしからん技術が再び壁を乗り越え、セキュアな LGWAN 地方自治体テレワークを迅速に実現 2020 年 11 月 3 日 (火) 独立行政法人情報処理推進機構 (IPA) 産業サイバーセキュリティセンター サイバー技術研究室 登 大遊 独立行政法人 情報処理推進機構 (IPA) 産業サイバーセキュリティセンター サイバー技術研究室は、このたび、できるだけ多くの日本全国の地方自治体 (市町村・県等) の方々が、LGWAN を通じて、迅速に画面転送型テレワークを利用できるようにすることを目的に、J-LIS (地方公共団体情報システム機構) と共同で、新たに「自治体テレワークシステム for LGWAN」を開発・構築いたしました。 本システムは、すでに 8 万ユーザー以上の実績と極めて高い安定性 を有する NTT 東日本 - IPA 「シン・テレワークシステム」をもとに、LGWAN
ツール・ド・フランスについて少し書く
（7/2 再追記しました） 先日からこんなブクマが次々とホッテントリに入って戸惑っています。 ■ツール・ド・フランス、クソ観客のせいで大規模落車 - Togetter https://b.hatena.ne.jp/entry/s/www.afpbb.com/articles/-/3354342 ■ツール開幕ステージで大クラッシュ、主催者は観客訴える意向 写真7枚 国際ニュース：AFPBB News https://b.hatena.ne.jp/entry/s/www.afpbb.com/articles/-/3353664 ■ツールの大クラッシュ、原因つくった観客逮捕 写真13枚 国際ニュース：AFPBB News https://b.hatena.ne.jp/entry/s/www.afpbb.com/articles/-/3354342 あまり熱心とは言えないけれどNHK BS時代から
こんにちは。DeployGateの藤﨑です。 仕事をしていると、とにかく考えて答えを出さないといけないことが数多くあります。すぐ思いついてアウトプットできることならいいのですが、大事なものは大体、どこから考え始めればいいのか分からないことだったり、なんとなく浮かんでいるんだけどうまく言語化できないものだったりします。 そんなときに、どうやってその状況を抜け出して、話を深めていくか。今日は、最近自分がやってみて、とても効果を感じられた手法について紹介します。 これまでの手法自分が考え事をする上で、まずやるのはテキストで書き出すということでした。何らか課題について考えるときは、ひたすら箇条書きで考えを書き出していくということをします。だいたいNotionにページを作って箇条書きでひたすら書き出しています。 それ以外だと、やはり紙とペンです。長年適当なコピー用紙→ノート→コンパクトなメモ…と移り
超一流刑事弁護人に学ぶ、11の上手な｢教え方｣まとめ 【刑事弁護実務の講義ノート付き】 - 弁護士兼務取締役の独り言
このたび、後藤貞人弁護士(大阪弁護士会)･神山啓史弁護士(第二東京弁護士会)･遠山大輔弁護士(京都弁護士会)･陳愛弁護士(大阪弁護士会)という日本屈指の刑事弁護人のもとで刑事弁護実務の基本を学ぶ機会をいただきました。 後藤貞人弁護士は｢後藤先生で無罪判決取れなかったら仕方ない｣と他の弁護士に言わしめるほどのプロ中のプロです。陳愛弁護士は後藤貞人法律事務所で一緒に刑事弁護をしておられます。神山啓史弁護士は足利事件(無罪確定)等の著名な再審請求にたずさわっておられます。遠山大輔弁護士は、Winny事件や舞鶴女子高生殺害事件を担当されました。 このような大阪･京都･東京のトップクラスの刑事弁護人に直接刑事弁護を教えてもらえる機会はなかなかないと思います。 5日間の集中講義(90分×14コマ)でしたが、逮捕直後から最終弁論まで、刑事弁護の基本を徹底的に叩きこんでいただきました。その内容をiPadで
Firefoxの弱点の1つにメモリ消費の大きさが挙げられる。長時間起動したままにしておくとメモリ消費量はどんどん大きくなり、メモリの少ないパソコンではほかの作業ができなくなってしまう。Firefoxを再起動すれば回避できるが、しょっちゅうブラウザを再起動するのは面倒。そこで「AFOM Plus」というアドオンを利用しよう。 指定した間隔ごとにFirefoxのメモリ開放を行ってくれるため、再起動の必要がなくなる。起動したままにしておくと、数百Mバイトものメモリを消費することも珍しくないが、メモリ開放の間隔を短くすれば、常に100Mバイト以内に抑えられるはずだ。 なお、このアドオンは初期設定のままだとFirefox起動時に自動で動作しない。オプション画面からスタートアップ登録しておこう。 「この実験的なアドオンをインストールします」にチェックしてAFOM Plusをインストールし、再起動する
OSC 2011 Hokkaidoの発表で使用したスライド資料です。 弊社が「ブラウザ三国志」や「英雄クエスト」といったゲームを、PHP＋MySQLで構築してきた上で、身につけたノウハウや、注意すべき箇所、指針などをまとめた資料となっています。Read less
作成：2014/01/27 更新：2015/08/07 Web制作 > 前回、Web制作の一連の流れを書きましたが、今回は少し掘り下げて「コーディング」についてのフローをまとめます(HTML5+レスポンシブ+WordPress)。会社によって違うと思いますが、ざっくりとしたコーディングの流れと気をつけておきたいことをメモしています。 エンジニア速報は Twitter の@commteで配信しています。 もくじ コーディング前の準備 １．仕様書の確認 ２．入稿データの確認・スケジューリング HTML5 マークアップ ３．テンプレート作成 ４．条件付きコメント ５．GCF＋キャッシュクリア ６．OGP記述 ７．ファビコン ８．アウトライン作成 ９．バリデーターをチェック CSS の設定 １０．ノーマライズスタイル レスポンシブデザイン設計 １１．モバイルファーストを基準に設計 １２．プログレッ
改行削除するくらいなら gzip したらいいじゃない
CSS や JavaScript ファイルなどを gzip 圧縮して転送量の削減や Web サイト表示速度の向上を実現する方法を解説。既存 Web サイトのソースには一切手を加えない方法でまとめています。おまけでキャッシュ関連の記述もあり。 いや、1バイトの無駄もゆるせねぇんだよとか、難読化したいとかなら別にやればいいんですけど、CSS や JavaScript ファイルの改行やスペースを削除しただけでファイル容量圧縮、読み込み速ーい的なこという人がいるので今さらですが書いてみます。すでに色々なところで書かれてるのでかぶるのは承知の上で。 改行や無駄なスペースなどを削除すること自体が悪いと言ってるわけではありませんのでその辺は誤解ないようにお願いします。ただ、gzip 使って圧縮するのに比べたら、改行削除して削れるファイルサイズなんて微々たるものです。もちろん、両方やれば最大限ファイルサイ
Wordpressで1秒切り！目を疑う高速表示の設定はこれだ！1時間で5万PVでも大丈夫 | iPhone 研究室
先日、Yahoo! ニュースからリンクして頂いたのを切っ掛けに、大量アクセスがありました。いつもは後で気がつくんですけど、たまたま Google Analytics のリアルタイム画面を開いたらその直前にアクセスが爆発していました。通称「Yahoo!爆弾」ってヤツですね。 【追記】現在はコアウェブバイタル対応を完璧にするため、もっとモダンな設定にしています。 iPhone 研究室は WordPress で運営していますが、全く動じないでこの大量アクセスをこなしてくれました。 11時半頃にリンクがあったみたいなんですけど、世の中がお昼休みに入った12時頃から更にアクセスが倍増しました。 だいたい、11時半から12時までの30分で2万ページビュー（PV）、12時から13時までの1時間だけで5万PV位の大量アクセスになりました。 新型iPhoneに関する噂という記事からのリンクだったので、興味を
画像圧縮サイト／TinyPNG
Smart WebP, PNG and JPEG Compression for Faster WebsitesOptimize now
Webデザイナーでもできる、サイトのパフォーマンスをあげる5つの方法 2011-08-28 Webデザイナーが、Webサイトのパフォーマンスを重視する傾向はあまり無いように感じますが重要なことです。 Googleでは、0.5秒遅くなると、検索数が20%減少する amazonでは、0.1秒遅くなると、売り上げが1%減少する という報告もあるようです。Webサイトのパフォーマンスはコンバージョンにも影響する大切な部分。 今回はWebサイトのパフォーマンスを上げる方法を取り上げます。 パフォーマンスアップの前に 応答時間の限界 0.1秒までなら、結果はコンピューターではなく、ユーザーによって引き起こされたように感じる。 1秒までなら、"遅れている"と感じるが、ユーザーの思考は途切れずに、自由に動いていると感じる。 10秒までになると、ユーザーがコンピューターに振り回されている気持ちになり、ストレ
「スプラトゥーン」リアルタイム画像解析ツール 「IkaLog」の裏側 関連コンテンツ Webcamでの動作例 https://www.youtube.com/watch?v=d91xyyA-exA IkaClips の出力例 https://www.youtube.com/watch?v=w6kqbAPq1Rg ささみ 2015年10月 http://ssmjp.connpass.com/event/21108/ Read less
まず一番最初にすることは、Macの動きを遅くしたり鈍らせたりしている原因を突き止めることです。［アプリケーション］＞［ユーティリティ］＞［アクティビティモニタ］を開いて、その時起動しているアプリケーションやプロセッサのリストを見ます。 CPUのところをクリックして、CPUを使っている順に並べ替えてみます（この画像の場合：Firefox）。また、何がIntel アプリで、何がPower PC アプリなのかもチェックしましょう。Intel Macの場合は、Intelアプリのみの方がやっぱりいいです。アクティビティモニタを見て、不要なアプリやプロセッサが起動していたら要注意です。CPUやメモリを無駄に食っているものは、すぐに終了して再起動しましょう。 （2）起動項目を整理する 次は、Macログイン時に自動的に起動しているアプリをチェックしましょう。［システム環境設定］＞［システム］＞［アカウント
ナレッジグラフ推論チャレンジ2021「技術勉強会」 ～ナレッジグラフ利用技術の基礎と推論/説明への活用例～：https://kgrc2021ws.peatix.com/ 資料：https://github.com/KnowledgeGraphJapan/KGRC-ws-2021/tree/main/Section2
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と似てます
使い始めると手放せなくなる、本気の使いこなし系アドオン Firefoxの魅力は軽快な動作速度と豊富なアドオンにある。特にアドオンはFirefoxでしか使えない便利機能も多く、ユーザーが他のブラウザに乗り換えるのをためらう大きな理由になっている。ASCII.jpでは前回の最強アドオン50選で、初心者にも安心してお勧めできる定番アドオンを紹介した。今回は、少々取っつきにくいが、使い始めれば手放せなくなる、やや「上級者向け」の便利なアドオンを集めてきた。 作業環境を快適にしたい まずはじめに紹介するのは、便利な小技系のアドオン。解説が英語だけだったり、使うのに必要なボタンをツールバーのカスタマイズ機能を使って取り出す必要があったり……といった少々の面倒さはあるものの、分かってしまえば手離せなくなるアドオンを紹介していこう。まずはブラウザー自体の高速化や印刷補助など、ユーティリティー系のアドオンか
PageSpeed Insights
This site uses cookies from Google to deliver its services and to analyze traffic.
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
文春オンラインの記事分析を支える爆速ダッシュボードを作るまで｜Shota Tajima
CSSセレクタの高速化の話し - Webtech Walker
はじめてのさくら VPS + CentOS の初期設定からチューニングなどの作業まとめ
なぜ dev.to がこんなにも速く、こんなにも自分にとって感動的なのか
jQuery を高速に使う CSS セレクタの書き方 - てっく煮ブログ
暇人＼(＾o＾)／速報 Windowsに関するどうでもいいスキルあげてこうぜｗｗｗｗｗ
Illustratorを使うとき、私が手放せない10個のスクリプト｜DTP Transit
iPhoneという奇跡:江島健太郎 / Kenn's Clairvoyance - CNET Japan
はてなで大規模サービスのインフラを学んだ - ゆううきブログ
iPhoneでイライラしたくない人へ。最速を求めた１７の設定・Tips・アプリの活用術。
Firefoxと完全互換の高速起動が可能な軽量ブラウザ「Pale Moon」 | フリーソフトラボ.com
MySQLをさらに理解するために読んだ記事まとめ - $shibayu36->blog;
デザイナーやディレクターも知っておきたい、ページ表示速度の高速化の基本
JPGとPNGとGIFの違いを理解できるときれいで軽い画像が作れる！
そろそろ本気でWordPress！Web制作初心者が劇的に成長できるオススメ国内有名ブログ18選 | BLOG ROOM9（ブログルームナイン）
Google Drive スプレッドシートの本気で使える裏ワザ＆アドオンまとめ | Ledge.ai
「思考を整理する方法」を模索して辿り着いた先｜Yuki Fujisaki｜DeployGate Inc.
Firefoxで長時間ネットを見ているとだんだん重くなってくるのを何とかしたい。 | 教えて君.net
大規模ソーシャルゲーム開発から学んだPHP＆MySQL実践テクニック
完璧に分かる！コーディング一連の流れと知識(HTML5+レスポンシブ+WordPress)
Webデザイナーでもできる、サイトのパフォーマンスをあげる5つの方法
「スプラトゥーン」リアルタイム画像解析ツール 「IkaLog」の裏側
Macを大掃除して、快適＆スピードアップ大作戦 | ライフハッカー・ジャパン
ブラウザにやさしいHTML/CSS
上級者向け！ 一歩進んだFirefoxアドオン徹底ガイド (1/7)