Reactを使うならReact Developer Toolsの再レンダリング時ハイライトくらい設定してくれ
最近 React と Next.js に入門したのですが、入門時点で一番最初に知っておきたかったことについて書きました。 「React 初心者が useState とかを学習する前にまず一番にやることはこれ」っていう内容です。。 タイトルは自分への戒めです。 TL;DR この記事を読むと React Developer Tools の簡単な使い方を知り、useState の再レンダリングについて動きがイメージできるようになると思います React Developer Tools これのこと。React を使った開発をするのであれば、必ず導入しないといけないレベルのもの。 再レンダリング時ハイライトの設定 React Developer Tools をインストールした後、F12 を押下して Component を選択この歯車を押下する。 すると、以下のような部分があると思うのでチェック ON
川o・-・）＜2nd life
Perl での print debug の方法の紹介がブーム(?)だったので、自分がよく行ってる Ruby での debug 方法7つについて書いてみます。 p ご存じの人も多い Kernel#p メソッド。これを使うとオブジェクトの内容を見やすい形で出力してくれます。 >> p ({:foobar => :baz}) {:foobar=>:baz}Object#inspect を使うと、p で出力するときと同じ文字列を String として取得できます。 >> puts ({:foobar => :baz}).inspect {:foobar=>:baz}初心者の頃この p での出力を使う方法がわからなくて困った記憶が…。 pp pp というライブラリを使うと、p より、より見やすい形式で出力してくれます。たとえば >> a = Array.new(10) { {:foobar => :
第1回Ruby開発環境勉強会 - Kentaro Kuribayashi's blog
社内で、Ruby開発環境勉強会を行いました。趣旨としては、 Rubyプログラマ歴ひと月未満の僕が、最近自分でやってみた開発環境について説明・実演する それを聞いているひとが「こんなことも知らないのか」とあきれて、いろいろ教えてくれる という会です。いろいろ勉強になったので、とてもよかったです。開発環境やツールまわりの勉強会、面白いので、次回以降もなんかしら開催したいと思います。また、 西園寺おんじ氏: http://p.booklog.jp/book/51223 刺身氏: http://blog.kyanny.me/entry/2012/05/30/164601 の2名も発表してくれました。 とはいえ、単に「教えて」というだけいっても意味ないので、以下の軸に沿って問題を整理しつつ、それぞれについて説明・実演をしつつ、みなさんの意見をうかがう感じですすめました。 シェルの設定 irb/pry
Rails で、Controller に定義されている action を一度に取得する方法はありますか？ - QA@IT
平素よりQA＠ITをご利用いただき、誠にありがとうございます。 QA＠ITは「質問や回答を『共有』し『編集』していくことでベストなQAを蓄積できる、ITエンジニアのための問題解決コミュニティー」として約7年間運営をしてきました。これまでサービスを続けることができたのは、QA＠ITのコンセプトに共感をいただき、適切な質問や回答をお寄せいただいた皆さまのご支援があったからこそと考えております。重ねて御礼申し上げます。 しかしながら、エンジニアの情報入手方法の多様化やQAサービス市場の状況、＠ITの今後のメディア運営方針などを検討した結果、2020年2月28日（金）15:00をもちましてQA＠ITのサービスを終了することにしました。 これまでご利用をいただきました皆さまには残念なお知らせとなり、誠に心苦しく思っております。何とぞ、ご理解をいただけますと幸いです。 QA＠ITの7年間で皆さまの知識
VBScriptでCreateObjectなどで取得した オブジェクトの中身を確認（デバッグプリント）する方法はあるでしょうか。…
VBScriptでCreateObjectなどで取得した オブジェクトの中身を確認（デバッグプリント）する方法はあるでしょうか。 ふつうのテキストエディタで書いています 具体的な手順を教えていただきたいのですが。
Selfkleptomaniac — 【Titanium Advent Calendar 2011：18日目】Titanium MobileでAndroid
そこで、リリースの際はTitanium Mobileのソースコードに手を入れて、直接動画プレーヤが起動するように変更して対応していたのですが、その後モジュールが書けることがわかったので、今ではMIMEタイプを渡すと適当なIntentが起動するこちらのモジュールを使って回避しています。とっても簡単なものなので、PDFビューワなどにも応用できると思います。 いずれにせよ、Android案件ではこんな苦労はしょっちゅうです。また、特に困るのがUI設計の問題です。例えばiOSでは上の画像みたいにナビゲーションバーが表示されて、その左側には何もしなくても戻るボタンがあり、また必要に応じて画面下部にタブを表示する、みたいな画面設計になるのが一般的なのですが、Androidだとナビゲーションバーというものは存在せず、タブも画面上部に並んでしまうので、どう転んでもiOSと同じものにはなりません。Andro
【Vim】Vimの起動が遅い - うみやま亭
マカーもどきになってから、Vimの起動が突然重くなりました。 限界突破したので、調べてみました 結論 原因は導入したcss.vim css.vim(http://vim.sourceforge.net/scripts/script.php?script_id=2150) プラグイン別起動時間の調べ方 起動時に、オプションをつけて起動することで、起動時のプロファイルを出力することができます！(知らなかった…)※ver7.2かららしい --startuptime <出力先ファイル名> これでいつも通り起動するだけです！ times in msec clock self+sourced self: sourced script clock elapsed: other lines 000.012 000.012: --- VIM STARTING --- 000.204 000.192: All
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
ファイルの使用者を調べる PowerShell Cmdlet - NyaRuRuが地球にいたころ
(2007年8月8日追記)本記事は「どうやって公開 API だけでファイルの使用者を調べるか？」という技術的興味で書かれたもので，実際にファイルやフォルダが操作できなくなって困ったときの助けになるものではありません．もしファイルやフォルダを移動・削除できなくて困っているのであれば，id:NyaRuRu:20070808:p1 で書いた handle.exe や Process Explorer を使って調べる方法を試してみてください． (2007年5月6日追記)プロセス開始時刻の 32 bit 目が立っているときに判定を誤るというバグを修正しました． (2007年7月20日追記)FileInfo 以外を無視するように変更しました．また，エラー発生時にも次のパイプラインオブジェクトの処理を継続するように変更しました． 元ネタは『MSDN Magazine の 2007 年 4 月号』． Q
)
Handle
概要 ある特定のファイルやディレクトリがどのプログラムによって開かれているのかを疑問に思ったことがあると思いますが、その疑問を解決できるようになりました。Handle は、システムのプロセスで開かれているハンドルに関する情報を表示するユーティリティです。このユーティリティを使用すると、ファイルを開いているプログラムを確認したり、オブジェクトの種類やプログラムのすべてのハンドルの名前を確認することができます。 また、このプログラムの GUI ベースのバージョン、Process Explorer も、Sysinternals のサイトで取得できます。 インストール 「handle」と入力して、Handle を実行します。Handle を実行するには、管理者特権が必要です。 使用法 Handle は、開いているファイルの情報を検索するユーティリティです。実行時にコマンド ライン パラメーターを指
ファイルを開いているプロセスを調べる - NyaRuRuが地球にいたころ
以前『ファイルの使用者を調べる PowerShell Cmdlet』というエントリを書いたせいか，明らかに「ファイルを開いているプロセスを今すぐ調べたい」という感じの検索語でうちの日記に来られる方が多いようです． 『ファイルの使用者を調べる PowerShell Cmdlet』で示した方法は，技術的興味から作ってみただけの，不完全かつ使いにくいものなので，本当に「ファイルを開いているプロセスを今すぐ調べたい」という方にはおすすめできるものではありません． 参考までに，そういうときに私がどうしているかについて軽く書いておきます． handle.exe sysinternals 社の Mark Russinovich 氏によって作成・公開され，同社の買収によって Microsoft サイトで公開されるようになった handle.exe というコマンドラインツールがあります． Handle v3
something new and exciting
Rubyから外部プログラムを呼び出して、 パイプを使ったプロセス間通信をする方法の紹介です。 Rubyから外部のプログラムを起動して、標準入力からデータを入力し、 標準出力から結果を取り出したいという場合には、 IO.popenを使うと便利です。使い方は以下のとおり。 ruby>> IO.popen('/usr/bin/command', 'r+') do |io| io.puts "something to input" @result = io.gets end <<ruby See Also [ruby][win]Windows+Rubyで外部プロセスを立ち上げる時の注意 Rubyでの外部プロセス起動のメモ
Rubyist Magazine - Win32OLE 活用法 【第 1 回】 Win32OLE ことはじめ
『るびま』は、Ruby に関する技術記事はもちろんのこと、Rubyist へのインタビューやエッセイ、その他をお届けするウェブ雑誌です。 Rubyist Magazine について 『Rubyist Magazine』、略して『るびま』は、日本 Ruby の会の有志による Rubyist の Rubyist による、Rubyist とそうでない人のためのウェブ雑誌です。 最新号 Rubyist Magazine 0058 号 バックナンバー Rubyist Magazine 0058 号 RubyKaigi 2018 直前特集号 Rubyist Magazine 0057 号 RubyKaigi 2017 直前特集号 Rubyist Magazine 0056 号 Rubyist Magazine 0055 号 Rubyist Magazine 0054 号 東京 Ruby 会議 11 直
Firebugで元のJavaScriptのコードに手を入れずにdebug用のconsole出力を入れる方法 - monjudoh’s diary
Firebugでは条件付きブレークポイントが使えるので、 scriptタブにて該当行にブレークポイントを貼り、 条件としてconsoleへの出力を||区切りで、最後に&& falseを入れる。 console.debug('this.lastPosition') || console.dir(this.lastPosition) && false こうするとブレークポイントを通る度にconsoleへの出力は評価され、 consoleに出力され、最後の&& falseのため式全体は必ずfalseとして評価されるため ブレークすることはない。 追記 console出力系関数の戻り値はundefinedなんだから&& falseは不要か 追記 nanto_vi @monjudoh JSでは||より&&の方が優先順位が高いので、a || b && c はaが真ならbもcも評価されずに全体が真として
IEでのテキストノード走査の高速化 - os0x.blog
に釣られて。 HatenaStar.js 1380 行目 テキストノード走査 一番のボトルネックはやはりここですね。IEなので、こんな感じでベタに計測。 makeTextNodes: function(c) { if (c.textNodes || c.textNodePositions || c.documentText) return; if (Ten.Highlight.highlighted) Ten.Highlight.highlighted.hide(); c.textNodes = []; c.textNodePositions = []; var isIE = navigator.userAgent.indexOf('MSIE') != -1; var texts = []; var pos = 0; var st = new Date*1; (function(node,
javascript - 関数をtraceする : 404 Blog Not Found
2007年05月18日14:15 カテゴリLightweight Languages javascript - 関数をtraceする amachangのコメントを受けて追記 JavaScript: 関数の追跡 - 文系大学的IT系の悲哀からのTBを受けて追記 書き換えめんどいー。 IT戦記 - JavaScript の関数を「引数そのまま返す化」 alertだけ alert(hoge); hoge.method(); 改行めんどいー。 alert + そのまま返す化 alert.s(hoge).method(); // 1 ステートのまま Functionオブジェクトを拡張 というわけで、関数をtraceするmethodをFunction Objectに追加してみる。 まずは実例。 function add(x,y){ return x + y } add = add.trace('add
ほかのFirefox extensionからFirebugのコンソールにデバッグ出力を出す - bits and bytes
Firebugのconsole.log()は、ほかのextensionの中からは console is not undefined といわれて呼び出すことができません。ブラウザでconsoleは開いているウインドウとFirebugのコンソールでしか有効でないシンボルのようです。 Firebugのコンソールであれば、中を見たいものが複雑な構造をしていてもクリックしていくことで中を見ていくことができるので、テキストでしか表示できないwindow.dumpと比べてすごく便利なのでつかえないのかなー、と思っていたらふつうに Firebug.Console.log( obj ) で呼び出せば、ほかのextensionの中からでもFirebugのコンソールに出力することができました。 Execute JS を使って拡張機能のコンテキストで実行してもconsole.logしたときと同じかたちでFireb
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PHPのデバッグに便利な関数 – 応用編 - EC studio 技術ブログ
Diagnose and Prevent AJAX Performance Issues - dynaTrace software