// 悪い例 var id = $("#content").data("id"); var itemId = $("#content").data("item-id"); // 良い例 var content = $("#content") var id = content.data("id"); var itemId = content.data("item-id"); // 悪い例 $.each(reallyLongArray, function(count, item) { var newLi = '<li>' + item + '</li>'; $('#ballers').append(newLi); }); // 良い例 : DocumentFragmentを使用 var frag = document.createDocumentFragment(); $.each(reall

様々なスポーツで起こるマメ。痛さで集中力が低下したり、トレーニングのスケジュールが狂ってしまったりと 大きなケガではありませんが意外と厄介なケガです。 その中でランニングの際に足にできるマメにフィーカスして、その対策を考えてみたいと思います。 マメ（肉刺）とは？ マメは漢字で書くと「肉刺」と書きます。漢字が表すように酷い場合は刺すような痛みを感じることがあります。ランニングの最中に起こるマメは、上り下りが多いコースや富士登山駅伝のような極端な登り下りのあるコース、または通常よりも速いスピードで走った場合に多発します。シューズと足の皮膚が擦れて摩擦が起こり水泡が出来てしまいます。つまりマメは足の皮膚とシューズの擦れの繰り返しによる火傷の一つと考えて良いと思います。マメが出来た足でそのまま走り続けていると、やがて水泡は破れてしまいます。 靴擦れとは？ 日常生活の中で起きる“靴擦れ”も”マメ”と

解説 Windows OSでは、例えばエクスプローラ上でファイル名をダブルクリックすると、そのファイルを作成したアプリケーションが起動する。このような仕組みをファイル・タイプの関連付けという。TIPS「ファイル・タイプの関連付けを変更する2つの方法」では、GUIの設定画面（エクスプローラの［ツール］－［フォルダ オプション］やファイルの［プロパティ］ダイアログ）を使って関連付けを変更する方法を紹介した。 本TIPSでは、コマンドプロンプト上からこの関連付け設定を行ったり、その内容を確認する方法を紹介する。 操作方法 コマンドプロンプト上でファイル・タイプの関連付けを操作するコマンドには、assocとftypeの2つがある。これら2つのコマンドを組み合わせて、関連付けを設定する。ただしこれらのコマンドを実行するには、Power Usersもしくは管理者権限が必要である。 ●ステップ1――ファ

書くからには出来るだけちゃんとしたのを書きたいよね。 (Python の理念的にも) というわけで書き方の作法を頭にいれておく。 みんな大好きコーディング規則 日本語 PEP - PEP 8 -- Style Guide for Python Code インデント強制よりこっちのが特徴的な気がする docstring 日本語 PEP - PEP 257 -- Docstring Conventions プログラマの為に assert Python リファレンスマニュアル - 6.2 Assert 文 (assert statement) 自動ドキュメント生成 pydoc Python ライブラリリファレンス - 5.1 pydoc -- ドキュメント生成とオンラインヘルプシステム docstring からテストを実行する doctest Python ライブラリリファレンス - 5.2 d

2015年11月10日 プレイヤーが自然に感じる乱数の作り方 Tweet ゲームでは擬似乱数がよく使われるが、ある種のゲームは数学的に精度の高い擬似乱数（たとえばMT）を用いているにも関わらず、コンピュータが有利になるように乱数を操作していると批判に晒されている。 実際、数学的に正しい乱数と、プレイヤーが自然と感じる乱数には、ある種の差が存在する。北陸科学技術大学院大学の池田研究室では、プレイヤーに自然に感じる乱数の生成に関する研究を行っている。 プレイヤーが不自然に感じる理由 数学的に正しい乱数に対してプレイヤーが不自然に感じる理由としては認知バイアスが考えられる。特に本事象に関連する認知バイアスとして、次が挙げられている[1]。 確証バイアス: 人は自分のもつ仮説に一致する情報を求め、反証となる証拠を避ける傾向がある。ひとたび、サイコロが操作されていると感じると、それ以降、その仮説に都

最近、普段以上にChromeの開発者ツールを使うことに時間をかける機会がありました。その過程で、自分が今まで気づいていなかった機能をいくつか見つけました（少なくとも今までその機能を探す必要に迫られていなかった、とも言えるのですが。例えばブラックボックス化や非同期のスタックトレースなど）。そのため、開発者ツールでとても気に入っているいくつかの機能についてまとめてみたくなったのです。 小さな虫眼鏡ののアイコンは、特定の要素やCSSプロパティに対して、「どのCSSファイルに書かれているどのセレクタ/クラスが最終的なスタイルを決めているか」を示してくれます。例えば、どれかDOM要素に対して「要素を検証」を選び、右側の「Computed」というタブを選びます。確認したいCSSプロパティを見つけてその虫眼鏡アイコンをクリックすることで、すぐさま右側に正しいCSSファイル内のクラス/セレクタを表示してく

某Linux には wget や Curl など、ダウンロードに便利なコマンドがあります。 では PowerShell は、ファイルダウンロードの際に一々 .NETを記述、叩かなくてはいけないのでしょうか？ PowerShell 3.0からはそんなことありません。 Invoke-WebRequest を使うことで、ファイルダウンロードが用意に出来るようになりました。 今回、サクッとつかうのにfunctionでラップしたので、サンプルをどうぞ。 基本記述 Invoke-WebRequestは、基本的にはこの形式でファイルダウンロードが可能です。 Invoke-WebRequest -Uri 対象URI -OutFile 保存するローカルパス 簡単ですね！ functionにしてみる GitHubに置いておきました。 https://github.com/guitarrapc/PowerShe

ほぼほぼこの記事に書いてある内容なんですけど、httrでやってみたのでメモ。 e-Stat APIとは 政府統計の総合窓口(e-Stat)で提供している統計データを入手できるAPIです。ユーザ登録してAPIキーを生成すると使えます。 今のところ、以下の種類のAPIが用意されています。形式はXMLとJSONとJSONPがありますが、今回はJSON形式のでやってみるので、jsonが返ってくるリクエストURLを書き添えています。 統計表情報取得（getStatsList）：統計表の検索 メタ情報取得（getMetaInfo）：統計表のメタ情報を取得 統計データ取得（getStatsData）：統計表のデータを取得 データセット登録（postDataset）：統計データの取得条件を登録しておける データセット参照（refDataset）：登録されている取得条件を参照 データカタログ情報取得（get

昔に書いたものなので余り参考になさらずに 僕はターミナルに引きこもっています。たまに外出しても最寄りのブラウザ程度です。そんな僕は Mac を使っています。綺麗な UNIX だからです。ターミナルアプリとしてターミナル.app を使っています。iTerm2 含めいろいろ試しましたがコレがさいつよでした。そして、僕は 2 年半かけてさいつよ環境を築き上げました。 tl;dr 最強のターミナル開発環境の構築する 最強の開発環境を目指して タイトルで豪語しすぎた感はありますが、本気で構築中です。僕がターミナル環境の整備に目覚めたのは学生の時でした。特に何かのプロジェクトに携わるといったこともなく、たまに講義の課題を解いたり趣味のアプリを作成したりといった程度での開発だったので、環境構築や整備に割く時間がありました。 まずは現状 普段のターミナル環境は次のとおりです。 ターミナル.app（全画面）

データを本格的に解析する前におこなっている「データの特徴を把握する作業」のコマンド紹介です。内容はデータの作成、ファイルの読み込み、データ構造、要約、分散、ヒストグラム、インタラクティブな散布図、データを作業フォルダにcsvで保存するコマンドです。 実行コマンドはR version 3.2.2で確認しています。 実行コマンド 詳細はコメント、コマンドのヘルプを確認してください。 [code language=”R”] ###データ例の作成##### n 出力結果 ・ヒストグラムで分布の確認 ・インタラクティブな散布図 快適な閲覧環境保持のため画像にしています。実際のコマンドではインタラクティブな散布図が出力られます。 Rで解析：インタラクティブな散布図作成！「pairsD3」パッケージ https://www.karada-good.net/analyticsr/r-77/を参照 少しでも

Webサイトやブログを作成する時にCSSでよく使うコード、ブレイクポイントの定義・Flexboxのグリッド・ボタン・フォーム・画像周り・ライン・ユーティリティ・アニメーションなどがまとめられたCorpusを紹介します。 スニペットに登録したり、ブックマークしておくと便利ですね。 Corpus Corpusでは、作者自らが新しいプロジェクトを始める時によく使用するコードのセットをまとめており、汎用的に利用できるようSCSSでダウンロードできます。 参考として、更に掘り下げた記事もピックアップしました。

เว็บสล็อตโรม่า joker123 เป็นทางเลือกที่น่าเชื่อถือสำหรับผู้เล่นที่ต้องการความมั่นใจในการเดิมพันออนไลน์ ด้วยระบบความปลอดภัยระดับสูงและการตรวจสอบอย่างเข้มงวด คุณสามารถวางใจได้ว่าทุกการเล่นของคุณจะเป็นไปอย่างยุติธรรมและโปร่งใส เว็บไซต์นี้ได้รับการรับรองจากหน่วยงานที่เกี่ยวข้อง ทำให้คุณหมดกังวลเรื่องการโกงได้อย่างสิ้นเชิง เว็บสล็อตโรม่า joker123 สล็อตโรม่า นอกจากนี้ ทีมงานมืออาชีพพร้อมให้บริการตลอด 24

Webデザインをする上では欠かせないAdobe Illustrator。初心者の方からすると難しいイメージがあり、「使い方がよくわからない」と悩んでしまうこともありますよね。 そこでこのページでは、Illustratorをこれから使い始める初心者の方に向けて、まずは押さえておきたい基本操作や使い方を解説します。 何をやるにしても、基礎は大切です。この記事を読んで、Illustratorの基本の操作方法をマスターしましょう。 「ググってわからないこと」が一瞬で解決するかも？ Webデザインを効率的にプロから学びたい、転職・就職を目指している、全部誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGのスクールでは、現役デザイナーがマンツーマンで指導！6ヶ月でWebデザイナーに。 ▼少しでも気になる方は、ぜひ公式サイトをご覧ください！ ▼スクールの概要をまとめた資料は

アドビブログ Creative Cloud、Document Cloudの最新情報や役に立つ情報を紹介しています。

Chromeのデベロッパーツールをプロのように使いこなすための20のテクニックを紹介します。 いやー、本当にデベロッパーツールは機能が豊富ですね。 How to use Chrome DevTools like a Pro 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 HTMLの要素をクイック編集 指定した行番号に移動 すべての子ノードを展開 デベロッパーツールの位置を変える CSSのセレクタによるDOM検索 Material Designとカスタムカラーパレット 複数のカーソル 画像をData URIとしてコピー 疑似クラスのトリガー 複数のコラムをドラッグで選択 「$0」で現在の要素を手に入れる 要素の表示 「Event Listeners」の表示 イージングのプレビュー Media Queriesの検証 ネットワークをフィルム

ちょっと試してみたがこれは便利かも・・・。 Sheetsuは、GoogleスプレッドシートをAPIにしてくれるサービスだ。 使い方は簡単で、GoogleスプレッドシートのURLを入れてサービス連携するだけだ。 あとは指定されたURLでデータの取得や書き込みができてしまう。 Googleスプレッドシートをデータベース代わりにしてサービス構築、なんてこともできそうだ。データの更新が楽になりそうですな。 本番運用するにはちょっと微妙かもだが、興味がある人は試してみるといいですな。