console.log(); しか使えなかった自分へ。。。 - Qiita
この記事について Webエンジニアになって早１年半。railsのデバッグをする時にはエディターのデバッガーでスマートにできていたが、javascriptになるといつもconsole.log();ばかりを使って原始的なデバッグをしていた。。。 そんな脳筋な過去の自分に教えてやるための記事です。 console.log({変数名}); 「いきなりconsole.log();の紹介かい！！！」って思われるかもしれませんが、この技を知ったときは「なんで知らんかったんや。。。」って思うくらい便利だったので最初に紹介します。 以下のようなHTMLがある場合 <form> <input type="text" value="名無しの権兵衛" id="name"> <input type="text" value="80歳" id="age"> <input type="text" value="バスケ"
英語ミーティングを乗り切るために身につけたバッドノウハウ - knqyf263's blog
周りを見ていると何の苦もなく英語社会に適応しているわけですが、日々苦しんでいる人の奮闘記があっても良いのではないかと思って書きました。残念なエピソードを晒すことで実は自分もこうやって乗り切ってましたという人が現れお互いに助け合えることを期待しています。 概要 前提 バッドノウハウ 質問編 聞き取れなかった時にSorry?と聞き直さない 聞こえたところまで繰り返す 可能性のある質問全てに答える Do you mean ~ ? で可能性を潰していく うかつにYES/NOで答えない 他人に振ってみる 良い質問ですねぇを使う 何か言いそうな雰囲気を出して時間を稼ぐ 発言編 How are you?を速攻でキメる Can you hear me? Can you see my screen? に率先して答える How are you?にHow are you?で返す 発表編 話し続ける 質問が出ない
タイトルバー 文字を白色
かんたん設定 にて、 ColorizationColor=0XC4551A8B Background=0 0 0 に置き換えたと仮定して説明します タイトルバー 標準の文字色 追加設定にて タイトル文字を白色 タイトルバー 紫色[551A8B]、背景 黒色[0 0 0]、文字サイズ[12] デスクトップの「iro_1.theme」をメモ帳で開く 文字列を2か所 に置き換える 5行目 ※左が置き換え前、右が置き換え後 51行目 ※行数は目安 文字列を2か所 に置き換える（タイトルバーの文字色） ※白黒以外は、背景の数値を参考にする 色見本 77行目 87行目 ※行数は目安 ※指定した文字列以外は変更しない(文字が読めなくなる) ファイル＞名前を付けて保存 場所「デスクトップ」 ファイル名「aerolite.theme」 メモ帳を閉じる 「Themes」フォルダーを開く 「aerolite.
FDM/FFF3Dプリンターで印刷する機械部品をモデリングするときの、たくさんの小さな工夫｜はるかぜポポポ
3Dプリンタは魔法の機械かもしれないが、魔法は魔法使いでなければうまく使えない。ハリーポッターだって魔法学校に通う。 魔法学校というわけではないですが、魔法をすこしでも簡単に成功させるための小さなトリックを紹介しようと思います。 定着を安定させる何事もはじめが肝心。印刷のはじめ、つまり一層目をどうするべきか？ レベリングとか定着用の糊以外にも、3Dモデリングでできることもある。 1層目につながる穴を接続する3Dプリントで気を抜けないのが一層目。小さな穴や飛び地形状がある場合、小さな部分の印刷が崩れたり剥がれたりして失敗する場合があります。 そこで、穴などには0.1mm程度のスリットを外側に向かって入れましょう。 (0.1ｍｍを下回る場合スライサによってはスリットを埋められてしまう場合があるようです。) 深さは0.2mm程度で十分です。（一層目のレイヤーの厚みの半分超) 飛び地については幅0
59分割ヤバイ｜深津 貴之 (fladdict)
こばかなさんと、グリッド分割の話をしてるときに出たネタなのだけど。 グリッドの59分割ヤバイよねぇというお話。 画面を59分割すると、様々な比率で端数がでない。汎用的なグリッド分割できて素敵。個人的にはnoteで図表を描く時は、 ・幅620px ・天地左右マージン15px ・グリッド59分割 10pxを意識すると、色々と便利だと思う。 これ全部、ピクセルパーフェクトに分割できる。 1分割 = 590px grid 2分割 = 290px grid 3分割 = 190px grid 4分割 = 140px grid 5分割 = 110px grid 6分割 = 90px grid 8分割 = 65px grid （厳密には10の倍数でないので△） 10分割 = 50px grid 12分割 = 40px grid 15分割 = 30px grid 20分割 = 20px grid 24分割
バッチファイルで今日の日付 (YYYYMMDD 形式) を取得 - アジャイルプログラマの日常
バッチファイル (コマンドライン) で今日の日付を取得したい場合、「DATE /T」コマンドやあらかじめ定義されている「%DATE%」が利用できます。「%DATE%」の結果からスラッシュをのぞき、 YYYYMMDD 形式にするには以下のようにします。 *1 rem 日付を取得 set YYYYMMDD=%DATE:/=% rem 今日の日付のフォルダを作成 mkdir %YYYYMMDD% 上記のコマンドを実行すると、今日の日付のフォルダ (20070704) が作成されます。 YYYYMMDD 変数には、今日の日付が格納されていますので、フォルダの作成以外にも利用することができます。 WSH (JScript, VBScript, etc...) や Perl を使えば以上の方法を容易に行うことができますが、バッチファイルで実行したい場合にやり方を忘れやすいため Tips として記述して
『リンク要素から離れた要素のhoverを実現する方法』
Remote Linking （別窓） このRemoteLinkingという手法では、リンク要素から離れた要素のhoverを実現することが出来ます。 デモは以下から。 Remote Link （別窓） リンク要素から離れた要素のhoverを実現と書きましたが、実際は要素同士は一つのaタグで囲まれています。 具体的には以下のような感じです。 <div class="people"> <a href="#toby" id="toby"> <span class="name">Toby Yong</span><br /> Toby Young joins the fifth season of Top Chef to lend his culinary expertise to the judges table. Young is a British journalist and the aut
dollly on Twitter: "昔のバイト先で教わりました https://t.co/5ugGvzsgrN"
昔のバイト先で教わりました https://t.co/5ugGvzsgrN
PHPでマルチスレッド(バックグラウンド処理)を実現する方法 - EC studio 技術ブログ
PHPで長時間かかる重い処理を行うとき、 マルチスレッドで動かせたらなぁ！と思うことがよくあります。 マルチスレッド処理を行うことで、時間のかかる処理を 複数同時に並列実行でき、高速化することができます。 (特に通信処理などで遅延がある場合に有効です) PHPにはpcntl_forkというプロセスをフォーク(複製)することが できる関数がありますが、これはPHPをCGIモードで 動かしている場合にのみ有効です。 通常はPHPをApacheモジュールとして動作させていることが 多いので、これが使えないケースが多々あります。 他には、system関数などでシステムコールを行い、 など & を使って実行するという方法もありますが、 これもphpがCGI版として実行できなければいけません。 システムコールで呼ぶプログラムをPerlなどで 書けばいいのですが、できればPHPで全部統一したいものです。
jQueryで通信が失敗した時にリトライする方法 - おやまのエンジニアリングブログ
$.ajaxを使う際に、通信が切断された時のハンドリングによく困ります。 なので切断された場合、私はユーザーにダイアログを出して再送信を行ってもらうようにしています。 あまり知られていませんが、失敗した時のリクエストと全く同じ内容で再送信することが可能なのです。実は、success/error/complete等のコールバック関数のコンテキストは全て、jQueryの設定パラメータになっているのです。なので、$.ajax(this);とするだけで、再送が可能になるのです。 実際のコードは以下のとおり。 $.ajax({ url: "/test", error: function(xhr) { // 通信がタイムアウト if(xhr.status === 0) { $.ajax(this); // ← これ } } }); ちな、githubにこれできるプラグインあったので、リンク貼っておきま
そろそろ真面目に、HTMLで帳票を描く話をしようか - Qiita
帳票といえばPDFとして生成するのが一般的でしょうか? でも、2015年の今、あえてHTMLで描くのがホットです(個人的に)。ミリ単位で設定された高度な帳票も、CSSを駆使して簡単に作ることができます。業務システムでもモダンブラウザを選択することが増え、@pageなども積極的に使えるようになったこと、SPA(Single Page Application)の台頭、いろいろと条件が揃ってきました。 書いてたら結構長くなっちゃったので、さくっとコードだけ見たい方は、Paper CSSリポジトリをどうぞ。 はじめに HTML帳票のメリット 2015年現在、HTML帳票を選択する幾つかのメリットがあります。 ライブリロードで、リアルタイムなスタイル調整 バックエンドではなくフロントエンドで生成できる 前者は、gulpやGruntの普及で、CSSにしろHTMLにしろ、リアルタイムにプレビューできる環
4枚カード問題(ウェイソン選択課題)
答えの前に注意：この問題の主題は論理学での正解が何かではありません。解答の偏りについて考察することが主題です。 論理学での正解は、「A」と「7」。 ルールは、母音と奇数が同じカードを禁止しているので、「Aの裏が偶数か？」と、「7の裏が母音か？」を調べるのが正解。(問題には最小限の枚数とは書いていないので、Aと7を含めていれば正解としてよいと思います。) よくある解答4枚カード問題(ウェイソン選択課題)に対しては、「A」「4」とする解答がよく見受けられます。 「4」のカードを調べても、条件を満たすことを確認するだけです。 心理学では確証バイアスと呼ばれています。 人間の思考パターンには、正しいことを確認して満足する、という傾向があるようです。 解答が偏る点が認知心理学的には重要論理学での正解である「A」「7」を選ぶ人ももちろんいますが、論理学では誤答となる解答「A」「4」が頻出します。解答に
【CSS3】くるくる回る星（マウスオーバーで） at softelメモ
問題 くるくる回る星ください！マウスオーバーで！ 答え 星は、文字、Webフォント、画像……、何らかの手段でご用意ください。 Bootstrapベースのページなら、以下のHTMLでBootstrapのアイコンが使えます。 <span class="glyphicon glyphicon-star"></span> マウスオーバー時に回転のアニメーションをするCSSの例は以下のようになります。 .mawaru-hoshi { transition: transform 500ms ease; } .mawaru-hoshi:hover { transform: rotate(180deg); } HTMLの方は、.mawaru-hoshi のクラスを付与すると、 <span class="glyphicon glyphicon-star mawaru-hoshi"></span> 回ります！
Linuxでアプリケーションやユーザごとに、異なるdefault gateway を割り当てる変態ルーティングの方法 - お前の血は何色だ!! 4
Linuxで、アプリケーションやユーザごとに、異なるデフォルトゲートウェイを割り当てたくなる時があります。 普通は、優先度とかで自動で切り替えとか、そーゆー感じですが、 そうではなくて、 ユーザAは、デフォルトゲートウェイ1を必ず使い、ユーザBは、デフォルトゲートウェイ2を絶対に使う。 プロセスAは、デフォルトゲートウェイ1を必ず使い、プロセスBは、デフォルトゲートウェイ2を絶対に使う。 そんな風にしたい時があります。 まあ、人生は長いですから、そういう時もあるのです。 ネッツ PC 192.168.0.10 ---> HUB -->gateway1 192.168.0.100 -->gateway2 192.168.0.200 ユーザ user_proxygw は、192.168.0.200 を使い、 それ以外は、 192.168.0.100(default gw) を使うというのを考え
＠IT：インストールされているファイルをオリジナルと比較するには
システムのクラックやウイルス感染、操作ミスなどによって、システムにとって重要なファイルが変更されている可能性があるときは、rpmコマンドを-Vオプション付きで実行することにより、インストールされているファイルがインストール直後と異なっているかどうかを比較できる。 ファイルの比較は、各ファイルのサイズ、MD5のチェックサム、許可属性、ファイルの種類、所有者およびグループなどについて行われる。比較の結果は、以下のように8文字の文字列と設定ファイルの場合はそれを表す「c」という文字、そしてファイル名という形式で表示される。
オブジェクトをarrayにキャストする - Do You PHP はてブロ
し、知らんかった。。。（2回目） あ、これ逆（(array)$obj）もできますよ。当たり前と言えば当たり前ですが。 ということで、前のエントリのサンプルを修正して実行。。。 $ cat cast.php <?php $arr = array('foo' => 1, 'bar' => 'hogehoge', 'baz'); $obj = (object)$arr; var_dump($arr); var_dump((object)$arr); var_dump((array)(object)$arr); class ClassA { private $priv; protected $prot; public $pub; public function __construct($priv, $prot, $pub) { $this->priv = $priv; $this->prot =
特急の自由席一人で二つ使ってたら後からきた爺に席あけろって絡まれた・・・・・・・・ : 稲妻速報
2014年12月30日 特急の自由席一人で二つ使ってたら後からきた爺に席あけろって絡まれた・・・・・・・・ カテゴリ ☆妻「夫から知らないシャンプーの匂いがする変な店に行ってるに違いない」 探偵「調べたところ」→結果… ☆俺「PayPayで」店員「使えないです」俺「いや、だからPayPayで」店員「当店では使えないです」俺「だ・か・らPayPay！！」→結果… ☆違法駐車する奴がいたので、カラーコーンの内側にセメント詰め込んだやつを設置したら… ☆医者「癌ですね、余命3年です」自分「で？だからなに？」→結果… ☆自分「3月で辞めます」クソゴミ上司「でもこの報告書は君しか書けないよ？」→結果… ☆家の近くの交差点はしょっちゅう事故が起きる。→交差点に向けてカメラを設置した結果… ☆弊社「社長は新型クラウン買って息子の家建てたけど物価高で給料カットしまーすｗ」→結果 ☆女上司(29)「アハハ」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
黒革の手帳に汚れがあったため、アルコール綿で拭きました。そうしましたら、白く禿げてしまいました。もし復活方法があるのであれば、教えてく... - Yahoo!知恵袋
linuxカーネルで学ぶC言語のマクロ - Qiita
イーロン・マスクツイッターやめろ on Twitter: "ちっこいスワップ領域作るじゃろ？zswapを有効にするじゃろ？あんまり使われてないメモリ領域が圧縮されてべんりなんじゃ"