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

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

アプリで開く

はてなブックマーク

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

はてなブックマーク

トップへ戻る

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

    WWDC25

『メシのタネ』

  • 人気
  • 新着
  • すべて
  • 今日から役立つjQueryの小技!クリックされた奴をどうにかする方法

    4 users

    mikaduki.info

    jQueryを勉強したての頃、よくjQueryのエラーに苦しめられました。読み込まれているかどうかって不安ですよね。自分が昔そうだったので、困ってる人いるんじゃないかと思って書きます。自分がJSのプログラムを導入するにあたってやっている事を書いてみようかなと思います。 意識する点は、読み込みの順番と... クリックされた奴は取得できる 例えば、ulタグの中にliタグが3つ並んでたとします。この中から真ん中のliタグが押された場合、そのliタグの情報はeventオブジェクトのtargetプロパティの中に入ってます。 targetプロパティ取得方法 こうやれば取得できます。デベロッパーツールのコンソールからどうなってるか見えます。 liタグの文言変更 この123...と並んでるリストタグの値を変えたい時にはこうやります。 クリックするとliタグ内の値が変わります。 idやクラスを取得したい場合

    • テクノロジー
    • 2016/11/01 17:54
    • jQuery
    • 【jQuery】プログラム動かない時に確認すること

      3 users

      mikaduki.info

      jQueryが読み込まれない問題で良くあるケース 私が一番良く見かけるものは、jQueryが読み込まれる前にjQuery関連の機能を利用しようとするケースをよく見かけます。jQueryが読み込まれた後でないと、jQueryを利用することができません。 このケースでは、下記のようなエラーがでます。 Uncaught ReferenceError: jQuery is not defined jQueryで未定義の関数を利用しようとしたというエラー これはjQueryに限らず、関数の未定義で発生するエラーになります。どんなエラーメッセージかというと、下記のようなエラーになります。 Uncaught ReferenceError: hoge is not defined at :1:1 これにはいくつかの原因があるので、その原因を下記に示したいと思います。

      • テクノロジー
      • 2016/01/08 16:23
      • jQuery
      • JS 時差を計算して時分秒に変換する - メシのタネ

        7 users

        mikaduki.info

        IEでもChoromeでも使えないコードで、FireFoxでしかブラウザではJSはnew Dateへ入れるhour(時間って書くとhourなのか時刻なのかわかりづらい)が24以上だとNaNを返してきやがるので動かないんですけど、とある環境だとNaNを返さず、getTimeで差を計算すると上手くhourの差が取れてくるっぽいのでgetTimeで取れてくる値は進んでいるようですね。そんなん使う人は多分こんなとこ検索してこないと思うんですが、明日使うのでここに載せて自分が確認する為に書いておこうとおんもいます。 ミリ秒を時分に換算する式 これはミリ秒さえ取れれば計算ができます。 h = ミリ秒/3600000 m = (ミリ秒-h*3600000)/6000 簡単ですね。 時刻を自分に変換するプログラム 一例として var from = "08:00" var to = "37:30" var

        • テクノロジー
        • 2015/06/25 15:01
        • jQuery
        • javascript
        • 【ContactForm7】inputのValue値にカスタムフィールドの値を設定する

          20 users

          mikaduki.info

          情報源 記事読むのが面倒臭い人は、ContactForm7公式サイトにて手法の公開がされております。そちらを参考にするのが良いと思います。というわけで、公式見ても分からない人は、引き続きお付き合い下さい。 ContactForm7のフォームの設定 最初にコンタクトフォームからショートコードに細工をします。 こんな感じでショートコードにdefault:post_metaを書いてやるとカスタムフィールドに設定された値をValue値に設定できるのですが、カスタムフィールドのキーを、nameと同じにしないとダメなので、コンタクトフォームのショートコードを貼り付けるページに今度カスタムフィールドを入力します。 カスタムフィールドの入力 ショートコードを設定する固定ページなり投稿なりに行って、ショートコードを貼り付けた後、カスタムフィールドを入力します。その際に、contactformに設定したnam

          • テクノロジー
          • 2015/06/12 13:17
          • wordpress
          • Contact Form 7
          • ContactForm7
          • 【javascript】文字列の選択範囲を取得する方法

            3 users

            mikaduki.info

            二日続けてjsネタですjQueryなんかな。どっちだろ。 これで先日の、ある野望に前進しつつあります。 「文字列の選択範囲を取得」これもまた微妙な表現なんですけど、 とりあえず画像でも貼ってみようかなと思います。 つまりやったことはこういうことなんです。 文字列の選択範囲とはカーソルで文字をドラッグした範囲のことです。 文字列の選択範囲をjavascriptを使って取得した結果が上の画像ってことになります。 表現あってるのか不安なので画像使いました。 とりあえずどうやるかというと をconsole.logすればできます。 windowオブジェクト windowって名前が付いた物体の事を言います。 機械といって限定したいところですが、 機械にすると機械にしか出来ない事しかできなくなるので あえてここは物体と表現します。 windowって名前がついたこの物体には 様々な種類の仕事する人間と物置

            • テクノロジー
            • 2015/06/08 13:48
            • JavaScript
            • 【PHP】条件分岐で困った時に使えそうな関数をピックアップしてみたよ!

              61 users

              mikaduki.info

              PHPの勉強を始めたばかりの頃、条件分岐が良く分かりませんでした。今思えば、if文が何かわかっていないというより、if文で何を判断させて良いのか分からなかったような気がします。そんな条件分岐で困った時の為にすぐに使えそうな関数をピックアップしてみました。 値の有無 empty() 値が空かどうかを調べる関数です。こっちから覚えたので今でも使える時は大体迷わずこれを使いますが、変数に0や空文字がセットされている場合も値無しと判断されます。 isset() こちらは変数に値がセットされているかどうかを調べる関数です。空文字や0が変数にセットされている場合は値有りと判断されます strlen() こちらは変数にセットされた値の長さを調べる関数です 試しに動かしてみてください。入力に文字を入れて実行を押せば実行できます。 文字列一致 str_pos() こいつはややこしい関数で、これを覚えるならp

              • テクノロジー
              • 2015/06/04 10:13
              • PHP
              • 正規表現
              • tips
              • programming
              • あとで読む
              • dev
              • jQuery】同一クラスを別々に処理させる

                7 users

                mikaduki.info

                CSSのクラスが複数ある時に、別々のスタイルを適用したかったりイベントを適用したかったりする場合があると思います。そんなときにはとっても便利な方法がありますよ。 同じクラスがついた要素を別々に取得する 各要素をjQueryオブジェクトに変換する 同一クラスにidを指定しないでhide、showの切り替えをやる 同じクラスがついた要素を別々に取得する 例えば、.bodyって名前のclassが三つあったとして、cssだとこのこれは一種類のセレクタだと認知されますよね。ただ、jQueryを使えば、セレクタは一種類ですが、styleを適用したり、classを追加したりすることで、別物として扱う事ができます。ちょっと、意味不明なので少しでも分かりやすく図にするとこうなります。 じゃじゃーん。こんな感じになります!こういうのができると、クラスそれぞれに対して別々のスタイルを適用したりクラス適用したり、

                • 世の中
                • 2015/03/25 01:49
                • 【2025年版】JavaScript でファイル生成&ダウンロードの手順書

                  3 users

                  mikaduki.info

                  この記事でわかること たった 3 行でテキストファイルをダウンロードする最小コード Blob / File API が動くしくみとブラウザ対応早見表 fetch で取得したデータ・Canvas 画像をその場で保存する応用テク IE11 向けの msSaveOrOpenBlob フォールバック の残し方 0. 5 秒で試せる最小コード(コピー&ペーストどうぞ) <button id="dl">download</button> <script> document.getElementById('dl').addEventListener('click', () => { const blob = new Blob(['Hello, File API!'], { type: 'text/plain' }); const url = URL.createObjectURL(blob); cons

                  • テクノロジー
                  • 2015/03/14 23:53
                  • ブラウザ
                  • データ
                  • JavaScript
                  • 【FuelPHP】フォームの作成に関する記事その3 Fieldset

                    3 users

                    mikaduki.info

                    前回に引き続き、フォームの作成に関する記事3ということで 続きを書いていきます。 前回までで、個別にフォームを作成する場合と、 バリデーションについて書いていきました。 実は、フォームの生成とバリデーションを一緒にできる方法があるので、 それについて書いていきたいと思います。 オブジェクト指向風のフォーム作成方法 さっきも書いたのですけど、Fieldsetはフォームをオブジェクト指向風に作成することが出来ます。 例えば、こういう風に記述した場合には こんな感じで書いて Viewsにset_safeで設定した変数を呼び出すと フォームの属性をナントカしたい場合は場合はこうやります。 inputの作成方法はaddメソッド fieldsetクラスに書いてあるメソッドです。 フォームに対して、属性やバリデーションの設定をすることができます! 作成したinputの編集をするにはfieldメソッド さ

                    • 学び
                    • 2014/11/21 13:25
                    • FuelPHP
                    • 【API】Youtube data API v3 のAPIkey取得方法

                      4 users

                      mikaduki.info

                      結構こういう登録作業って面倒くさいですよね。 TwitterにしろMSにしろGoogleにしろ、その都度登録方法調べて 手順一からやってってなりますけど、一回やっちまえば終わりなので 興味ある人はやってみましょう。 でAPIKEY取れたら、ちゃんとどっかにメモしてメモの保管場所は覚えておきましょう。 そうしたら1回です!僕みたいに何回も何回もやらなくてすみますから!! ちゃんとメモしておきましょう。取得したAPIKEYもアカウントも!ちゃんと!! では画像付きでYoutubeAPIKEYの取得方法言っていきます。 とりあえずさっきデータ取得できたからこのやり方でいいと思います。 Google Developpers Consoleに行く グーグルアカウントにログインした状態でここに行きます。 この画面が出るのでAccount Settingを選択 プロジェクトを作る前に分かりやすく日本語に

                      • テクノロジー
                      • 2014/06/24 14:11
                      • FuelphpのFieldsetとかmodelとか微妙にややこしいやつ

                        3 users

                        mikaduki.info

                        $_POSTの取得 Input::post(); GETなら Input::get(); SESSION session::set("name",$value); session::get("name"); モデルにルーチン処理 モデルにメソッド書いて モデルをnewしてメソッドにアクセスすれば コントローラの行数を減らす事ができて保守がし易い save $insert = array( 'key' => 'val', 'key1' => 'val1', 'key2' => 'val2' ); $obj = new Model_Basic($insert); $obj->save(); クラスの呼び方は他にもあります。 query $search = new Model_Analyvalue; $cnt = $search->query()->where('userID',$userID)

                        • テクノロジー
                        • 2014/03/11 21:17
                        • FuelPHP
                        • PHP
                        • テーブルタグの結合とかやっかいな事全般 | メシのタネ

                          3 users

                          mikaduki.info

                          慣れない事から学ぶこと 今の会社に入ってから、今までやらなかったような事をやる事がある。 管理画面の作成とか、結構テーブルでやって欲しいって依頼があったりする。 多分プログラマーが導入しやすいからなんだろうけど。うち限定かもしんないが。 そんな訳で、業務系のプログラムをやる事が多いのでprint用cssとかテーブルレイアウトとかシステム開発とか 今までやらなかった事をやっております。 ほんでテーブルが案外やっかいなんだ テーブル用のプロパティが多いとか、 結合すると何か横幅が上手く行かなかったりとか、 設定値入れないとtdの間になんか1pxスペース入るとか、 固定しとかないと、親タグいっぱい広がって行くとか、 以外に面倒。前職が、媒体運営だったから、テーブルには慣れてるつもりだったけど そんなもんは所詮つもりの世界だったんですね。 結合時のwidth無視回避法 多分これは、いい方法ではない

                          • 暮らし
                          • 2013/03/30 11:53

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

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

                          『メシのタネ』の新着エントリーを見る

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

                          j次のブックマーク

                          k前のブックマーク

                          lあとで読む

                          eコメント一覧を開く

                          oページを開く

                          はてなブックマーク

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

                          公式Twitter

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

                          はてなのサービス

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