Shared Hook State with SWR
Shared Hook State with SWRMay 09, 2020SWR is a React hook for data fetching that features a cache for requests. This is generally used to share the response from API calls and deduplicate requests, but SWR is flexible enough to support another use case: shared hook state. 1 Let's look at an example of a useUsername hook: const useUsername = () => { return useState('') } const UsernameInput = () =>
ブラウザでzipファイルの展開後のファイルサイズを取得したい - Qiita
クライアントサイドでzipファイルの展開後のファイルサイズの合計を出す要件があり、その対応をメモしておく。 ちなみに用語として展開を表す言葉は「解凍」や「伸張」等様々だが、本投稿では「展開」で統一しておく。＃個人的にはどれでもよいが 要件 要件は以下の通り。 ・画面でzipファイルの展開後のファイルサイズを測り、サーバにリクエストしたい ・画面には「input type="file"」のファイル入力欄がある ・ライブラリは「zlib.js」を使用する ・可能であれば展開せずにファイルサイズのみ知りたい zlib.jsとは？ 簡単にzlib.jsについて説明。 zlibというC言語で作成されたオープンソースのライブラリを使用したjavascript向けのライブラリ。 詳しくはこちらを参照のこと。（https://github.com/imaya/zlib.js/） ＃zlibはgzipを開発
知っておきたい！Herokuを使う上では当たり前？の16の常識 | mah365
Herokuの公式ドキュメントは英語なので読みづらいですよね。herokaijp/devcenterのように、有志が日本語訳してくれているドキュメントもありますが、その中でも特に抑えておきたい16個の常識について挙げてみました。（16日に公開する予定の記事なので、何となく16個挙げてみました。。） （補足）Herokuを使う上での登場人物の名前 Dyno 「だいの」と呼びます。1Dynoと言ったとき、一つサーバが立ち上がっているようなものだと考えて下さい。 Routing Mesh Herokuアプリにアクセスがあったときに、Dyno間の負荷をロードバランスしながらリクエストを振り分ける機構をRouting Meshと呼びます。たまに「Router Error」というログを吐くのですが、そのとき障害が起こっている場所はここです。 常識1. Dynoは1時間アクセスがないとアイドル状態になる
npmのあまり知られてない機能 10選 - from scratch
なんか最近Twitterとか職場でも「npmの機能でそんなのあったんだ」って言われること多いので、説明していきます。 ちなみにタイトルにとりあえず10選って書いたけど、あんまりたくさん思いついてないのに、10選って書いてしまったので最後の方は微妙かもしれません。 1. npm installは npm i でも同じことができる まぁ単純なショートカットですね。isntallとかtypoしてても空気読んでくれるんですが、短いほうがいいよねってことで。 # npm installって書くのも $ npm install socket.io #npm i って書くのも同じ $ npm i socket.io # ちなみに --saveは -S, --save-devは -D にできる $ npm i socket.io -S $ npm i mocha -Dショートカット小ネタ。 2. npm
You Might Not Need Underscore
You Might Not Need Underscore During past years utility libraries like Underscore and lodash have found their way into the toolchain of many JavaScript programmers. While those utility libraries might make the code easier for you to write, they don’t necessarily make the code simpler or easier to understand. People reading and maintaining the code are obliged to, in addition to knowing the languag
Railsでサーバのログとバッチ処理のログを別出力する方法 - Qiita
目的 Railsでbundle exec rails sでのログとruby foo.rbのログを別出力する 試した環境 OS : CentOS 6.8 (Final) ruby : ruby 2.3.1p11 rails : 5.0.0 前提 rubyがインストールされている rails アプリが既にある ${app}/console/ 以下にバッチ処理のスクリプトがある 手順 batch用のenvironmentsを作成 $ cp ${app}/config/environments/production.rb ${app}/config/environments/batch.rb batch環境で利用するDBを設定 $ vim ${app}/config/database.yml
Hirbを使ってRailsコンソール上のモデル出力を表形式に整形 - Qiita
$ rails c Loading development environment (Rails 4.2.3) irb: warn: can't alias context from irb_context. irb(main):001:0> MasterJob.first MasterJob Load (0.3ms) SELECT `master_jobs`.* FROM `master_jobs` ORDER BY `master_jobs`.`id` ASC LIMIT 1 => #<MasterJob id: 1, name: "取締役", deleted_at: nil, created_at: "2015-09-09 02:03:25", updated_at: "2015-09-09 02:03:25"> irb(main):002:0> Hirb.enable => tru
MongoDBでcollectionをコピーする方法 - Shoken Startup Blog
MongoDBでcollection名の変更は、db.copyDatabase(fromdb, todb, fromhost)を使います。 dbshell Reference - MongoDB MySLQで、テーブルのコピーは以下のSQLに相当します。 /* testテーブルのスキーマをコピーしてテーブル作成 */ > CREATE TABLE test2 LIKE test; /* test2テーブルのデータをINSERT */ > INSERT INTO test2 SELECT * FROM test;testというdatabaseをtest2としてコピーする方法です。 [root@xxx ~]# mongo MongoDB shell version: 2.0.4 connecting to: test > show dbs test 0.0625GB > db.copyData
Facebook MessengerはLet's Encryptでもおｋ - Qiita
LINE BOTではLet's Encryptが使えないという話だったのでFacebook Messengerではどうだろう、と試してみた。 結論としては、タイトルの通りLet's Encryptでも問題なく動きます。 以下、簡単に確認手順等 確認環境 Amazon Linux AMI 2016.03.0 nginx/1.8.1 PHP 5.5.33 （過去に取得したままほったらかしになっていたドメイン） 1.事前準備 EC2インスタンスの立ち上げ（SecurityGroupで80、443番ポートを開けておく） インスタンスへのElasticIPの割り振りとDNS設定 nginx,PHP,PHP-FPM等をyumでインストール Let's EncryptでSSL証明書を発行（ここだけ少し詳しく） # install sudo git clone https://github.com/let
ApacheでPOSTデータをログに記録したい - Qiita
はじめに Apacheのデフォルトの設定ではaccessログにはPOSTデータの 内容は表示されません。 というか、ユーザの機密情報をログに残さないことが目的の一つで POSTメソッドを使っているので、それで正しい思います。 ただ、開発中の検証などで、POSTデータをログに記録したいことが あると思いますので、その方法を説明します。 もっとも、自分はPOSTするようなWEBアプリケーションを作るときはWEBフレームワークを 使っていて、だいたいのフレームワークはdebugモードにすると、POSTのデータを 見ることができるので、めったに使うことはないと思いますが、、、 環境について 下記の環境で設定をしました。 OS: CentOS6.4 x86_64 Apache: Apache 2.2.25 (ソースからインストールしたもの) mod_dumpioインストール POSTデータをログに残
if ( Electron && Windows && フレームレス && 全面ドラッグ移動可 && リサイズ可能) { 設定して欲しいCSS } - Qiita
if ( Electron && Windows && フレームレス && 全面ドラッグ移動可 && リサイズ可能) { 設定して欲しいCSS }CSSWindowsCSS3Electron 概要 Electronアプリ フレーム非表示 画面ドラッグでウィンドウを移動 リサイズできる Windows対応 を実現するために、Macではおそらく不要で、 Windowsでは必要なCSS設定が実装次第ではある。 検証環境 Windows7 Professional 64bit electron 0.37.2 node v5.2.0 もしかしたらWindows7 固有かも。 サンプル electron/frameless-window.md at master · electron/electron を参考に、フレームレスはこう設定し、
Railsアプリの名称を変える方法 - Qiita
railsが4系の場合、config/application.rbとconfig/initializers/session_store.rbを変えるだけで良い。 require File.expand_path('../boot', __FILE__) require 'rails/all' # Require the gems listed in Gemfile, including any gems # you've limited to :test, :development, or :production. Bundler.require(*Rails.groups) module SampleApp ### ここを変える class Application < Rails::Application # Settings in config/environments/* take
Emacs のフォント設定について - Qiita
はじめに Emacs はヘビーユーザではないが、初めて使ったのは20年以上前になる。プログラム開発は vi、日本語ドキュメントの作成、編集に Emacs を使っていた。しかし、ここ最近は Emacs から遠ざかっていた。理由は最近の綺麗なフォントを利用するのが面倒だったから。Windows では xyzzy で MeiryoKe_Console に設定して使っている。 sublimetext, Atom など試してみて、しっくりこなかったので久しぶりに Emacs に戻ってみることにした。 参考 URL http://d.hatena.ne.jp/kazu-yamamoto/20140625/1403674172 http://dminor11th.blogspot.com/2011/08/face.html http://d.hatena.ne.jp/tomoya/20100828/12
Heroku 上で動く Hubot をうまく休ませる - Qiita
残念ながら、Heroku の料金プラン変更 により、Free Plan のままでは Bot を動かし続けることができなくなりました。Sleep しないように、自分自身を起こし続ける hubot-heroku-keepalive(https://github.com/hubot-scripts/hubot-heroku-keepalive) も、早速今回の変更に対応したようなので、設定してみましょう。 hubot-heroku-keepalive の設定 Free Plan に対応するため、2つの環境変数が追加になっています。 HUBOT_HEROKU_WAKEUP_TIME HUBOT_HEROKU_SLEEP_TIME この設定により、HUBOT_HEROKU_WAKEUP_TIME 〜 HUBOT_HEROKU_SLEEP_TIME の間だけ Keep Alive の仕組みが動作するこ
iOS向けWebアプリ開発に役立つ情報超絶まとめ
毎度、必要になったときに調べていたiOS Safari向けWebアプリ開発の情報をまとめました。 iOS Safariの画面サイズを有効活用したい すでにコピペで拡散している情報をまとめるだけでは能がないので、すっかり定着したレスポンシブレイアウトに逆行しつつも「Webアプリ」として画面サイズを有効活用するための一連の情報になることを目的とします。 もっとも、そういうことならすでにjQuery Mobileや類似フレームワークもいくつか存在しますが、どうしても余計なスタイル定義や不透明な処理も多いので、よりライトに必要最小限の設定に留めたいという意図もあります。 まずは判定 UserAgentで大雑把にふるい落とす 容易に偽装可能なUserAgentですが「iOS Safariではない」判定には、やはり便利です。下記で browser が "Safari" でない場合は、iOS Safar
Railsでのログ/ロガーまとめ（ログ出力、ログレベル、ロガー作成、ログフォーマット） - Rails Webook
Photo by Flickr: Humboldt State University's Photostream Railsでログ出力を行う、ログレベルを設定する、新たにロガーを作成する、ログのフォーマットを設定する方法などRailsのログに関することをまとめました。 動作確認 Rails 4.1 目次 1. ログを出力する 2. ログレベルを設定する 3. 新たにロガーを作成する 4. ログのフォーマットを設定する 1. ログを出力するloggerを使うことでコントローラー、モデル、ビューなどからロガーで設定されたログ出力先にログを出力することができます。 logger.debug "ログ出力先にDebugレベルで情報を出力する" 次の5つのメソッドが用意されており、それぞれログレベルに出力有無が変わります。 logger.fatal "致命的なエラー情報" logger.error "
Rails の production 以外の環境で時刻などをログに出力する - Qiita
かなり単純なことですが、検索してもシンプルな方法が引っかからなかったので書いておきます。 問題 Rails は、デフォルトのままだと production では以下のようなログを出力します。
gitとプルリクエストに関して思うことまとめ - Qiita
※この記事は元々「Gitのこれやめて！リスト」として2015年11月に投稿したものを改訂したものです。 この記事について 私が個人的にgitとプルリクエストについて、「こうして欲しい」とか「これはやらないで！！」とか思っていることをまとめたものです。 元々は2015年に私がコードレビューをしてる時に気になったことを、あまり推敲もせず思うがままに書いた記事でした。今改めて読み返すと稚拙な文章なのと、他に思うところとがあったりしたので、改めて書き直しました。いいね貰ってるのに書き直すのに若干後ろめたさがあるのですが、よりいい内容にできればと思います。 コミットログがきれいだとレビューしやすい 一人で開発するときはgit使っててもブランチ切らないし、プルリクもださないしで、コミットログも"First Commit"の次が"Second Commit"とかでも支障はないです。しかし、チームで開発す
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
railsのバッチの共通処理について考えてみた - Qiita
http://blog.inouetakuya.info/entry/20120826/1345979787
