サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
新内閣発足
beiznotes.org
jQueryでanimateできない原因は? $(…).animate is not a functionが出る場合 2020 6/28 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シリーズでは、仮想通貨マイニングに使われた関係で全体的に値段が高騰しています。 そ
2021年モデルのiMacは、過去のモデルと比べどれだけ早くなったのでしょうか。ここでは、2012年以降のiMac, iMacPro, MacPro, Mac miniのCPU型番とベンチマークスコアを一覧表とグラフで比較しています。 MacBookのベンチマークは次の記事にまとめていますので、あわせて参考にしてくださいね。 [2013-2021年] MacBook 68台のCPUベンチマークを一覧比較![Air・Pro・無印] iMacにおすすめの増設用メモリは次のページで紹介しています。 iMacにおすすめの増設用メモリ!対応メモリ実勢価格一覧表。[2007-2019] CPUベンチ一覧表 ベンチマークスコアは、Geekbenchの値を参考にしています。 見出しをクリックまたはタップすると、発売年やスコア順に並べ替えすることができます。シフトを押しながらクリックすると、複数項目で並び替
HTML5でサポートされたレンジ入力欄(スライダー)は、そのままではユーザーが現在値を知ることができません。ユーザーのスライダー操作を感知して、現在値を表示する方法を紹介します。javascriptを使用します。複数のスライダーにも一つのコードで対応します。 デフォルトの状態 HTML5では、次のようなレンジ入力欄がサポートされました。大まかな数値を入力することが出来ます。 <input type="range" id="range" min="0" max="10" step="1" value="5"> type=”range”を指定すると表示されます。minが最小値、maxが最大値、stepがステップ、valueが初期値です。 しかし、このままではユーザーはスライダー操作中に現在の値を知ることが出来ません。入力がだいたいの値でよいのであれば、このままでも用をなすのでしょうが、しかしな
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)に場所を取られてしまったパイが潰れてしまうのだと予想されます。 凡例を小さくする方法もありますが、凡例を小さくすると、凡例が読めなくなりますし、凡例を限りなく小さくしてもパイはそれほど大きくなりそうにありません。 そのため、縦横比を維持しないように設定します。 オプションに次の
CPUベンチ一覧表 ベンチマークスコアは、Geekbench 6の値を参考にしています。 モデル絞り込み ノート MacBook Air MacBook Pro (13/14-inch) MacBook Pro (15/16/17-inch) MacBook デスクトップ iMac Mac mini iMac Pro Mac Studio 表の見出しをタップすると並べ替えできます。 発売年 モデル チップ コア数 シングルコア マルチコア クロック GPUコア数 OpenCL Metal
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
for文を書く場合は同様に\を使い、次のようにします。 for i in 1 2 3; do\ echo $$i;\ done ここでの注意点は、変数を参照する場合には、$を2つ重ねるということです。$のままだと、makeに解釈されてしまいますので、それを防ぎます。 本当にfor文を使ったほうがよいか? for文で複数ファイルを処理するmakefileを作成する前に考えたいのは、それは本当にmakefileを使用して行うべき処理かということです。 コンパイルにmakeを使う利点の一つは、以前のコンパイル以降に更新されていない依存ファイルは、コンパイルしなおさない、という点です。 for文で複数ファイルを処理する場合は、更新されているかどうかを気にせず処理してしまうことになり、この利点が失われてしまいます。 makefileではなく、ただのシェルファイルを書いた方がよい場合ではないか考えてみ
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 生活を送りましょう。
ブログ移転時必見!はてなブログ(無料)からリダイレクトをする簡単で効果的な方法! 2018 11/01 はてなブログからレンタルサーバへと移転する際に、無料のはてなアカウントでは、canonicalの変更や301リダイレクトが行えません。しかし、それでもJavaScriptで設定をすれば、Googleが移転を理解してくれることが分かっています。このページでは、新URLへのリダイレクトとcanonicalの設定をする方法を紹介します。 なお、投稿データの移転方法については、こちらの記事で紹介していますので、よかったら参考にしてみてください。 はてなブログから、レンタルサーバ + WordPressサイトへの移転方法 Googleクローラは、簡単なJavaScriptなら理解してくれます。 本来、サイトの移転には、Search consoleのヘルプでグーグルが書いているように、301リダイレ
このページを最初にブックマークしてみませんか?
『カタログクリップ | 本ページはプロモーションを含みます。』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く