サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
Pixel 9
beiznotes.org
ホームコンピューターjQueryでanimateできない原因は? $(…).animate is not a functionが出る場合 jQueryでanimate関数を使ってアニメーション動作をしようとしたら、次のようなエラーが出ることがあります。 Uncaught TypeError: $(...).animate is not a function これは、jQueryのslim版を使用しているのが原因かもしれません。 slim版では、ajax系関数が使えないことはよく知られていますが、実は、アニメーション系の次の関数もサポートされていません。 animate fadeIn fadeOut fadeToggle fadeTo finish stop slideDown slideUp slideToggle slim版を使用している場合は、full版に切り替えましょう。 CDNを使
Laravelでは、URL末尾にスラッシュを付けてアクセスをすると、スラッシュなしURLへリダイレクトされます。 これを「スラッシュなしでアクセスした場合は、スラッシュ付きにリダイレクトする」ように変更する方法を紹介します。 このスラッシュはトレイリングスラッシュ(trailing slash)と呼ばれます。 この振る舞いは、.htaccessによって制御されていますので、public/.htaccessを書き換えます。 .htaccess Before <IfModule mod_rewrite.c> <IfModule mod_negotiation.c> Options -MultiViews -Indexes </IfModule> RewriteEngine On # Handle Authorization Header RewriteCond %{HTTP:Authoriza
戻し率 2倍の場合は、100 gの乾物を水で戻したとき200グラムになります。 戻し率は、食品の乾燥状態や戻し方によって異なります。(大量に発注する場合は、少量で試してみてからが安心です。) 日本食品標準成分表2015年版(七訂)や各商品の説明書を参考にしています。 豆類 豆類の戻し率は、およそ2.5倍です。 食品 戻し率
ディープラーニングの学習や推論をGPUなしで行うと、とてつもなく時間がかかります。 GPUを導入すれば、モデルにより数倍から数十倍�の速度向上になります。 ここでは、個人でも買える価格のGPUの中から、コスパの良いおすすめのGPUを紹介します。 GPUのどのスペックをみるか チップメーカー GPUチップには、NVIDIA製とAMD製がありますが、2019年1月現在ではディープラーニングのライブラリがNVIDIAにしかほぼ対応していないので、NVIDIAから選ぶことになります。 シリーズ GPUコンピューティング用のチップもありますが、趣味や個人用途で予算が10万円前後かそれ以下の場合は、ゲーム用として販売されているGeForceシリーズを使用することになるかと思います。 GeForceでは一世代前のGTX10シリーズでは、仮想通貨マイニングに使われた関係で全体的に値段が高騰しています。 そ
ホームコンピューターmac[2012-2021] Macデスクトップ 64台のCPUベンチマークを一覧比較![iMac, iMacPro, MacPro, Mac mini]
複数のスライダーに対応させる スライダーが複数ある場合は、単純には次のようにします。 二つ目のスライダーのid名をrange2, 値表示のid名をvalue2などと別の名前にする。 スクリプト中のid名もその通り変更して追加する。 追加するスクリプトは、次のようになります。functionに要素を渡しているので、functionの再定義は必要ありません。 <script> var elem2 = document.getElementById('range2'); var target2 = document.getElementById('value2'); elem2.addEventListener('input', rangeValue(elem2, target2)); </script> まあ、スライダーが3つくらいまでならやる気が出ますが、それ以上となると面倒になってきます。
Unityを使って、Boidバードを飛ばしてみました。 簡単ですが方法を説明します。 Boidsとは、多数の個体からなる群れの集団運動を、各個体に3つのルールを与えてシミュレーションするアルゴリズムです。Craig Reynolds 氏により1986年に提案されました。 個体間の単純なルールによって、複雑な集団運動が生まれることは、統計力学や磁性体の物理に通じるものがあります。 アルゴリズムについて詳しくは、Wikipediaへどうぞ。 https://en.wikipedia.org/wiki/Boids 今回作成したものがこちら。 Boidsシミュレーション 動機 一昔前では、OpenGLや、java swing、python 3Dとかを使ってガリガリコーディングをする必要がありましたが、今ではUnityがあります。 Unityでは、グラフィック部分はマウスでクリックしていくだけで簡単
Chart.jsはレスポンシブ対応のjavascriptチャートライブラリです。 レスポンシブ対応を謳っていますが、パイチャート/ドーナッツチャートをスマホなどの幅の狭い画面で表示させると、パイが縮小されすぎて見づらくなってしまいます。 それを防ぐ方法を紹介します。 問題 Chart.jsでパイチャートを描いて、横幅~320 pxのスマホで表示させると次のようにパイ部分が潰れてしまいます。 対策 縦横比はデフォルトでは横長になっています。横幅の小さい画面でも、それを維持しようとするため、凡例(keys/legend)に場所を取られてしまったパイが潰れてしまうのだと予想されます。 凡例を小さくする方法もありますが、凡例を小さくすると、凡例が読めなくなりますし、凡例を限りなく小さくしてもパイはそれほど大きくなりそうにありません。 そのため、縦横比を維持しないように設定します。 オプションに次の
2023年最新モデルのMacBook Air, Proは、過去モデルと比べどれだけ早くなったのでしょうか。ここでは、2008年以降のMacBook、MacBook Air、MacBook ProのCPU型番とベンチマークスコアを一覧表とグラフで比較しています。 デスクトップ型Macのベンチマークは次の記事にまとめていますので、あわせて参考にしてみてくださいね。 [2012-2019] Macデスクトップ 57台のCPUベンチマークを一覧比較![iMac, iMacPro, MacPro, Mac mini] CPUベンチ一覧表 ベンチマークスコアは、Geekbench 5の値を参考にしています。 見出しをタップすると、発売年やスコア順に並べ替えすることができます。ラップトップの方はシフトを押しながらクリックすると、複数項目で並び替えできます。モデルを絞り込んで表示することもできます。 表中
WD Blueは、日中のみ起動して夜は停止するような、一日のうち限られた時間のみ稼働する環境で使用されることが想定されています。 メーカーが推奨する用途: 一体型PC、ノートPC、外付けエンクロージャー用 デスクトップ/一般消費者向けRAID環境(RAID-0/RAID-1)用 使用場所としては、デスクトップ内蔵だけでなく、外付けHDDケースに入れて使う用途にも推奨されています。 またRAIDアプリケーション用として試験がされており、使用が推奨されています。 一方のWD Redは、24時間365日稼働する環境での使用が想定されています。 メーカーが推奨する用途: ご自宅やスモールオフィスのNASシステム(1~8ベイ)用 これに加えて機能面では、次の3つのNASに特化した機能が備わっています。 連続稼働への対策 製品保証3年・周囲温度0~65度C 振動対策 3つの振動対策技術を採用 RAID
そのため、次のように\を使って、改行を明示します。 if [ -d tmp ]; then\ echo "tmp is a directory";\ fi for文を書く場合は同様に\を使い、次のようにします。 for i in 1 2 3; do\ echo $$i;\ done ここでの注意点は、変数を参照する場合には、$を2つ重ねるということです。$のままだと、makeに解釈されてしまいますので、それを防ぎます。 本当にfor文を使ったほうがよいか? for文で複数ファイルを処理するmakefileを作成する前に考えたいのは、それは本当にmakefileを使用して行うべき処理かということです。 コンパイルにmakeを使う利点の一つは、以前のコンパイル以降に更新されていない依存ファイルは、コンパイルしなおさない、という点です。 for文で複数ファイルを処理する場合は、更新されているかど
Laravel公式にあるクイックスタートは2017年9月現在では古く、Laravel 5.5ではディレクトリ構造が異なっているなどして、スムーズに進められません。 他の良いチュートリアルとして、Laravel 5.2までドキュメントに含まれている「基本のタスクリスト」があります。 そこでこの記事では、Laravelに入門する方を対象に、そのチュートリアルをLaravel 5.5で行う方法を順を追って紹介します。 記事は次の3回に別れており、本記事は1つ目の記事です。 Laravel 5.5 入門として「基本のタスクリスト」を作成する [その1] Laravel 5.5 入門として「基本のタスクリスト」を作成する [その2] Laravel 5.5 入門として「基本のタスクリスト」を作成する [その3] なお、本記事中のLaravelドキュメントへのリンクは、有志の方が作成している日本語訳へ
Chart.jsはレスポンシブ対応のJavascriptチャートライブラリです。 Chart.jsにおいては、グラフのデータ値はデフォルト設定では常に表示されず、マウスポインタをグラフ点に近づけたときにツールチップ表示されるようになっています。 そこで、データ値を常に表示するデータラベルを付ける方法を紹介します。 また、パイチャート等では、パイ中にラベルを表示した方がグラフが見やすくなります。応用例として、データ点付近にラベルを表示する方法も紹介します。 データラベルを追加する方法 Chart.jsのプラグイン機能を使用します。 Chart.jsのグラフを書いている<script>タグ中に次のコードを貼り付けると、すべてのグラフでデータラベルが追加されます。 // Define a plugin to provide data labels Chart.plugins.register({
水栓の種類を特定 まずは、購入する分岐水栓の種類を特定します。パナソニック製食洗機用の分岐水栓の場合は、次のページから分岐水栓を探すことができます。 http://panasonic.jp/bunki/ 蛇口の製品名が分かれば、使用する分岐水栓もすぐわかるのですが、うちの蛇口の場合は、蛇口まわりを鏡を利用しながらくまなく見てみましたが、製造会社名すら書かれていませんでした。お手上げです。 メールで蛇口の写真を送れば、分岐水栓の種類を教えてくれるそうなので、そうしました。問い合わせをしてから1時間後に、購入する分岐水栓の型番(CB-SMB6)がメールで送られてきました。蛇口の製品名は教えてくれませんでしたが、それで十分です。 どうやらMYM社製らしいですが、再び蛇口まわりを見てもMYMという文字はやはり書かれていませんでした。 水栓を間違って購入する人も結構いらっしゃるようなので、型番が分か
Atomエディタで、diffを取る方法を紹介します。ターミナルで見るdiffと違い、非常に見やすくなっておりオススメです。さっとインストールして、これから快適 diff 生活を送りましょう。 split-diff パッケージ split-diff パッケージをインストールすると、次のように ウィンドウを左右に分割して、差異が見やすい状態で編集を行うことが出来ます。編集作業が一層捗りますね! split-diff インストール方法 では、さっくりとインストールしてしまいましょう。ここでは、macOS 環境でのAtomについて紹介しますが、windows環境でも同様にインストールすることが出来ますので、適宜読み替えてください。 まず、Atomのメニューから、 Atom > Preferences... と進みます。 preferences 次に、installを選び、入力欄に split-di
はてなブログからレンタルサーバへと移転する際に、無料のはてなアカウントでは、canonicalの変更や301リダイレクトが行えません。しかし、それでもJavaScriptで設定をすれば、Googleが移転を理解してくれることが分かっています。このページでは、新URLへのリダイレクトとcanonicalの設定をする方法を紹介します。 なお、投稿データの移転方法については、こちらの記事で紹介していますので、よかったら参考にしてみてください。 はてなブログから、レンタルサーバ + WordPressサイトへの移転方法 Googleクローラは、簡単なJavaScriptなら理解してくれます。 本来、サイトの移転には、Search consoleのヘルプでグーグルが書いているように、301リダイレクトを使った移転が理想的です。 しかし、はてなブログでは外部へは301リダイレクトが設定できないため、そ
このページを最初にブックマークしてみませんか?
『カタログクリップ – 本ページはプロモーションを含みます。』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く