はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

はてなブックマーク

  • はてなブックマークって?
  • アプリ・拡張の紹介
  • ユーザー登録
  • ログイン
  • Hatena

はてなブックマーク

トップへ戻る

  • 総合
    • 人気
    • 新着
    • IT
    • 最新ガジェット
    • 自然科学
    • 経済・金融
    • おもしろ
    • マンガ
    • ゲーム
    • はてなブログ(総合)
  • 一般
    • 人気
    • 新着
    • 社会ニュース
    • 地域
    • 国際
    • 天気
    • グルメ
    • 映画・音楽
    • スポーツ
    • はてな匿名ダイアリー
    • はてなブログ(一般)
  • 世の中
    • 人気
    • 新着
    • 新型コロナウイルス
    • 働き方
    • 生き方
    • 地域
    • 医療・ヘルス
    • 教育
    • はてな匿名ダイアリー
    • はてなブログ(世の中)
  • 政治と経済
    • 人気
    • 新着
    • 政治
    • 経済・金融
    • 企業
    • 仕事・就職
    • マーケット
    • 国際
    • はてなブログ(政治と経済)
  • 暮らし
    • 人気
    • 新着
    • カルチャー・ライフスタイル
    • ファッション
    • 運動・エクササイズ
    • 結婚・子育て
    • 住まい
    • グルメ
    • 相続
    • はてなブログ(暮らし)
    • 掃除・整理整頓
    • 雑貨
    • 買ってよかったもの
    • 旅行
    • アウトドア
    • 趣味
  • 学び
    • 人気
    • 新着
    • 人文科学
    • 社会科学
    • 自然科学
    • 語学
    • ビジネス・経営学
    • デザイン
    • 法律
    • 本・書評
    • 将棋・囲碁
    • はてなブログ(学び)
  • テクノロジー
    • 人気
    • 新着
    • IT
    • セキュリティ技術
    • はてなブログ(テクノロジー)
    • AI・機械学習
    • プログラミング
    • エンジニア
  • おもしろ
    • 人気
    • 新着
    • まとめ
    • ネタ
    • おもしろ
    • これはすごい
    • かわいい
    • 雑学
    • 癒やし
    • はてなブログ(おもしろ)
  • エンタメ
    • 人気
    • 新着
    • スポーツ
    • 映画
    • 音楽
    • アイドル
    • 芸能
    • お笑い
    • サッカー
    • 話題の動画
    • はてなブログ(エンタメ)
  • アニメとゲーム
    • 人気
    • 新着
    • マンガ
    • Webマンガ
    • ゲーム
    • 任天堂
    • PlayStation
    • アニメ
    • バーチャルYouTuber
    • オタクカルチャー
    • はてなブログ(アニメとゲーム)
    • はてなブログ(ゲーム)
  • おすすめ

    新内閣発足

『カタログクリップ | 本ページはプロモーションを含みます。』

  • 人気
  • 新着
  • すべて
  • jQueryでanimateできない原因は? $(…).animate is not a functionが出る場合 | カタログクリップ

    3 users

    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を使

    • テクノロジー
    • 2021/09/03 10:39
    • jquery
    • javascript
    • LaravelでURL末尾のスラッシュを付ける方法。 | カタログクリップ

      4 users

      beiznotes.org

      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

      • 暮らし
      • 2019/12/10 16:16
      • Laravel
      • 乾物の戻し率一覧。乾物を水で戻すと何倍になるのか? | カタログクリップ

        5 users

        beiznotes.org

        戻し率 2倍の場合は、100 gの乾物を水で戻したとき200グラムになります。 戻し率は、食品の乾燥状態や戻し方によって異なります。(大量に発注する場合は、少量で試してみてからが安心です。) 日本食品標準成分表2015年版(七訂)や各商品の説明書を参考にしています。 豆類 豆類の戻し率は、およそ2.5倍です。 食品 戻し率

        • 暮らし
        • 2019/10/09 13:51
        • [2019] 個人用ディープラーニングにおすすめのGPU!コスパのよいRTX2070。 | カタログクリップ

          5 users

          beiznotes.org

          ディープラーニングの学習や推論をGPUなしで行うと、とてつもなく時間がかかります。 GPUを導入すれば、モデルにより数倍から数十倍�の速度向上になります。 ここでは、個人でも買える価格のGPUの中から、コスパの良いおすすめのGPUを紹介します。 GPUのどのスペックをみるか チップメーカー GPUチップには、NVIDIA製とAMD製がありますが、2019年1月現在ではディープラーニングのライブラリがNVIDIAにしかほぼ対応していないので、NVIDIAから選ぶことになります。 シリーズ GPUコンピューティング用のチップもありますが、趣味や個人用途で予算が10万円前後かそれ以下の場合は、ゲーム用として販売されているGeForceシリーズを使用することになるかと思います。 GeForceでは一世代前のGTX10シリーズでは、仮想通貨マイニングに使われた関係で全体的に値段が高騰しています。 そ

          • テクノロジー
          • 2019/06/16 14:38
          • あとで読む
          • [2012-2021] Macデスクトップ 64台のCPUベンチマークを一覧比較![iMac, iMacPro, MacPro, Mac mini] | カタログクリップ

            5 users

            beiznotes.org

            2021年モデルのiMacは、過去のモデルと比べどれだけ早くなったのでしょうか。ここでは、2012年以降のiMac, iMacPro, MacPro, Mac miniのCPU型番とベンチマークスコアを一覧表とグラフで比較しています。 MacBookのベンチマークは次の記事にまとめていますので、あわせて参考にしてくださいね。 [2013-2021年] MacBook 68台のCPUベンチマークを一覧比較![Air・Pro・無印] iMacにおすすめの増設用メモリは次のページで紹介しています。 iMacにおすすめの増設用メモリ!対応メモリ実勢価格一覧表。[2007-2019] CPUベンチ一覧表 ベンチマークスコアは、Geekbenchの値を参考にしています。 見出しをクリックまたはタップすると、発売年やスコア順に並べ替えすることができます。シフトを押しながらクリックすると、複数項目で並び替

            • テクノロジー
            • 2019/06/13 23:00
            • Mac
            • レンジ入力欄(スライダー)の現在値を表示する方法 | カタログクリップ

              4 users

              beiznotes.org

              HTML5でサポートされたレンジ入力欄(スライダー)は、そのままではユーザーが現在値を知ることができません。ユーザーのスライダー操作を感知して、現在値を表示する方法を紹介します。javascriptを使用します。複数のスライダーにも一つのコードで対応します。 デフォルトの状態 HTML5では、次のようなレンジ入力欄がサポートされました。大まかな数値を入力することが出来ます。 <input type="range" id="range" min="0" max="10" step="1" value="5"> type=”range”を指定すると表示されます。minが最小値、maxが最大値、stepがステップ、valueが初期値です。 しかし、このままではユーザーはスライダー操作中に現在の値を知ることが出来ません。入力がだいたいの値でよいのであれば、このままでも用をなすのでしょうが、しかしな

              • テクノロジー
              • 2019/02/20 16:35
              • javascript
              • html
              • css
              • UnityでBoids(ボイド)をシミュレーションする | カタログクリップ

                3 users

                beiznotes.org

                Unityを使って、Boidバードを飛ばしてみました。 簡単ですが方法を説明します。 Boidsとは、多数の個体からなる群れの集団運動を、各個体に3つのルールを与えてシミュレーションするアルゴリズムです。Craig Reynolds 氏により1986年に提案されました。 個体間の単純なルールによって、複雑な集団運動が生まれることは、統計力学や磁性体の物理に通じるものがあります。 アルゴリズムについて詳しくは、Wikipediaへどうぞ。 https://en.wikipedia.org/wiki/Boids 今回作成したものがこちら。 Boidsシミュレーション 動機 一昔前では、OpenGLや、java swing、python 3Dとかを使ってガリガリコーディングをする必要がありましたが、今ではUnityがあります。 Unityでは、グラフィック部分はマウスでクリックしていくだけで簡単

                • テクノロジー
                • 2019/01/07 18:45
                • Chart.jsのパイチャートがスマホ画面で潰れてしまうのを防ぐ方法!

                  3 users

                  beiznotes.org

                  Chart.jsはレスポンシブ対応のjavascriptチャートライブラリです。 レスポンシブ対応を謳っていますが、パイチャート/ドーナッツチャートをスマホなどの幅の狭い画面で表示させると、パイが縮小されすぎて見づらくなってしまいます。 それを防ぐ方法を紹介します。 問題 Chart.jsでパイチャートを描いて、横幅~320 pxのスマホで表示させると次のようにパイ部分が潰れてしまいます。 対策 縦横比はデフォルトでは横長になっています。横幅の小さい画面でも、それを維持しようとするため、凡例(keys/legend)に場所を取られてしまったパイが潰れてしまうのだと予想されます。 凡例を小さくする方法もありますが、凡例を小さくすると、凡例が読めなくなりますし、凡例を限りなく小さくしてもパイはそれほど大きくなりそうにありません。 そのため、縦横比を維持しないように設定します。 オプションに次の

                  • 暮らし
                  • 2018/12/11 21:20
                  • [2008-2024年] Mac 302台のCPUベンチマークを一覧比較![Macbook、Mac mini] | カタログクリップ

                    18 users

                    beiznotes.org

                    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

                    • テクノロジー
                    • 2018/11/04 10:07
                    • Mac
                    • NASにWD Blueを使ったらダメなのか?WD Redとの機能・性能の違い。 | カタログクリップ

                      4 users

                      beiznotes.org

                      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

                      • テクノロジー
                      • 2018/10/26 11:45
                      • makefileで、if文 / for文を使う、あるいは複数行のコマンドを書く方法

                        3 users

                        beiznotes.org

                        for文を書く場合は同様に\を使い、次のようにします。 for i in 1 2 3; do\ echo $$i;\ done ここでの注意点は、変数を参照する場合には、$を2つ重ねるということです。$のままだと、makeに解釈されてしまいますので、それを防ぎます。 本当にfor文を使ったほうがよいか? for文で複数ファイルを処理するmakefileを作成する前に考えたいのは、それは本当にmakefileを使用して行うべき処理かということです。 コンパイルにmakeを使う利点の一つは、以前のコンパイル以降に更新されていない依存ファイルは、コンパイルしなおさない、という点です。 for文で複数ファイルを処理する場合は、更新されているかどうかを気にせず処理してしまうことになり、この利点が失われてしまいます。 makefileではなく、ただのシェルファイルを書いた方がよい場合ではないか考えてみ

                        • テクノロジー
                        • 2018/10/23 11:48
                        • Laravel 5.5 入門として「基本のタスクリスト」を作成する [その1] | カタログクリップ

                          8 users

                          beiznotes.org

                          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ドキュメントへのリンクは、有志の方が作成している日本語訳へ

                          • テクノロジー
                          • 2018/03/25 23:25
                          • laravel
                          • Chart.jsで、ラベルやデータ値を常に表示する方法。パイチャートで便利! | カタログクリップ

                            5 users

                            beiznotes.org

                            Chart.jsはレスポンシブ対応のJavascriptチャートライブラリです。 Chart.jsにおいては、グラフのデータ値はデフォルト設定では常に表示されず、マウスポインタをグラフ点に近づけたときにツールチップ表示されるようになっています。 そこで、データ値を常に表示するデータラベルを付ける方法を紹介します。 また、パイチャート等では、パイ中にラベルを表示した方がグラフが見やすくなります。応用例として、データ点付近にラベルを表示する方法も紹介します。 データラベルを追加する方法 Chart.jsのプラグイン機能を使用します。 Chart.jsのグラフを書いている<script>タグ中に次のコードを貼り付けると、すべてのグラフでデータラベルが追加されます。 // Define a plugin to provide data labels Chart.plugins.register({

                            • テクノロジー
                            • 2018/03/08 15:42
                            • javascript
                            • 食洗機用の分岐水栓の取り付け方!写真を交えてわかりやすく説明します。 | カタログクリップ

                              5 users

                              beiznotes.org

                              水栓の種類を特定 まずは、購入する分岐水栓の種類を特定します。パナソニック製食洗機用の分岐水栓の場合は、次のページから分岐水栓を探すことができます。 http://panasonic.jp/bunki/ 蛇口の製品名が分かれば、使用する分岐水栓もすぐわかるのですが、うちの蛇口の場合は、蛇口まわりを鏡を利用しながらくまなく見てみましたが、製造会社名すら書かれていませんでした。お手上げです。 メールで蛇口の写真を送れば、分岐水栓の種類を教えてくれるそうなので、そうしました。問い合わせをしてから1時間後に、購入する分岐水栓の型番(CB-SMB6)がメールで送られてきました。蛇口の製品名は教えてくれませんでしたが、それで十分です。 どうやらMYM社製らしいですが、再び蛇口まわりを見てもMYMという文字はやはり書かれていませんでした。 水栓を間違って購入する人も結構いらっしゃるようなので、型番が分か

                              • 暮らし
                              • 2017/11/03 21:33
                              • Atomエディタで、ウィンドウを分割して diff を見る方法 | カタログクリップ

                                4 users

                                beiznotes.org

                                Atomエディタで、diffを取る方法を紹介します。ターミナルで見るdiffと違い、非常に見やすくなっておりオススメです。さっとインストールして、これから快適 diff 生活を送りましょう。

                                • 世の中
                                • 2017/09/29 18:43
                                • ブログ移転時必見!はてなブログ(無料)からリダイレクトをする簡単で効果的な方法! | カタログクリップ

                                  20 users

                                  beiznotes.org

                                  ブログ移転時必見!はてなブログ(無料)からリダイレクトをする簡単で効果的な方法! 2018 11/01 はてなブログからレンタルサーバへと移転する際に、無料のはてなアカウントでは、canonicalの変更や301リダイレクトが行えません。しかし、それでもJavaScriptで設定をすれば、Googleが移転を理解してくれることが分かっています。このページでは、新URLへのリダイレクトとcanonicalの設定をする方法を紹介します。 なお、投稿データの移転方法については、こちらの記事で紹介していますので、よかったら参考にしてみてください。 はてなブログから、レンタルサーバ + WordPressサイトへの移転方法 Googleクローラは、簡単なJavaScriptなら理解してくれます。 本来、サイトの移転には、Search consoleのヘルプでグーグルが書いているように、301リダイレ

                                  • テクノロジー
                                  • 2017/02/04 09:10
                                  • javascript
                                  • はてなブログ
                                  • google
                                  • web
                                  • あとで読む

                                  このページはまだ
                                  ブックマークされていません

                                  このページを最初にブックマークしてみませんか?

                                  『カタログクリップ | 本ページはプロモーションを含みます。』の新着エントリーを見る

                                  キーボードショートカット一覧

                                  j次のブックマーク

                                  k前のブックマーク

                                  lあとで読む

                                  eコメント一覧を開く

                                  oページを開く

                                  はてなブックマーク

                                  • 総合
                                  • 一般
                                  • 世の中
                                  • 政治と経済
                                  • 暮らし
                                  • 学び
                                  • テクノロジー
                                  • エンタメ
                                  • アニメとゲーム
                                  • おもしろ
                                  • アプリ・拡張機能
                                  • 開発ブログ
                                  • ヘルプ
                                  • お問い合わせ
                                  • ガイドライン
                                  • 利用規約
                                  • プライバシーポリシー
                                  • 利用者情報の外部送信について
                                  • ガイドライン
                                  • 利用規約
                                  • プライバシーポリシー
                                  • 利用者情報の外部送信について

                                  公式Twitter

                                  • 公式アカウント
                                  • ホットエントリー

                                  はてなのサービス

                                  • はてなブログ
                                  • はてなブログPro
                                  • 人力検索はてな
                                  • はてなブログ タグ
                                  • はてなニュース
                                  • ソレドコ
                                  • App Storeからダウンロード
                                  • Google Playで手に入れよう
                                  Copyright © 2005-2025 Hatena. All Rights Reserved.
                                  設定を変更しましたx