タグ

2020年6月7日のブックマーク (12件)

  • フォーム入力バインディング — Vue.js

    ガイド 基的な使い方 インストール はじめに Vue インスタンス テンプレート構文 算出プロパティとウォッチャ クラスとスタイルのバインディング 条件付きレンダリング リストレンダリング イベントハンドリング フォーム入力バインディング コンポーネントの基 コンポーネントの詳細 コンポーネントの登録 プロパティ カスタムイベント スロット 動的 & 非同期コンポーネント 特別な問題に対処する トランジションとアニメーション Enter/Leave とトランジション一覧 状態のトランジション 再利用と構成 ミックスイン カスタムディレクティブ 描画関数とJSX プラグイン フィルター ツール 単一ファイルコンポーネント テスト TypeScript のサポート プロダクション環境への配信 スケールアップ ルーティング 状態管理 サーバサイドレンダリング セキュリティ 内部 リアクティブ

    フォーム入力バインディング — Vue.js
  • tcpdumpとiptablesで理解するTCPのハーフコネクション・ハーフオープン(half-open connection) - Qiita

    tcpdumpiptablesで理解するTCPのハーフコネクション・ハーフオープン(half-open connection)iptablesTCPtcpdump TCPでデータを転送する場合、データの転送を行う前にコネクションが確立されている必要があります。 一方で、TCPは、状態を持つ(ステートフルな)プロトコルであり、サーバ、クライアントそれぞれが状態を持つことになります。 TCPのハーフコネクション・ハーフオープンは、サーバまたはクライアントのノードが、他方に知らせることなく終了した場合などに発生し、そのどちらかのノードのみがコネクション接続状態となっていることを示します。 この状態となってしまった場合、そのコネクションを使った通信には応答が返ってくることありません。コネクションプールで常時接続を行うアプリケーションでは、応答が返らないことで障害が長期化する恐れがあります。

    tcpdumpとiptablesで理解するTCPのハーフコネクション・ハーフオープン(half-open connection) - Qiita
  • TCPシェイクハンドとKeepAliveについて - 日報 #152 - 俺の報告

    3ヶ月間ブログ休んでましたが、 まぁそういうこともあるよね。 大事なことは続けることだと思いますんで、グッと面の皮を厚くして今まで通りいきますね。 さて、 色々な求人媒体様ならびにFBでもさかんに言ってますが、 RoomClipのエンジニア大募集中でございます。 iOS、Android、サーバサイド、インフラ、UI/UX、 全方位に人材不足なので、どの方面から始めても、どの方面にも成長できます。 そして「俺ならもっとすごいのつくれるのに!」と思っいながらも、 日々決められたフレームワークで開発せざるを得ない敏腕エンジニアの方。 ぜひウチで腕試しにいらっしゃってください。 バチバチしましょう。 とにかく、少しでも興味ある人は、このブログへのコメントでもなんでも結構ですので、 ご連絡下さいませ。「ちょっと話してみたいんだけど」的なノリも大歓迎です。 Wantedlyさまからも募集要項だしており

    TCPシェイクハンドとKeepAliveについて - 日報 #152 - 俺の報告
  • マルチホストでのDocker Container間通信 第2回 Port Forwarding と Overlay Network - Uzabase for Engineers

    こんにちは。SPEEDA開発チームの鈴木です。 前回はマルチホストでのDocker Container間通信の説明の前段として、Dockerのネットワークが次のようになっているという話をしました。 今回はいよいよ、マルチホストでどうやってDocker Container同士の通信を実現するのかを説明していきます。 はじめに DockerによるContainerのマルチホスト間通信 Port Forwarding Overlay Network 1. Docker Swarm mode 2. 分散KVSとdocker network create -d overlayコマンドを使って自前で構築 3. flannelのようなOverlay Network構築ツールを使う Overlay Networkだけで解決できないこと シリーズ はじめに マルチホスト間でのDocker Container

    マルチホストでのDocker Container間通信 第2回 Port Forwarding と Overlay Network - Uzabase for Engineers
  • Vuexを使って絞り込み機能を実装してみた - ROXX開発者ブログ

    こちらはVue.js #4 Advent Calendar 2017 - Qiita 12日目の記事です。 株式会社SCOUTERの小平(id:ryotakodaira) です。 今回はVue.js用の状態管理パターン+ライブラリの「Vuex」を使って、一般的なサービスでよく見かける絞り込み機能を例に実際の実装方法を紹介していきます。 Vuexを導入することでアプリケーションの状態を集中的に管理でき、状態の変更を特定の場所からのみ許可することで予期しない状態変更が起きにくいなどのメリットがあると思います。 また、Vueコンポーネントを細分化していくとコンポーネント間の状態のやり取りにsync修飾子などを使って状態の受け渡しを行うようになるのですが、徐々に状態の受け渡しのコードが複雑になってしまいます。通常このような場合、状態管理パターンを導入して状態遷移を簡単にすることができます。 今回は

    Vuexを使って絞り込み機能を実装してみた - ROXX開発者ブログ
  • Laravel5.7で標準?のAPI認証を試す - Qiita

    準備と実装 migrationファイルの編集 では、テーブルを作成します。標準で用意されているmigrationファイルにapi_tokenを追加します。 60文字にしていますが、それより短くても長くてもOKなようです。 <?php use Illuminate\Support\Facades\Schema; use Illuminate\Database\Schema\Blueprint; use Illuminate\Database\Migrations\Migration; class CreateUsersTable extends Migration { public function up() { Schema::create('users', function (Blueprint $table) { $table->increments('id'); $table->st

    Laravel5.7で標準?のAPI認証を試す - Qiita
  • 高須院長 大村愛知県知事のリコール目指す会設立「県民として支持できない」/デイリースポーツ online

    高須院長 大村愛知県知事のリコール目指す会設立「県民として支持できない」 5枚 美容外科「高須クリニック」の高須克弥院長(75)が2日、名古屋市のホテルで会見し、愛知県の大村秀章知事(60)の解職請求(リコール)のため、政治団体「お辞め下さい大村秀章愛知県知事愛知100万人リコールの会」を設立したことを明かした。 設立主旨とし、芸術祭「あいちトリエンナーレ2019」の企画展「表現の不自由展」展示による主催者責任を問うことなどとした。税金で行った展示内容がふさわしくないと主張する高須氏は「愛知県民として恥ずかしいことをしてくれる知事は支持できない」とし、新型コロナウイルス流行以前から解職請求運動を考えていたと告白。名古屋市の河村たかし市長とも1日に会談したといい、大村知事に対する考えで「ズレは1つもない」と力説した。 住民投票実現には約86万人強の署名が必要とされ、高須氏は「たぶん大丈夫」と

    高須院長 大村愛知県知事のリコール目指す会設立「県民として支持できない」/デイリースポーツ online
    areyoukicking
    areyoukicking 2020/06/07
    邦彦もそっちやったんか(汗)
  • 身近にあるドイツ語。

    グミがドイツ語いうブコメを見て面白!てなった。カルテとかアルバイトとかいう昔からの言葉やないドイツ語てあるかな。

    身近にあるドイツ語。
    areyoukicking
    areyoukicking 2020/06/07
    ブッフバルト 一択
  • Nginxとnodejsで認証プロキシを実現する※basic認証じゃないよ!! - Qiita

    こんにちは現在サイバーエージェントのサイバーパルという会社でエンジニアをしている@hidexirです。 背景 管理画面の認証を実装するのが少々面倒だったのでロードバランサーで認証を実現しようと思いました。 一般的にベーシック認証やダイナミック認証がnginxを使う場合に思いつきますがさすがにこの認証だ少々怖かったのでアプリケーションで行う方向にしました。あとけっこうまとまっている知見がぱっとみなかったのでまとめました。 作成したのですが今回はそれのまとめです。 読んでほしい人 一通り認証自体は実装経験がある。 管理画面などの認証を一元にしたい。 nginxの auth_requestつかってみたい。 管理画面やイントラネットとして活用しているサイトをインターネットに公開する際に認証をアプリケーションに実装するひとが意外に多いです。例えば複数のサブドメインをきって aaa.admin.com

    Nginxとnodejsで認証プロキシを実現する※basic認証じゃないよ!! - Qiita
  • HLSとは?:ストリーミング配信を実現する技術

    HLSという単語を耳にしたけど何のことかわからないという方や、ストリーミング配信を実現する技術とは聞いているけど具体的にどのようなものかわからないという方は、それなりにいらっしゃるのではないかと思います。 今回はHLSについて、どういったものなのか、どのような仕組みになっているのかを簡単に解説したいと思います。 HLSの概要 ざっくり書いてしまうと、HLSとは以下のようなインターネット動画配信の技術となります。 HTTP Live Streamingの略 高いコストをかけずにストリーミング配信ができる配信技術 マルチビットレート(アダプティブビットレート)に対応 様々なOS・ブラウザで再生可能 ライブ配信にも対応できる 以下より詳しく解説します。 技術解説(どのようなものか) 以下より、具体的な技術解説となります。 基的なしくみ H.264+AACなどでできている動画ファイルを10秒ぐら

    HLSとは?:ストリーミング配信を実現する技術
  • Video.jsとHTTP Live Streamingで動画配信サイトを構築するメモ書き | work.log

    mp4を直接配信じゃダメなの? 実のところこんな真似しなくても mp4 形式の動画ファイルを <video> タグにセットすれば簡単に動画配信はできます。 しかし、これには結構デメリットがあってユーザーの事を考えるなら HLS 形式での配信をしたい所です。 mp4は再生もシークも遅い mp4だと無駄なネットワーク帯域を消費する 簡単にダウンロード保存されてしまう 良くも悪くも mp4 は一のファイルを配信するためか、疑似ストリーミングでも再生が始まるまで遅くシークで固まりやすいのが難点です。 トラフィックデータを計測して HLS と mp4 を比較してみると、同じ位のセッション数でも mp4 の方が無駄にトラフィクが流れていたようでした。 mp4 -> HLS に切り替えた後は体感的にも早くなり、トラフィク量も削減できたので格的にやるなら HLS を採用したいなと個人的には思います。

  • video要素、audio要素をJavaScriptから操作する-HTML5のAPI、および、関連仕様

    ※このページでは、video要素、audio要素をJavaScriptから操作する方法について紹介しています。 単純に<video>タグや<audio>タグの使い方を知りたい方は、 以下のページなどをご確認ください。 <video>タグで動画を埋め込む <video> …… 動画を再生する <audio> …… 音声を再生する ■video要素、audio要素をJavaScriptから操作 HTML5では、video要素、audio要素をJavaScriptから操作するためのメソッド・プロパティ・イベントが用意されています。 これらのメソッド・プロパティ・イベントを使用することで、 JavaScriptから動画・音声などのメディアリソースの状態を参照したり、 読み込み・再生・一時停止・再生可能かどうかの確認などの操作が可能となります。 <video>タグのcontrols属性を指定すると、