rails2系はえらい子なのでCSRFを自動的に防止してくれます。 app/controllers/application.rbに protect_from_forgery # :secret => 'ないしょ' とかいとくだけでget以外のときに自動的にトークンを埋め込み不正な遷移かどうか確認してくれます。なんとも出来る子です。しかし、この機能とセッションタイムアウトの設定を同時に使うとなんともエラーが発生してしまう。 この機能はaction_controller/request_forgery_protection.rbの中でセッションの中のダイジェストとクライアントから送られてきたダイジェストが同じかどうかを判断しているのですが、セッションタイムアウトが働いているとこの時点でセッションが空っぽになっている。なのでCSRFエラーとなりActionController::InvalidA

データ分析ガチ勉強アドベントカレンダー 23日目。 ここまでデータをどういう風に処理したり、どういうタスクをこなしていくかについて勉強してきたが、 一度基礎的な事項に戻ってみたいと思う。基礎だから簡単というわけではない。基礎だからこそ難しく、また本質的な内容。 データ分析で使われている手法などをまとめて集約して、簡単な説明を付け加えていく。 しかし、このあたりの数学*1は苦手なので、なるべく直感的に自分のイメージを書いていく。 われわれが生きている空間や、距離は"正しい"のか ユークリッド空間/ユークリッド距離 点の距離 分布の距離 wasserstein計量 カーネル(再生核ヒルベルト空間) Topological Data Analysis(TDA) 次元削減/Embedding PCA(principal component analysis) t-SNE(t-Distributed

\ ˌi-lə-ˈstrā-shənOpen-source illustrations for any idea you can imagine and create.A constantly updated design project with beautiful SVG images that you can use completely free and without attribution. synopsisCreate better designed websites, products and applications. Browse to find the images that fit your messaging, automagically customise the color to match your brand and use it as a normal

自分のサイトがGoogleなどの検索結果に表示されない時の原因と対処法 公開日 2018年5月8日 最終更新日 2020年7月15日 著者 Motohiro Tani もしあなたのサイトがGoogleなどの検索結果ページに全く表示されない場合、それは「インデックスされていないから」かもしれません。 このページではそのような場合の解決法や基礎知識について解説していきます。 このページではGoogleを例として解説しますが、他のほとんどの検索エンジンでも基本的には同じです。 インデックスとは？ インデックスされているかどうかの確認方法 Googleがページをインデックスさせる仕組み クローラーはどのようにして巡回しているのか？ インデックスさせる方法1：クローラーが来ているサイトにリンクを貼ってもらう インデックスさせる方法2：サーチコンソールのFetchを使う Fetch as Google

ほとんどのモダンブラウザがCSS3対応となったことで、これまではPhotoshopなどのデザインアプリで再現していたようなデザインスタイルも、HMTL/CSSで表現できるようになってきており、その進化はますます加速しています。 今回は HTML と CSS、わずかな JavaScript で実装できる、表現力の高いテキストエフェクト用コードスニペットをまとめてご紹介します。コードニペットは各エフェクト別にカテゴリ分けしているので、ウェブサイト制作に活用したいエフェクトを見つけてみましょう。 ナビメニュー100連発！CSSで表現できるコピペ可能なHTMLスニペットまとめ CSS3の広がる可能性！美しいテキストエフェクト用コードスニペット24個まとめ CSSスタイリングで表現できる！すごいテキストエフェクト33個まとめ コンテンツ目次 1. アニメーション・テキストエフェクト 2. グリッチ・

Google Fonts は、デザイナー ウェブフォントを直感的にご利用いただける、安定したオープンソース ディレクトリです。 膨大な数の文字のデザインに要する時間や、大容量のフォント ファイルをウェブフォントとして提供する際に必要な技術的インフラストラクチャなど、日本語の書体デザインやフォント開発にはさまざまな課題が立ちふさがります。そこで、規格や技術の開発を進めると同時に、Google Fonts を通じてデザイナーやデベロッパーの皆様に日本語のウェブフォントをお試しいただけるようにしました。 Google Fonts provides an intuitive and robust directory of open source designer web fonts. Japanese typeface design and font development presents ma

Vue.jsにおける親子コンポーネント間でのデータの受け渡しの基本は、Pass Props / Emit Eventsである。親から子へはPropsでデータを渡し、子から親へはEmitでデータを渡す。 そんな面倒なことするより親コンポーネントから子コンポーネントにコールバック関数を渡して、なんらかのイベントが発生したらコールバックを実行してくれたほうがシンプルになるんじゃ？と思いついた。 ということで、CallbackとEmit Eventsについて調べたので、両方の実装方法とどちらが良いのかをまとめる。 ※ 以降、Callbackをコールバック方式、Emit Eventsをイベント方式と呼ぶ 親子コンポーネント間のデータの受け渡し（Pass Props/Emit Events）については、以下の記事を参照してほしい。 コールバック方式: コールバック関数を渡して実行する <div id=

こんにちは、tahara です。 アクトインディ Advent Calendar 2015 の25日目の記事です。 これです。 Delayed::Worker.max_attempts = 0 Delayed::Job は実行に失敗した場合、デフォルトで25回リトライします。 気のきいた機能なのですが、メール一斉送信を Delayed::Job でおこなう場合に悲劇をまねきます。 はい、昨日やらかしちゃいました ﾍ(ﾟ∀ﾟﾍ)ｱﾋｬ 例えば最初の3人にメールを送ったところで4人目でエラーとなったとします。 Delayed::Job はリトライをおこない、また最初の3人にメールを送り4人目でエラー、を繰り返します。 最初の3人に何度も同じメールが... すみませでした！ リトライしないように Delayed::Worker.max_attempts = 0 やっておきましょう。 以下は、おま

Originally, chunks (and modules imported inside them) were connected by a parent-child relationship in the internal webpack graph. The CommonsChunkPlugin was used to avoid duplicated dependencies across them, but further optimizations were not possible. Since webpack v4, the CommonsChunkPlugin was removed in favor of optimization.splitChunks. Defaults Out of the box SplitChunksPlugin should work w

package.json{ "private": true, "devDependencies": { "gulp-nunjucks-render": "^1.1.0" //最新のバージョンに変更したい } } パッケージごとに最新のバージョンを１つ１つチェックするのは大変なので、便利なパッケージを使用します。 npm-check-updatesnpm-check-updatesを使用すれば、package.jsonに記載されているパッケージのバージョンを最新にしてくれます。

会社で担当してる Vue.js のプロダクトの webpack のバージョンを 3.8.1 から 4.8.3 に上げた。 どこか1つのドキュメントやエントリを見ただけで完了するものでもなかったので、手順をまとめてみる。誰かの助けになったら嬉しいですね！ 手順 package.json の "webpack" を含むパッケージのバージョンを上げる 各環境の webpack の設定に mode プロパティを追加 webpack-cli を devDependencies に追加 UglifyJsPlugin の設定を消し optimization プロパティの minimize を設定 *-loader パッケージのバージョンを上げる VueLoaderPlugin を plugins プロパティに追加 .vue と .scss の loader 設定を分離する 各項目の詳細を書いていきます。

Last week Google’s Firebase platform released a new product, Cloud Firestore. Much like the Firebase real-time… 先週GoogleのFirebaseがCloud Firestoreという新製品をリリースしました。 Cloud FirestoreはFirebaseのリアルタイムデータベースとよく似ており、リアルタイムアプリケーションを構築するためのNoSQLベースのクラウドデータベースです。Firebaseへのクエリは複雑になりがちな問題などをCloud Firestoreを使うことで解決することができます。機能についての詳細ははこちらをみてください。 この記事ではVueとVuexとCloud Firestoreを使ってFirechatという簡単なリアルタイムチャットアプリケーション