タグ

Webとwebに関するyoppiblogのブックマーク (70)

  • Python and Real-time Web | Eat at Joe's

    Introduction I had interview for the Flask book recently and some questions were related to realtime functionality - how it works, how to integrate realtime portion with conventional WSGI applications, how to structure application code and so on. We used Google Hangouts and it was supposed to record interview, but it failed. So, I decided to write elaborate blog post instead, in which I will try t

    yoppiblog
    yoppiblog 2013/06/25
    リアルタイムweb
  • Server-side HTML vs. JS Widgets vs. Single-Page Web Apps

    Server-side HTML vs. JS Widgets vs. Single-Page Web Apps At the recent GOTO Chicago conference, I gave a talk on "Frontend Architectures: from the prehistoric to the Post-modern." In just my first 10 months at Coursera, I've experienced the joys and woes of many different frontend architectures, and I wanted to share what I learnt. I detail everything in the slides, but I'll summarize my thoughts

    yoppiblog
    yoppiblog 2013/06/03
    今後single pageがそこそこ主流になるのでは
  • Evolution of SoundCloud’s Architecture

    Evolution of SoundCloud’s ArchitectureAugust 30th, 2012 by Sean Treadway This is a story of how we adapted our architecture over time to accomodate growth. Scaling is a luxury problem and surprisingly has more to do with organization than implementation. For each change we addressed the next order of magnitude of users we needed to support, starting in the thousands and now we’re designing for the

    yoppiblog
    yoppiblog 2013/05/20
    soundcloudのアーキテクチャ
  • 動画と再生リストを埋め込む - YouTube ヘルプ

    ウェブサイトやブログに YouTube の動画や再生リストを埋め込んで追加できます。 教育者の方は、ご利用の教育技術プラットフォームに問い合わせて、YouTube コンテンツをクラスに埋め込む方法をご確認ください。 動画または再生リストを埋め込む 埋め込みたい YouTube 動画または再生リストをパソコンで開きます。 [共有] をクリックします。 共有オプションのリストから [埋め込む] をクリックします。 ボックスに表示されている HTML コードをコピーします。 ウェブサイトの HTML にコードを貼り付けます。 ネットワーク管理者の場合: ファイアウォールの許可リストに youtube.com を追加する必要があります。 重要: 子ども向けのウェブサイトやアプリに YouTube コンテンツを埋め込む場合、ツールを使ってウェブサイトまたはアプリを自己申告する必要があります。自己申告

  • Step-By-Step Landing Page Copywriting

    February 19, 2013 - The Web App Challenge Step-By-Step Landing Page Copywriting Let me start by warning you: This is a long post. I want to take you through the process of writing and designing the ConvertKit sales page. As you’ll see, I had a huge amount of help from Amy Hoy. Throughout the process she gave great advice on copywriting that I’d like to share here. Besides, what’s better than an ac

    Step-By-Step Landing Page Copywriting
  • Safari 開発メニューのユーザーエージェントのリストを変更する : Safari Realized

    2010年06月14日13:52 Posted intips Safari 開発メニューのユーザーエージェントのリストを変更する Safari の 開発メニュー をオンにすると簡単にユーザーエージェントを変更することができます。 ここで選択できる UA はあらかじめ決まっています。 「その他…」で手入力することはできますが、よく使う UA をその度に手入力するのはあまりにも不便です。 その場合は直接デフォルトのリストを変更してしまうのが良いでしょう。 UA のリストを管理しているのは UserAgents.plist それでは早速 UA のリストを変更してみましょう。 UA のリストは UserAgents.plist というファイルで管理されています。 Mac /Applications/Safari.app/Contents/Resources/UserAgents.plist(Saf

    Safari 開発メニューのユーザーエージェントのリストを変更する : Safari Realized
  • userAgent一覧

    ブラウザの判別や携帯の機種判別に利用するためのユーザーエージェント一覧です。ただし、ユーザーエージェントは詐称(偽物)される場合があるため、完全にユーザーエージェントでブラウザなどの判別ができるわけではありません(詐称の方法のページを参照)。ここに掲載されているものは、このサーバーなどに対してアクセスしてきたユーザーエージェント名などを抽出したものなどです。あまりに古いブラウザおよびマイナーなブラウザに関してはアクセスログがないため掲載できていません。 [トップページに戻る] ■iPhone ●iOS Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1C28 Safari/419.3 ●iOS2 Mozilla/5.0 (iPhone

  • http://designaholic.cc/2012/03/post-128.html

    http://designaholic.cc/2012/03/post-128.html
  • 先輩と覚える HTTP ステータスコード

    gistfile1.md 先輩に学ぶ HTTP Status Code 超雑にまとめました。修正してください。 登場人物 アプリケーション先輩: いつも忙しい。横に広がるのが得意(デブじゃない)。 後輩: 頼んでばっかしで役に立たない。 サーバー先輩: アプリケーション先輩と仲がいい。Unix Socket でつながるくらい仲良し。 プロクシ先輩: アプリケーション先輩とかサーバー先輩と後輩の間を取り持って代わりに伝えたりしてくれる。たまに勝手にレスポンスを書き換える。 1xx 系 100 Continue 後輩「あ、先輩!お願いが!」 アプリケーション先輩「おー、聞いてやる。詳しく話せ」 101 Switching Protocols 後輩「せんぱーい、お願いなんですけどー」 アプリケーション先輩「ちょっと待て、お前 HTTP 1.0 で喋るな、 HTTP 1.1 か TLS 1.0 で

    先輩と覚える HTTP ステータスコード
    yoppiblog
    yoppiblog 2012/08/20
    よい
  • phpMyAdminのsetup.phpの脆弱性を突くサイバー攻撃を確認 - Snufkinski Memo

    ちょっとセキュリティ関連が続きますが、これはちょっとヤバイので公開メモ。 MySQLの管理インタフェースとしてphpMyAdminを利用されている方は多いと思いますが、 ここ数日、Apache の access_log に以下のような怪しげな痕跡があったので気になって調べてみました。 パターン1 GET //phpmyadmin/config/config.inc.php?p=phpinfo(); GET //pma/config/config.inc.php?p=phpinfo(); GET //admin/config/config.inc.php?p=phpinfo(); GET //dbadmin/config/config.inc.php?p=phpinfo(); GET //mysql/config/config.inc.php?p=phpinfo(); GET //php-m

    phpMyAdminのsetup.phpの脆弱性を突くサイバー攻撃を確認 - Snufkinski Memo
  • RESTful Web アプリの設計レビューの話

    1. RESTful Web アプリの 設計レビューの話 和田 卓人 (a.k.a id:t-wada or @t_wada) July 23, 2012 @ sendagaya.rb 3. 自己紹介 名前: 和田 卓人 (わだ たくと) ブログ: http://d.hatena.ne.jp/t-wada メール: takuto.wada@gmail.com Twitter: http://twitter.com/t_wada タワーズ・クエスト株式会社 取締役社長 4. 私と REST (input) • WEB+DB PRESS vol.32「REST アーキテクチャスタイル入門」 • はてぶ設計議論 • DHH の RubyKaigi 2006 Keynote • WEB+DB PRESS vol.38∼「REST レシピ」 • 『RESTful Web Service』

    RESTful Web アプリの設計レビューの話
  • ブラウザのキャッシュを活用する  |  PageSpeed Insights  |  Google for Developers

    ブラウザのキャッシュを活用する コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 このルールは、サーバーからのレスポンスにキャッシュ ヘッダーが含まれていないことや、リソースが短時間のみキャッシュされるよう指定されていることを PageSpeed Insights が検出した場合にトリガーされます。 概要 ネットワークを介したリソースの取得は速度が遅く、コストもかかります。ダウンロードにはクライアントとサーバーの間で複数回のラウンド トリップが必要となることがあり、処理が遅延しページ コンテンツの表示が妨げられます。また、訪問者のデータ費用も増大します。クライアントが以前に取得したレスポンスを再利用してよいかどうかやその有効期限を判断できるよう、すべてのサーバー レスポンスにキャッシュ ポリシーを指定することをおすすめします。 推奨される解決方法 各リソース

    ブラウザのキャッシュを活用する  |  PageSpeed Insights  |  Google for Developers
  • TIPS >> Blog Archive >> URL の最大長は何文字?

    ユーザーエージェントおよびサーバの実装に依存します。スキーム、ホスト名を含めて、255 バイト以下は安全です。メジャーなブラウザとサーバに限定すれば、2000 バイト程度までは使えるでしょう。 SGML では 1024 文字 HTML のスーパーセットである SGML では、LITLEN=1024 文字とされています。 RFC2070 | URL の長さの制限って | HTML 4のSGML宣言 HTML 4.01 では 65536 文字 HTML 4.01 では LITLEN=65536 文字です。 HTTP では未定義、255 バイト以下を推奨 RFC2616 (HTTP/1.1) には、URL の長さに関する規定はありません。ただし、 Note: Servers ought to be cautious about depending on URI lengths above

  • 熱門文章 - Disp BBS

    12-13 (xxxxqay.) grace 張益贍 林洲民 姚立明 柯昱安 我覺得討厭是一回事 因為相處不愉快 沒有人會喜歡對方的 但有辦法不合作之後 還能讓對方持續一直修理你 這真的是不同境界的東西耶 柯粉會不會是根不認識柯文…

    熱門文章 - Disp BBS
    yoppiblog
    yoppiblog 2011/12/21
    うち的2011 best webapp
  • 日本の伝統色 和色大辞典 - Japanese Traditional Color Names

    原色大辞典とは 原色大辞典は1997年にオープンしたネットの色見サイトです。 9種類の色見と色に関する各種サービスから構成されています。 色見コンテンツは ブラウザで定義されているHTMLカラーネーム、 日の伝統色、 世界の伝統色、 Webセーフカラー、 パステルカラー、 ビビッドカラー、 モノトーン、 地下鉄のシンボルカラー、 国鉄制定の塗装色 の9つから構成され、特に日の伝統色は古来伝わる先人の色彩感覚を現代に伝えるものとして多くの方々から支持をいただいています。 文字列と背景色の組み合わせを試せる配色大辞典、 規則性のある組み合わせから色を選べる配色パターン。 色見の他にも、今日のラッキーカラー、 コトバから色を解析して調合する成分解析、 ストライプを生成するストライプメーカー、 グラデーションを生成するグラデーションメーカー、 あなたの好きな色と色を調合する色調合、 サ

    日本の伝統色 和色大辞典 - Japanese Traditional Color Names
  • 日本の伝統色「和色」の名前が風流でかっこいい!

    「和色」って聞いたことありますか? これは日の伝統色のことで、なんとその数は400以上にも上るのだそうです。たしかに一言で「赤」といっても、様々な赤がありますよね。くすんだものやビビッドなもの...日ではそれらの色にそれぞれ名前を付け、区別してきたのです。 さて、その和色の名前がとにかくかっこいい! とネットで評判になっていました。まずは和色名の一部をザッとご覧ください。 桜、珊瑚、真朱(まそお)、躑躅(つつじ)、牡丹、臙脂(えんじ)、茜、蘇芳(すおう)、真紅、女郎花(おみなえし)、杏、真赭(まそほ) 駱駝(らくだ)、胡桃(くるみ)、琥珀、煉瓦、紅鳶(べにとび)、弁柄(べんが)、赤銅(しゃくどう)、蜜柑(みかん)、朱、蒲公英(たんぽぽ)、向日葵(ひまわり)、山吹、金(うこん)、金色(こんじき)、黄金(こがね)、芥子(からし) 藍海松茶(あいみるちゃ)、空五倍子(うつぶし)、亜麻、鶯(

    日本の伝統色「和色」の名前が風流でかっこいい!
  • Architectural Styles and the Design of Network-based Software Architectures

    UNIVERSITY OF CALIFORNIA, IRVINE Architectural Styles and the Design of Network-based Software Architectures DISSERTATION submitted in partial satisfaction of the requirements for the degree of DOCTOR OF PHILOSOPHY in Information and Computer Science by Roy Thomas Fielding 2000 Dissertation Committee: Professor Richard N. Taylor, Chair Professor Mark S. Ackerman Professor David S. Rosenblum

    yoppiblog
    yoppiblog 2011/10/14
    Webアプリに限らずネットワークを介するアプリなら重要だなぁ
  • クラウド時代のアーキテクチャ設計

    The document discusses Amazon Web Services (AWS). It begins with an introduction and overview of key AWS services including Elastic Compute Cloud (EC2), Simple Storage Service (S3), Elastic Block Store (EBS), Relational Database Service (RDS), and availability zones. It then provides demonstrations of setting up EC2 instances, load balancing, auto scaling, virtual private clouds and RDS across ava

    クラウド時代のアーキテクチャ設計
  • Blog - Primate Labs

    Following years of feedback and test iteration with our customers, partners, and the AI engineering community, our machine learning benchmark is now ready for general use, and it has a new name: Geekbench AI. Find out more about Geekbench AI 1.0 on the Geekbench Blog. Geekbench ML 0.6, the second preview release of Primate Labs' new machine learning benchmark, is now available for download. Geekbe

    yoppiblog
    yoppiblog 2011/07/21
    ここのフォントと背景のデザインいい
  • Julia Map

    Julia set html 5 renderer.

    yoppiblog
    yoppiblog 2011/06/24
    jsでここまで実装できるってすごい