【Rails】APIモードで使えるHTTPステータスコードのシンボルまとめ - Qiita
100 :continue 101 :switching_protocols 102 :processing 103 :early_hints 200 :ok 201 :created 202 :accepted 203 :non_authoritative_information 204 :no_content 205 :reset_content 206 :partial_content 207 :multi_status 208 :already_reported 226 :im_used 300 :multiple_choices 301 :moved_permanently 302 :found 303 :see_other 304 :not_modified 305 :use_proxy 306 :unused 307 :temporary_redirect 308 :perm
| bravesoft ブレイブソフト（東京）
Webパフォーマンスはなぜ重要なのか。 webのパフォーマンスはなぜ重要か。 確かにブラウザを開いて検索一覧からwebサイトへ飛ぶことができ、正しく表示されていれば役目を果たしていいるようにも感じますが、、。 いわゆる”重い”サイトがユーザーにどういったインパクトを与えるのか、その理由と解決策をまとめました。 理由1,遅いサイトは非常に不快だからです。 まずはこのグラフをご覧ください。 この最もわかりやすい例は、モバイルサイトの読み込みが遅いときに、ユーザーがホラー映画を見ているのと同じストレスを感じることを伝えています。 ソース：Luke Wroblewski 理由2,製品に直接影響するからです。 2016年、AliExpressは自社サイトを3分の1高速化し、10.5％増の注文を受けました。 2006年にGoogleは、検索を0.5秒遅くすることを試み、ユーザーが25％少ないリクエスト
Charlesでらくらくフロント開発 - Qiita
ドワンゴ Advent Calendar 2015 はじめに Webフロントを触るうえで、通信の監視は何れ避けて通れなくなる問題です。 WindowsであればFiddlerという有名なやつがありますが、僕が愛してやまない、Mac、Linuxにも対応したCharles Web Proxyというツールがあまりに便利すぎるので、その紹介をやりたいと思います。 正直このツールの有無は、エンジニアの幸福度に直結します。 ちなみにへーしゃではマルチサイトライセンスを購入してもらったので、いつでもどこでもCharlesをお仕事で使えます。 まだまだ社内での認知度が低い気がしますので、これを期にフロントを触る皆様も、そうでない皆様も是非試してみてください。 ……結構Charlesの売り上げに貢献している自負があるので、そろそろ何かもらってもいい気がします。 注 この記事は、Charles v3.11を使用
Ruby: 高速/高性能ルーティングエンジンgem「Roda」README: 前編（翻訳）｜TechRacho by BPS株式会社
次記事: Ruby: 高速/高性能ルーティングエンジンgem「Roda」README: 中編（翻訳） 概要 MITライセンスに基いて翻訳・公開いたします。 リポジトリ: jeremyevans/roda 原文更新日: 2018/02/01 著者: Jeremy Evans サイト: http://roda.jeremyevans.net/ API: http://roda.jeremyevans.net/rdoc/index.html roda.jeremyevans.net/より 長いので3本に分割します。 本記事では、原則としてroutesやroutingは「ルーティング」、rootは「ルート」と表記します。 Rodaとは、Rubyで高速かつメンテナンス性の高いWebアプリを構築するためのルーティングツリーWebツールキットです。 インストール $ gem install roda リ
Railsのセッション管理方法について - （2015年までの）odaillyjp blog
セッション管理はWebアプリケーションを開発・運用するときに必ず関わってきますので、ある程度知っておかなければいけないことかと思うのですが、Railsのセッション管理について解説している資料が少ないように思えました。私もRailsのセッション管理についてあまり知識がありませんでしたので、簡単にですがまとめてみました。 なお、今回のエントリはセッション管理の大雑把な仕組みについて知っていることを前提にして進めていきます。セッション管理の仕組みについてご存知ない方は、『体系的に学ぶ 安全なWebアプリケーションの作り方 脆弱性が生まれる原理と対策の実践』という書籍での説明がわかりやすかったので、そちらをご一読されると良いかと思います。 Railsのセッション管理方法 Railsでは、config/initializer/session_store.rbファイルにセッションの管理方法を指定します
Rails セッション管理でお手軽ユーザー管理 - Qiita
Railsでは「devise」(gem)を使えば簡単にユーザーログイン機能を実装出来ます。そのため、それで十分楽なのですが、セッション管理(gemなし)で簡易ユーザー管理をやってみたので覚書程度に書いておきます。 仕様 ユーザーがサイト内にアクセスしてきたら、user_idを発行しセッションを残す。 セッション期限は1ヶ月の設定。 セッションのdeleteボタンでセッション削除。（user削除) create userテーブルを作成する。 その後、下記をapplication_controller.rb内に記述。 サイト内にアクセスしたら、ユーザー生成。 before_action :login def login if session[:user_id].blank? user = User.create session[:user_id] = user.id end @user_id
Rails で (Rack の) セッション情報を Cookie に保存する仕組み - Qiita
Rails では特に (config/initializers/session_store.rb などで) 設定しない場合、セッションの情報をクライアントの Cookie に直接、(事実上) 平文で保存する。 実際に見てみよう。 $ rails new todo $ cd todo $ rails g scaffold tasks name $ rake db:migrate $ rails s # app/controllers/application_controller.rb class ApplicationController < ActionController::Base protect_from_forgery before_filter do # アクセスした日時を session に保存 session[:last_accessed_at] = Time.now end
ブラウザレンダリングを理解するため簡単にまとめてみた - Qiita
初投稿です。よろしくお願いします(/･ω･)/ 新卒入社してフロントエンドエンジニアとして働き始めて早半年。 最近は、自分の書いたコードが世の中にリリースされて嬉しさを噛み締めながら楽しく社会人生活を送っています。 こんな本を読み始めました Webフロントエンド ハイパフォーマンス チューニング -久保田 光則 (著) webパフォーマンスについて...要はサイトの 速度改善 について学べる本です。 冒頭に「ウェブパフォーマンスとは何か」が書かれてます。 ウェブパフォーマンスを改善することは、ユーザが目的の達成の為に費やす時間やリソースを節約させることであり、その節約した分ユーザを豊かにしているわけです。 ウェブページ遷移時の初期ロード時のパフォーマンスだけでなく ウェブページ内でのインタラクション(ユーザが起こした操作に対しての応答)の描画のパフォーマンスが重要になってきます。 読み込み
React.jsでFormを扱う - Qiita
今回はReact.jsでのFormの扱いについて書きたいと思います。 例えばReact.jsでは↓のようなことをすると変更出来ないテキストフィールドになってしまいます。どうしてなのかという話ですね。 // ダメ <input type="text" value="initial value" /> // ダメ <input type="text" value={this.state.textValue} /> var Text = React.createClass({ getInitialState() { return { textValue: "initial value" }; }, changeText(e) { this.setState({textValue: e.target.value}); }, render() { return ( <div> <p>{this.st
エンジニアなら知っておきたい、絵で見てわかるセキュア通信の基本 - Qiita
TLS 1.3は現在策定中ですが、 前方秘匿性 の問題から RSAのみ を用いた鍵委共有が禁止になる見込みです。(詳細は後述します) HTTPSとは 次に、HTTPSです。 HTTPS - Wikipedia HTTPS（Hypertext Transfer Protocol Secure）は、HTTPによる通信を安全に（セキュアに）行うためのプロトコルおよびURIスキームである。 厳密に言えば、HTTPS自体はプロトコルではなく、SSL/TLSプロトコルによって提供される セキュアな接続の上でHTTP通信を行うこと をHTTPSと呼んでいる。 とのことです。 HTTPの説明を割愛するとすれば、「SSL/TLSでセキュアにHTTPをやる」というだけの説明で済んでしまいます。 最近では個人情報等の観点から全てのサイトをHTTPSにするような動きが見られますが、元々HTTPSが使われやすかった
Webセキュリティの基本を徳丸本とRailsから学ぶ - Qiita
はじめに 本記事では徳丸本の第４章を元にWebセキュリティの基本を紹介するとともに、 Ruby on Railsの実装例から、人類がどのように脆弱性と向き合ってきたかを紹介します。 XSS XSSは最もよく発生するWebセキュリティ上の脆弱性として知られています。 (参考)http://it-trend.jp/security_assessment_service/article/market XSSとは、クライアント側のコンピュータに実行可能な悪意のあるコードが注入されてしまう攻撃手法です。 XSSの種類 反射型XSS 悪意のあるコード(主にJavascript)が、攻撃対象のサイト内ではなく、別のサイトやメールの本文中にある場合を反射型XSSと呼びます。 HTTPリクエスト中にパラメータとして含まれる攻撃コードが、そのまま攻撃対象のWebページ上で動作します。 ※以下のようなリンクを踏
MIME タイプ（IANA メディア種別） - HTTP | MDN
HTTP ガイド リソースと URI ウェブ上のリソースの識別 データ URL MIME タイプ入門 よくある MIME タイプ www 付きと www なしの URL の選択 HTTP ガイド HTTP の基本 HTTP の概要 HTTP の進化 HTTP メッセージ 典型的な HTTP セッション HTTP/1.x のコネクション管理 プロトコルのアップグレードの仕組み HTTP セキュリティ Content Security Policy (CSP) HTTP Strict Transport Security (HSTS) X-Content-Type-Options X-Frame-Options X-XSS-Protection Mozilla web security guidelines Mozilla Observatory HTTP アクセス制御 (CORS) HTTP
SpringMVCでファイルダウンロード／zip圧縮ダウンロード - ぺーぺーSEのブログ
SpringMVCでファイルダウンロード、zip圧縮ファイルダウンロードのサンプル。 サンプルの内容 「http://[FQDN]:8080/spring3-mvc-down/download」 クライアントからのアクセスに対して、サーバローカルのファイル（C:\tmp\hoge1.csv）をInputStreamで読み込み、Streamのままレスポンスを返す。 「http://[FQDN]:8080/spring3-mvc-down/download/zip」 クライアントからのアクセスに対して、サーバローカルのファイル（C:\tmp\hoge2.csv）をInputStreamで読み込み、zip圧縮したStreamに変換し、Streamのままレスポンスを返す。 「http://[FQDN]:8080/spring3-mvc-down/download/zip/all」 クライアントから
やばい、iOSにネイティブアプリ要らなくなるかも。SafariもPWAに対応する可能性 - Qiita
これ以上は長くなるため後述． Chromeは既に，Safariもようやく 上記の通り，Service WorkersがPWAでも最重要な機能の一つである．Chromeでは既に対応済み． しかしSafariが対応しておらず，世間的にはモチベーションの上がらない状況であった（やちまもその一人である）． Safariにおいて，Service Workersの実装状況 No active development が Under Consideration になったのは2015/12/041のことである． 20ヶ月という永遠とも呼べる時を経て，2017/08/032にようやく In Development となったわけであった． ちなみにMicrosoft Edgeでは既に開発中34である． だから何なのか SafariにService Workersの実装がなされると，一気にウェブアプリへの移行が
Sassってなに？だった私がSassの使い方を解説してみた｜dwango creators' blog（ドワンゴクリエイターズブログ）
こんにちは。 新卒デザイナーのshikaです。 入社から早くも3か月が経ちました。仕事をする上で「高いクオリティ」と「限られた時間」との両立がどれほど大変かということを、強く実感しています。学生の時は時間に余裕もあり、ポートフォリオを作る時も自由に時間を使えました。Webページの制作にもCSSを生のまま書いていたのですが、コーディング作業の効率化をしようと思い、以前から気になっていたSassに手を出してみました。 その結果、ある程度使えるようになったので、Sassの導入方法や初歩的な部分を解説してみようと思います。 Sassって？ Sassとは、「Syntactically Awesome StyleSheet」の略です。直訳すると構文的に、凄い、スタイルシート…？ とりあえず、いろいろ便利になったCSSというイメージで大丈夫だと思います！ Sassは2種類の構文で構成されたスクリプト言語
getReaderとgetParamater系って一回のリクエストで同時に使えないの？について調べてみた - 生き急げるほど意志は強くない
下記の質問を見つけたので、ちょっと調べてみた。 getReaderとgetParamater系って一回のリクエストで同時に使えないの？ http://bwind.blog19.fc2.com/blog-entry-15.html TomcatのServlet API ServletRequest#getParameter()内には下記の記載がある。 http://mergedoc.sourceforge.jp/tomcat-servletapi-5-ja/javax/servlet/ServletRequest.html HTTP POST リクエストで送ったなど、パラメータのデータがリクエストのメッセージボディで送られた場合、 getInputStream() や getReader() メソッドを使って直接メッセージボディを読み込む操作は、 このメソッドの実行に影響を与えることがありま
ServletInputStreamを2回使う - 山奥通信 増刊号
個々のアクションとかの前処理段階で、HTTPリクエストに怪しいデータが入っていないかチェックするFilterを用意したりしていたんですが(・ω・) これがmultipartのPOST(ファイルアップロードのある画面)の時に対応していないっていうんで、multipartの時の処理(内部的にはcommons-uploadを使用)を追加してみたところ、今度はアクションにパラメータが渡らないという状況に(;´Д｀) 理由は、multipartのリクエストを解析するために使用しているServletInputStream(の実装)が再利用を考慮していないため、Filter内でServletInputStreamを使用してしまうと、アクションにパラメータを設定する際にはServletInputStreamのポインタがEOFになっているためですた(・ω・) Tomcatの実装もWebLogicの実装も駄目
Top 25 Nginx Web Server Best Security Practices
Nginx is a lightweight, high-performance web server/reverse proxy and e-mail (IMAP/POP3) proxy. It runs on UNIX, GNU/Linux, BSD variants, Mac OS X, Solaris, and Microsoft Windows. According to Netcraft, 13.50% of all domains on the Internet use nginx web server. Nginx is one of a handful of servers written to address the C10K problem. Unlike traditional servers, Nginx doesn’t rely on threads to ha
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Fiddler HTTP Debugger - Fiddler
SassとSASSとSCSSの違いについて