アクセス解析ツール「Google Analytics 4」の実装・設定・活用のための情報サイト 株式会社HAPPY ANALYTICSの代表、小川卓によって個人運営されています。
アクセス解析ツール「Google Analytics 4」の実装・設定・活用のための情報サイト 株式会社HAPPY ANALYTICSの代表、小川卓によって個人運営されています。
CSS Snapshot 2020 W3C Working Group Note, 22 December 2020 This version: https://www.w3.org/TR/2020/NOTE-css-2020-20201222/ Latest published version: https://www.w3.org/TR/css-2020/ Editor's Draft: https://drafts.csswg.org/css-2020/ Issue Tracking: CSSWG Issues Repository Editors: Tab Atkins Jr. (Google) Elika J. Etemad / fantasai (Invited Expert) Florian Rivoal (Invited Expert) Suggest an Edit fo
2021年12月18日 CSS, ダウンロード FlexboxとはFlexible Box Layout Moduleのことで、その名の通りフレキシブルで簡単にレイアウトが組めちゃう素敵ボックスです。現在ほとんどすべての最新ブラウザーでFlexboxをサポートしており、Flexboxを使ったレイアウト組みが今後のWebデザインのスタンダードとなるでしょう。Webクリエイターボックスでは以前からFlexboxの使い方について紹介してきたのですが、最近Flexboxが浸透してきたこともあってか各プロパティの使い方について質問される機会が増えてきたので、チートシートとしてまとめてみました。この記事ではなるべく画像メインでプロパティーの使い方を紹介したいと思います! ↑私が10年以上利用している会計ソフト! 動画で学ぶCSS Flexbox この記事はYouTube動画でも解説しています。動画派の
Nginxは高速化だけではありません。Webサーバー以外への応用事例として、ロードバランサー、HTTPS対応、WAFとしての利用を紹介します。 連載目次 Nginxの活用 「高速・軽量・高機能WebサーバーのNginx」連載の最終回にあたり、今回はNginxのWebサーバー以外の活用方法を紹介します。 NginxはWebサーバー以外にも、ロードバランサーやHTTPSサーバー、WAF(Webアプリケーションファイアウォール)、キャッシュサーバーとして利用することができます。そもそもNginxが開発されたのは、Apache HTTPDのロードバランシング機能に対するパフォーマンス不足からでした。そのためNginxのロードバランシング機能はパフォーマンスが高く、またさまざまな付加機能を持ち合わせています。 例えばHTTPSとロードバランサーを組み合わせHTTPSアクセラレーションを実現したり、W
処理能力の高さなどを理由に、近年、大規模サイトを中心に急速にシェアを拡大しているWebサーバー「Nginx」。この連載では、その特徴と魅力を分かりやすく紹介します。 第3のWebサーバーとして注目を集めるNginx 1日に数億リクエストを処理するような大規模サイトを中心に、近年急速にシェアを拡大しているWebサーバーが「Nginx(エンジンエックス)」です。HTMLドキュメントや画像ファイルといった静的コンテンツを高速で配信し、消費メモリが少なく、リバースProxyやロードバランサーといった機能も有した注目の軽量Webサーバーです。ネットクラフト社の調査によると、2014年6月時点でApache HTTP、Microsoft IISに次ぐ第3位のシェアを獲得しています。 依然としてApache HTTPやMicrosoft IISのシェアは高いものの、Nginxの認知度は日に日に高くなって
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Webブラウザで何でもできるといった時代になっていますが、それでもターミナルは必要です。開発者がコマンドを打ったり、サーバ管理でシステム操作をしたりするのにWebブラウザではとても作業していられないでしょう。 しかしそんな壁を乗り越えてしまうソフトウェアがButterflyです。何とWebブラウザベースで動作するターミナルアプリケーションです。 Butterflyのインストール ButterflyはPython製で、pipでインストールできます。 $ pip install butterfly インストールが終わったらサーバを立ち上げます。 $ butterfly.server.py これで準備完了です。 Butterflyの使い方 **http://localhost:57575
(Monitoring Casual Talk in Kyotoで発表してきたので、ブログエントリにまとめ直しました) 2013年はインフラ周りの技術的な進化が大きく、いくつかのエポックメイキングな概念と実装が産まれました。個人的には特に以下の2つが大きいと思っています。 AWSの本格普及期 DockerとImmutable Infrastructure これらを踏まえて、2014年のウェブシステムの進化の方向性を考えてみます。また、それによるモニタリングへの影響もあわせて考えます。だいぶ長くなってしまったので、急ぐ人は最後に結論をまとめましたので、そちらからどうぞ! 2013年という時代背景 AWSが本格普及期を迎えているのは、言わずもがなのことで、Re:Inventでの246件という膨大のセッション数などにその勢いが表われています。 また、DockerはLXC (LinuX Conta
Intro Google が SPDY の開発を始めたのは 2009 年で、 2012 年に HTTP2.0 のドラフトとして採用されたあたりからちょっと話題になりました。 翌 2 月には新たなプロトコル QUIC の存在が Chromium のソースからリークしたのですが、しばらくは音沙汰なく。 6 月に入ってやっと Google から公式アナウンスとドキュメント類が出ました。 去年から今年にかけて立て続けに出てくる新しいプロトコルの話。 なぜ今 Web のプロトコルが見直されるのか? 何が問題で、なぜ Google はそれらを作り変えるのか? SPDY や QUIC は Google の独自プロトコルだけど、それは本当にただの独自プロトコルで終わらせていいのか? 20% ルールで作ってみた Play プロジェクトでしかないのか? こうした新しい動きには、かならず「それまで」と「今」を踏
こんにちは! 小学1年生の頃、私のおでこと小学6年生の男の子の前歯がぶつかり、相手の前歯を折ってしまった石頭ライターのうららです。 そんな思い出も、FacebookやTwitterなどのツールでシェアすることが可能になりましたね。 時代はシェアです! ということで、今回はタスク管理をシェアできるWebサービスをまとめてみました! ちなみに、ここで紹介するサイトはすべて・・・ オンラインでファイル共有が可能 マルチデバイスに対応 となっております! すごい! 3行で紹介するのが流行っているそうなので、そんな感じで紹介していきます! それではスタート! 【こちらもおすすめ】 ☞ タスク管理ツール「Trello」をもっと便利にするChrome拡張機能まとめ 完全無料のタスク管理ツール Trello https://trello.com/ 英語にのみ対応 上の写真にある通り、 カードを組み立ててい
最終回となる今回は、Megaというサービスを題材に、クライアントサイドでの暗号化とバイナリデータの扱いについて取り上げます。 Megauploadの閉鎖と復活 2012年1月19日、Megaの前身となるMegauploadが、FBIの強制捜査を受け閉鎖しました[1]。Megauploadはオンラインストレージサービスですが、閉鎖時には登録ユーザ数が1億8,000万人、アップロードされたファイルが合計25PB(ペタバイト)あったといいます。 Megauploadのようなオンラインストレージサービスを、「サイバーロッカー」と呼びます。同種のサービスには、おおむね次のような特徴があります。 大容量のファイルをアップロードすることが可能である 同時ダウンロード数や速度が制限されていて、有料会員登録することでダウンロード速度が速くなる ファイルをアップロードすることで報酬を得られるプログラムがあ
Circle Controller HUE/360 Ver.0.1.3 © 2012 SAUCER.JP
先週金曜日にエンジニアサポートCROSS2013に行ってきた。目当ては @Jxck_ さんホストによる次世代Webセッション。セッション自体は前後半に分かれていて 前半はプロトコル編。SPDY (wikipedia) や HTTP/2.0 の動向やその課題点など 後半はアーキテクチャ編。プロトコルが変わった上で、その上で動くソフトウェアのアーキテクチャが云々 という内容でした。前半がより技術寄り、後半はテーマ的にもより広範の話題を扱うという感じでどちらも面白かった。 CROSS 2013レポート(2) - mad-pの日記 こちらに細かいログがあります。 話の前提になる SPDY や HTTP/2.0 周りの昨今については 【HTTP 2.0の最新動向】 第1回:HTTP/2.0の策定、ついに始まる - INTERNET Watch Watch 【HTTP 2.0の最新動向】 第2回:HT
これまでこの連載では、1つ1つのプロトコルごとに、その仕組みや動作を説明してきました。今回は少し視点を変えて、実際の通信を行うときの様子を考えてみます。どのプロトコルとどのプロトコルを組み合わせ、その間でどんなやりとりをしているのか。こういった部分が明らかになると、これまでモヤッとしていた全体像が、よりはっきりと見えてくるはずです。題して「パケット君の冒険旅行」。さあ始めましょう。 ・説明は身近で分かりやすいものにしてください 私たちが普段最もよく使っているものの1つが、Internet Explorerなどのウェブブラウザでしょう。ウェブブラウザならそれ自身の動作の説明も必要ないと思いますので、説明は「ウェブブラウザでウェブページを見る」場合を取り上げることにします。 ・ウェブを見るのにも複雑な動作をしているのですか 一言で「ウェブを見る」といいますが、そのためには、図1に示すように、(
いま、見ておきたいウェブサイト 第87回It's time for Skype.、Lotta Nieminen、Mercedes-Benz.com いよいよ梅雨が明け、本格的な夏の到来に向けてアイスの買い置きを始めた今日このごろ、皆様いかがお過ごしでしょうか。今回も個人的に感じた、素晴らしいサイトの特徴をいくつかお話したいと思います。 コミュニケーションのすべてをSkypeで It's time for Skype. 1200万USドルを投入して、アメリカとイギリスで行われているインターネット電話サービス「Skype」のキャンペーン、「It's time for Skype.」のウェブサイトです。 図1 「Skype」によるキャンペーンサイト、『It's time for Skype.』 credits:Pereira & O'Dell、B-Reel、Phosworks ウェブサイト
ここで得た言葉を元に配色を組み立てていくことになるので重要な部分です。 伝えたいイメージは多くの場合、「明るい」「可愛い」「落ち着いた」などの形容詞で表現されることが多いです。 ただ、言葉から連想されるものは人により誤差がありますので、 参考となるサイトや、商品など具体的にイメージしてるものも挙げてもらうと良いです。 下記はGoogleの画像検索「高級」の結果です。人によって抱くイメージは様々です。 「○○のような高級感」と具体的に伝えてもらうと良いです。 2.調査 競合となる他社サイトの配色を調査し、それらと同じような配色になることは避けます。 ただし同業の全てのサイトと被らないようにするのは無理があるので、 商圏内で競合となる他社のみを比較対象とします。 また、既にクライアントが名刺やパンフレット、フライヤー、ノベルティやなどを制作していたら見せてもらったり、 店舗であれば外観・内装の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く