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

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

アプリで開く

はてなブックマーク

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

はてなブックマーク

トップへ戻る

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

    参議院選挙2025

『qiita.com』

  • 人気
  • 新着
  • すべて
  • 個人開発でwebサービスを作ったら人生で初めてバズった話 - Qiita

    11 users

    qiita.com/katsunory

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに 先日個人開発したwebサービスをリリースしました。 ありがたいことに思った以上に反響があり、仕事とはまた違った学ぶこともあったので宣伝も兼ねて開発にあたっての備忘録を残そうと思います。 作ったwebサービス BUKUMANGA - はてなブックマーク数を元にwebマンガをまとめたサイト https://bukumanga.com/ GitHub https://github.com/ktny/bukumanga 開発の目的 名作webマンガを整理したい はてなブックマークで誰かが「webマンガをまとめたサイト作ってくれないかな

    • テクノロジー
    • 2021/06/28 12:00
    • 開発
    • サービス
    • 資料
    • Webサービス
    • 【Laravel】複数カラムのユニーク制約のバリデーションを実装する方法 - Qiita

      5 users

      qiita.com/katsunory

      Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can do with signing up

      • テクノロジー
      • 2020/01/15 18:18
      • Laravel
      • RxJS入門#1基本の概念をひとつずつ学ぶ - Qiita

        3 users

        qiita.com/katsunory

        Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

        • テクノロジー
        • 2019/04/30 15:21
        • PHP5.6→7系、Laravel5.4→5.5への移行アップデートでざっくりやったこと - Qiita

          3 users

          qiita.com/katsunory

          なぜバージョンアップするのか PHP7の高速化の恩恵にも預かりたいですが、PHP5.6のサポートが2018年いっぱいで切れるということが一番大きいです。 Laravelへの移行はPHPのバージョンアップに伴ってというところですが、5.5がLTSなので早いとこそれに変えておきたいという面もあります。 大まかに下記のような手順でバージョンアップを進めていきたいと思います。 現在のコードをPHP7にしても文法的にエラーがないか確認 実際に開発環境をPHP7にして確認 Laravel5.5用にプロジェクトをアップデート 1. 現在のコードをPHP7にしても文法的にエラーがないか確認 文法チェックツールでコマンドラインからサクッと確認 sstalle/php7cc: PHP 7 Compatibility Checker php7ccはphp5系(5.3〜5.6)からphp7への移行をサポートしてく

          • テクノロジー
          • 2018/07/26 15:27
          • php
          • 開発
          • 【Laravel】EagerLoadまとめ。動的プロパティとEloquentリレーションの違いなど - Qiita

            3 users

            qiita.com/katsunory

            Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

            • テクノロジー
            • 2018/07/04 14:21
            • あとで読む
            • 【Laravel】DBにデータを保存する方法。createとinsertの違いなど - Qiita

              7 users

              qiita.com/katsunory

              Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

              • テクノロジー
              • 2018/05/21 23:40
              • laravel
              • 【jQuery】onメソッドの使用方法 - Qiita

                5 users

                qiita.com/katsunory

                Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

                • テクノロジー
                • 2018/03/23 17:24
                • jQuery
                • webpackでビルド時に指定ディレクトリ配下を丸ごとS3にアップロードする - Qiita

                  3 users

                  qiita.com/katsunory

                  Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

                  • テクノロジー
                  • 2018/02/14 09:57
                  • webpack
                  • aws
                  • javascript
                  • S3にCloudFrontを通すことで月20万ぐらい節約した話 - Qiita

                    13 users

                    qiita.com/katsunory

                    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

                    • テクノロジー
                    • 2017/12/29 18:16
                    • cloudfront
                    • aws
                    • あとで読む
                    • NginxでSSLを設定する方法を基本から学ぶ - Qiita

                      9 users

                      qiita.com/katsunory

                      Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

                      • テクノロジー
                      • 2017/12/28 12:07
                      • nginx
                      • SSL
                      • Pocket
                      • セキュリティ
                      • 技術
                      • GoogleのPageSpeedAPIで複数サイトの表示速度をGoogleスプレッドシートに毎週自動で書き出す - Qiita

                        35 users

                        qiita.com/katsunory

                        Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

                        • テクノロジー
                        • 2017/12/26 08:59
                        • performance
                        • google
                        • サイト
                        • API
                        • JavaScript
                        • あとで読む
                        • 【jQuery直書き】シンプルなアコーディオン - Qiita

                          7 users

                          qiita.com

                          <dl> <dt>アコーディオンメニュー1</dt> <dd>アコーディオンメニューが開く。</dd> <dt>アコーディオンメニュー2</dt> <dd>アコーディオンメニューが開く。</dd> <dt>アコーディオンメニュー3</dt> <dd>アコーディオンメニューが開く。</dd> </dl> dl dt{ width:200px; line-height:50px; text-align:center; border:1px solid #666; cursor:pointer; font-size: 12px; background:url(images/plus.png) no-repeat center right 5px; } dl dt.active{ background:url(images/minus.png) no-repeat center right 5px

                          • 世の中
                          • 2017/10/12 21:42
                          • jQuery
                          • あとで読む
                          • 【jQuery直書き】ホバー時の別画像フェード切替え、別の位置との連動した画像切替え - Qiita

                            6 users

                            qiita.com

                            .sample{ background: url("images/sample_off.png"); width: 178px; height: 178px; transition: all 0.4s; } .sample:hover{ background: url("images/sample_on.png"); }

                            • 世の中
                            • 2017/04/04 21:04
                            • jQuery
                            • css
                            • 画像
                            • 【jQuery】処理実行タイミング $(document).readyと$(window).load - Qiita

                              5 users

                              qiita.com/katsunory

                              Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

                              • テクノロジー
                              • 2017/01/13 15:24
                              • jquery
                              • javascript
                              • reference
                              • 【jQuery】モーダル系プラグイン Magnific Popupの使用方法 - Qiita

                                5 users

                                qiita.com/katsunory

                                Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

                                • テクノロジー
                                • 2017/01/10 02:18
                                • jQuery
                                • プラグイン
                                • library
                                • Gitブランチについての基本まとめ - Qiita

                                  12 users

                                  qiita.com/katsunory

                                  Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ブランチとは 作業履歴を枝分かれさせて記録していくためのもの。 使うと何がいいのか? 他のブランチの影響を受けないため複数の作業を同時に進められる 作業単位で履歴を残すことで後で見た時にわかりやすい つまり、複数人で開発するときにはそれぞれが他の作業者の影響を受けずに進められるし、ひとりで開発する場合でも作業履歴を綺麗に管理しておけるので使用した方がいい。 ブランチの運用 統合ブランチ リリース版がいつでも作成可能なようにしておくためのブランチ。 なので、常に安定した状態を保っておくことが重要。 通常、masterブランチを統合ブランチ

                                  • テクノロジー
                                  • 2017/01/06 17:08
                                  • git
                                  • Javascriptのオブジェクト指向についての基本まとめ - Qiita

                                    12 users

                                    qiita.com/katsunory

                                    // コンストラクタ var Member = function(firstName, lastName){ this.firstName = firstName; this.lastName = lastName; }; // プロトタイプにメソッドを宣言 Member.prototype.getName = function(){ return this.lastName + ' ' + this.firstName; }; // インスタンス化 var mem = new Member('太郎', '山田'); console.log(mem.getName()); // 山田 太郎 まず、関数リテラルでベースのクラス(Member)を定義する。 これでnew Memberでインスタンスを生成できる。 メソッドの宣言はプロトタイプで行う しかし、クラス内にメソッドをいくつも書いてしま

                                    • テクノロジー
                                    • 2016/10/17 11:47
                                    • Javascript
                                    • あとで読む
                                    • 【jQuery】スライダー系プラグイン slickの使用方法 - Qiita

                                      24 users

                                      qiita.com/katsunory

                                      Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

                                      • テクノロジー
                                      • 2016/09/15 17:30
                                      • jQuery
                                      • slick
                                      • スライダー
                                      • js
                                      • デザイン
                                      • JavascriptのAjaxについての基本まとめ - Qiita

                                        20 users

                                        qiita.com/katsunory

                                        Ajaxとは Asynchronous JavaScript + XMLの略。 すなわちJavascriptとXMLを使用して非同期(Asynchronous)でページ内容を更新する技術のこと。 ①クライアントから非同期更新に必要なデータをサーバに送る ②サーバはデータを受け取ってクライアントに整形済データを返す ③クライアントはサーバから受け取った整形済データをDOMに反映する ざっくりこのような流れでAjaxは実現されている。 クライアントからデータを送ったり、サーバから整形済データが返ってきたと検知するところにJavascriptのXTR(XMLHttpRequest)という技術が使われていて、返ってくる整形済データがXMLだったりするのでAsynchronous JavaScript + XMLと呼ばれている。 ただしXMLは名前だけ残っている感じで、今は返ってくるデータはJSON

                                        • テクノロジー
                                        • 2016/09/05 23:50
                                        • javascript
                                        • ajax
                                        • js
                                        • web制作
                                        • プログラミング
                                        • あとで読む
                                        • OS、ブラウザごとのCSSハックなどまとめ - Qiita

                                          20 users

                                          qiita.com/katsunory

                                          Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

                                          • テクノロジー
                                          • 2016/09/05 11:54
                                          • css
                                          • IE
                                          • development
                                          • font-sizeの単位をvwにしてデバイスサイズに合わせて拡縮する - Qiita

                                            50 users

                                            qiita.com/katsunory

                                            スマートフォンのフォントサイズは固定でいいのか問題 スマートフォンのコーディングでpxなどの固定値を使うとiPhone6 plusなどの画面幅の広い端末でフォントサイズが小さく違和感を覚えることがないでしょうか。 フォントサイズだけではなくマージンやパディングなどでも同じことが言えるのですが、画像はmax-width: 100%などとしているため画面幅に応じてある程度大きくなるのに対し、フォントサイズなどを固定値でコーディングしてしまうと、画像や画面幅に比べて小さく見えてしまい、余白が目立ったり不自然なレイアウトに見えることがあります。 デザイナーの本来の意図を汲み取るのであれば、画面幅が広くなったときはフォントサイズなどもそれに応じて大きくなるのが一番良いのではないかと思っています。 (追記) ただし、個人的にfont-sizeを拡縮できるようにして思ったのはどんなプロダクトでも推奨でき

                                            • テクノロジー
                                            • 2016/06/15 13:54
                                            • css
                                            • vw
                                            • フォント
                                            • Sass
                                            • レスポンシブ
                                            • font-size
                                            • css設計
                                            • font
                                            • scss
                                            • コーディング
                                            • 【jQuery】モーダル系プラグイン Remodalの使用方法 - Qiita

                                              7 users

                                              qiita.com/katsunory

                                              Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

                                              • テクノロジー
                                              • 2016/05/27 16:34
                                              • jQuery
                                              • CSS
                                              • SNSボタンの実装方法メモ - Qiita

                                                13 users

                                                qiita.com/katsunory

                                                twitter URL 公式ドキュメント Tweet Button Generator 基本的に実装方法としては2種類ある。(公式見ると4種類あるが残り2つはあまり使わない) a要素のdata属性で実装する方法(js必要) a要素のhref属性に基本となるurlとクエリで実装する方法(js不要) ジェネレーターではdata属性の方が使用されているが、href属性指定の方がオリジナルボタンを設定できるなど汎用性は高い。 ツイートボタン デフォルト(data属性で実装) <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=i

                                                • 世の中
                                                • 2016/05/16 11:42
                                                • SNS
                                                • Twitter
                                                • backgroundまとめ。ショートハンド、複数指定、各プロパティ - Qiita

                                                  7 users

                                                  qiita.com/katsunory

                                                  このうち、background-sizeについてはbackground-positionの指定の後に、'/'で区切って指定しなければならないため注意が必要。 例 background: #333 url('bg.png') no-repeat border-box left top/contain fixed content-box; ブラウザ問題 このショートハンドはAndroid4.4以下ではうまく作動しないことを確認している。 原因は'/'で区切る部分なのでそれまではOKか。 ただし、Android4.4以下はbackground-positionのleft、topなどを指定してのオフセット表記、background-sizeのcontain、coverが効かないなど割りと問題児。 background-positionはleft、topを指定せずに記述、background-siz

                                                  • テクノロジー
                                                  • 2016/05/13 14:56
                                                  • css
                                                  • cssで要素を横並びにする方法まとめ - Qiita

                                                    16 users

                                                    qiita.com/katsunory

                                                    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

                                                    • テクノロジー
                                                    • 2016/04/24 22:03
                                                    • CSS
                                                    • あとで読む
                                                    • まとめ

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

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

                                                    『qiita.com』の新着エントリーを見る

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

                                                    j次のブックマーク

                                                    k前のブックマーク

                                                    lあとで読む

                                                    eコメント一覧を開く

                                                    oページを開く

                                                    はてなブックマーク

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

                                                    公式Twitter

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

                                                    はてなのサービス

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