プログラミングの幅を広げよう！一段上のPromise活用テクニック - ICS MEDIA
ES2015で登場したPromiseとES2017で追加されたasync/awaitによってJavaScriptのコーディングスタイルは大きく変わりました。Promiseの基本的な使い方を理解していることは「脱初心者」のひとつの指標にもなっているようで、網羅的で優れた解説も数多く存在します。 では、基本をおさえた後の活用方法はどうでしょうか？ 実際のところ実務ではライブラリやフレームワークから返却されたPromiseをそのままawaitするだけ…という使い方がほとんどかもしれません。しかし、これらのライブラリやフレームワークの中で利用されているような高度なPromiseの活用法をマスターすれば、もっと自由なプログラミングができるようになります。 この記事ではPromiseを活用した実践的な例を3つ紹介します。いずれもライブラリやフレームワークに類似の機能を持つものはありますが、仕組みを理解
mac-cleanup - macOSの不要ファイルをまとめて削除
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました macOSを使っていて、徐々にストレージが逼迫してきたことはないでしょうか。多くの場合はキャッシュであり、削除しても問題ないものです。SSDになって容量が減っているケースも増えており、かつての使い方をしているとあっという間に容量不足になってしまいます。 そこで使ってみたいのがmac-cleanupです。コマンドを実行するだけで、不要なファイルをまとめて削除してくれます。 mac-cleanupの使い方 実行したところです。実行時にパスワードが求められます。 $ mac-cleanup : Success! 217 MiB of space was cleaned up mac-cleanupの削除対象はシステムのログやキャッシュ、Adobe、iOS関係、Homebrewをはじめ、R
ファイルが更新されないときのキャッシュの消し方いろいろ（ひとり DevTools Advent Calendar 2020 – 17日目） | Ginpen.com
17 日目の記事です。 DevToolsおれおれAdvent Calendar 2020やります。ひとりで。 ちょっとここおかしいな簡単だからさらりと修正しちゃおうよしほら終わったコミットだデプロイだ、ええとでも反映されないなおかしいな？ そんな経験あると思うんですが、キャッシュって厄介ですよね。DevTools を使ってどうにか強制的に最新版へ更新したりできます。 先にまとめ Network パネルの Disable cache を使おう それはそれとしてキャッシュ戦略うまくやろう キャッシュを利用しているかの確認 Network パネルでリクエストを監視して、一覧の Size の項目に出てきます。 “(disk cache)” がブラウザーが保存していたキャッシュファイルを利用した場合です。ネットワークを利用しませんでした。また再読み込みのときに “(memory cache)” にな
検索を活用したニュース記事に関するおすすめの方法
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
WordPressでCSSとJSのキャッシュ対策を行う - to-R Media
JavaScriptファイルやCSSファイルをCDNにキャッシュさせるケースはよくあると思います。その場合、同じファイル名だと更新してもキャッシュが効いてしまって更新されません。 ファイル名のGETパラメータにタイムスタンプを加える <link rel="stylesheet" href="<?php site_url(); ?>/assets/css/main.css?date=<?php echo date(YmdHis); ?>"> 目的は達成できていますが、ブラウザにキャッシュさせることができず、都度ファイルを取得してしまいます。パフォーマンス面は最悪です。 手動でバージョンを記述する
ウェブ制作に便利な各ブラウザの開発ツール「キャッシュ無効化」機能
コードを書いて、ブラウザでチェックして… 画像を書き出して、ブラウザでチェックして…という作業をしていて、ブラウザのキャッシュが残っていて困ったことってありませんか？ そんな時に便利なのが開発ツールのキャッシュ無効化機能です。Firefox、Chrome、Safari、Microsoft Edgeのそれぞれの開発ツールに搭載されている機能です。ちょっとしたことなんですけど、知っているのとそうでないのとでは作業効率がだいぶ変わってくるんですよね。 以下、各ブラウザの開発ツールで設定を変える方法です。 Firefoxの開発ツールのキャッシュ無効化 Firefoxの開発ツールで「ネットワーク」タブを開くと「キャッシュを無効化」というオプションがあります。ここにチェックを入れるとツールボックスが開いている時はキャッシュが無効化されます。 開発ツールの設定からオプションを変更する 開発ツールの設定画
Chrome・Safari・IE・Firefox・EdgeのキャッシュとCookie削除方法まとめ
By jirkaejc ウェブブラウザに、ユーザーが閲覧したページの情報を一時的に保存するキャッシュや入力した情報を保存しておくCookieには、次回以降の閲覧時にウェブサイトを早く読み込んだり、IDやパスワード入力の手間を省いたりする役割があります。しかし、個人情報流出や予期せぬエラーの原因となってしまう可能性もあるため、場合によっては削除が必要になることもあります。各OSやブラウザごとに削除の手順が異なるので、キャッシュとCookieを削除する方法についてまとめてみました。 目次： ◆Windows＋Chrome ◆Windows＋IE ◆Windows＋Firefox ◆Windows＋Edge ◆macOS＋Chrome ◆macOS＋Safari ◆macOS＋Firefox ◆iOS＋Chrome ◆iOS＋Safari ◆iOS＋Firefox ◆Android＋Chrome
WordPressを劇的に高速化、1秒以内に表示されるフロントエンドの構築方法 -Zero-latency WordPress Front-end
サーバーサイドのレンダリング（SSR）を使用して、数分の1秒以内にページが高速に表示されるWordPressのフロントエンドを構築するテクニックを紹介します。 バックエンドのキャッシュと組み合わせることで、非常に高速になり、しかも安価にWordPressサイトを構築できます。 Zero-latency WordPress Front-end -GitHub 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様のライセンスを元に翻訳しています。 デモページ サーバーサイドのレンダリング（SSR） バックエンドのサービス 非キャッシュページのアクセス キャッシュページのアクセス キャッシュのパージ 始めてみよう Nginxの設定 バックエンドのJavaScript フロントエンドのJavaScript Cordova 終わりに デモページ サンプルのコードで何ができるのか
敵か？味方か！？ブラウザキャッシュに立ち向かう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、Webディレクターのともぞうです。 今回は敵にも味方にもなるなー、と感じる「キャッシュ」についてです。 なぜキャッシュについて知っておくべきなのか Webサイトを制作・運用していると必ず行うのが「ブラウザテスト」です。さまざまなブラウザで見たときに、正しく表示されているか検証するものです。 このブラウザテストでは。デザイン通りに描画されているか、意図通りに修正されているかなどを確認します。 お願いしたものに対して修正が終わり、「アップしました！」と報告をいただいて、いざブラウザを開いてみると……「あれ？ 変わっていない？」なんてことがあったりします。 そういうときの原因としては、以下の3つの可能性が考えられます。 ブラウザキャッシュ ファイルのアップ漏れ 修正できていない 実は、この中で1のブラウザキャッシュが原因の場合が一番頻度が高いです。 キャッシュはたまに悪意なく真実を隠
WebサイトにSNSシェアボタンを設置する方法のまとめ - Qiita
ソーシャルシェアボタンの設置方法のまとめです。GoogleアナリティクスによるSNSボタン押下数の効果測定やFacebookでキャッシュクリアしないと正しく出なかったりする件の対処法、ogpタグなど、いくつかハマったものの解決方法も併せて記載しています。 ■ ソーシャルボタンの表示サンプル ■ シェアしたときの表示サンプル（google+の例） 1.対応しているSNS 本記事で対応しているSNSは以下です。 Facebook（※いいねボタンではなくシェアボタンです） Twitter Line Google+ はてブ 2.シェアボタンを実装する前にやること シェアボタンを実装する前に、以下の内容を検討して下さい。 メタタグやogpタグが適切に記載されているか？ → ないと魅力半減です。 GoogleアナリティクスでKPI測定するか？ → シェアボタン押された回数計測できます 2.1 メタタグ
最新版！WordPressのブログやサイトの運営に役立つプラグインのまとめ
WordPressのデザイン、記事の投稿、コンテンツ配信、検索エンジン最適化、メンテナンス、バックアップ、セキュリティ、パフォーマンス、アンケート、ショッピング機能など、ブログやサイトの運営に役立つWordPressのプラグインを紹介します。 WordPress Plugins We Use プラグインは、海外のWeb制作系ブログ「CSS-Tricks」で実際に利用されている厳選プラグインで、それをなぜどのように使用しているのか非常に参考になりました。 CAPTCHAはコメントではなく、管理画面のログインに使用しているとか、なるほどと思いました。 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 コンテンツ配信 検索エンジン最適化 メンテナンスとセキュリティ パフォーマンス デザインと記事の編集 パーミッションとモデレーション 販売 使
Accelerated Mobile Pages - モバイルのWeb体験を加速化する
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました スマートフォンの世界ではとにかく表示の高速さが問われています。少し詰まっただけでもユーザは嫌がってしまうでしょう。そのためにはレスポンスを高速に返すのは基本として、他にもできることが幾つかあります。 GoogleやTwitterが考え出したのがAccelerated Mobile Pages（AMP）です。外部サイトのコンテンツをキャッシュして表示する技術で、これによって高速表示を可能にしようというのです。 Accelerated Mobile Pagesの使い方 Accelerated Mobile PagesではAdSenseやGoogle Analyticsのような仕組みはそのまま使えるようです。他にもYouTubeやPinterestのようなところも提供しています。 例えば
ディレクターなら知っておきたいキャッシュサーバ「memcached」の基礎知識【PHP編】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ディレクターのJackです。 夏が終わりますね。今年は夏らしいことを一切やっておりません。浜辺でBBQがしたいです。 さて、今回は下記の続編です。 前回はtelnetからmemcachedを利用する方法をご紹介させていただきましたが、本日はPHPからmemcachedを利用してみましょう。 実際にコーディングしてみるとテンション上がりますよね。 memcachedとは？ まずは前回のおさらいから。 memcachedとは、データとオブジェクトをメモリ内にキャッシュするサーバで、データベースからの参照回数を削減する際に利用します。特に、データベースを用いたWebサイトを高速化するために用いられます。 memcachedライブラリをインストールする 今回はPHPから利用するため、memcachedライブラリをインストールします。 インストール環境も前回と同じ「Ubuntu 14.0
ディレクターなら知っておきたいキャッシュサーバ「memcached」の基礎知識 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。ディレクターのジャックです。 入社してようやく3ヶ月が経ちました。月日が経つというのはあっという間ですね。 最近は、クライアント様との打ち合わせにもよく参加させていただいております。 その際に少なからず話題に上がるのは、技術の話。 たとえば、「システムのセキュリティを担保するためのサーバ構成は？」とか「このキャンペーンサイトの負荷対策ってどうしたら良い？」とかですね。 クライアント様との打ち合わせで技術的な話になった際に、「持ち帰ってエンジニアに確認します！」みたいなことにならないように、必要最低限の技術知識はディレクターにも必要になってきている感じがします。 そこで、今回はWebサイト構築では必要不可欠な負荷対策について簡単にお話したいと思います。 本日お話したいのは、memcached (memory cache daemon) についてです。 memcachedとは？ m
404エラーで消えてしまったページを各種キャッシュサービスから掘り起こすChrome拡張「Web Cache」
404エラーで消えてしまったページのキャッシュを、Google・Yahoo・Bing・InternetArchiveなどの各種キャッシュで一度に探すことができる、Google Chrome用の無料拡張機能が「Web Cache」です。。 Web Cache - Chrome ウェブストア https://chrome.google.com/webstore/detail/web-cache/coblegoildgpecccijneplifmeghcgip?utm_source=chrome-app-launcher-info-dialog Web CacheをインストールするにはGoogle Chromeで上記のリンクを開いて、「CHROMEに追加」をクリック。 ポップアップウィンドウが表示されるので、「追加」をクリック。 「Web CacheがChromeに追加されました」と表示されたら
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
便利なのが登場！ これ一つでWeb制作に役立つ機能がたくさん使用できるChromeの拡張機能 -SuperDev
Capital P – WordPressエキスパートによるデジタル・メディアハブ
初心者ブロガー指南：Naifix-起業バカ
ソニック速報
bbfriend.net