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

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

アプリで開く

はてなブックマーク

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

はてなブックマーク

トップへ戻る

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

    参議院選挙2025

『qiita.com』

  • 人気
  • 新着
  • すべて
  • Sass(SCSS)でフォント読み込むときはmixinを使うべきと悟った話 - Qiita

    9 users

    qiita.com/Yama-to

    **「Sass(SCSS)において外部ファイルからフォントを読み込む際、どう読み込むべきか」**の話です。 CSSからSassに本格的に乗り換えてまだ日の浅いこの頃、外部ファイルとして存在するフォントをどう_「SASSっぽくスマートに」_読み込むにはどうすべきか探っていて数時間模索してました。その結論を端的に書き残します。 1. mixin使え まずフォントを読み込み際にいちばんナンセンスなのは変換後のCSSにべた書きすること。これはひどい。ではSASSのポテンシャルを引き出しつつスマートに書くにはどうすべきか。と考えてmixinに至りました。まずmixinディレクトリ内に_fonts.scssを用意、もしくは_mixin.scss自体に下記のコードを書き込みます。 @mixin font-face($name, $path, $weight: null, $style: null, $e

    • テクノロジー
    • 2016/09/28 10:22
    • sass
    • フォント
    • font
    • RubyとPythonでGoogle APIを叩いてみた − データベースをSpreadsheetにしてGoogle Driveで管理する - Qiita

      4 users

      qiita.com/Yama-to

      はじめに 日々たまっていくユーザーアクティビティ等のログデータ、もしくはユーザー登録データ(CSV)をGoogle Drive上にGoogleスプレッドシートの形式で保存する一連の流れを記録します。本メモを用いる事によって以下のことが可能になります。 英語文献しか充実していないGoogle APIの使い方を知ることができる RubyとPython両言語における仕様の違いを学ぶ事ができる 毎朝手作業でやっている仕事を自動化することにより時間の節約ができる 常にローカルで管理していたデータを効率的にクラウドで管理する術を得ることができる 等々、正直メリットしかありません。本メモのターゲットは「最短でとにかく作業自動化のやり方を知りたい人」および「Google APIを使ってみようとしたけど不親切な英語文献しか無くて挫折しかけている人」です。読了後にはそのような方々が**"どのような流れでGoo

      • テクノロジー
      • 2016/09/26 09:00
      • API
      • ruby
      • Python
      • google
      • 覚えておくと幸せになれるActiveRecord::Relationメソッド6選 - Qiita

        6 users

        qiita.com/Yama-to

        参照元はMitch Crowe氏のこちらのエントリー。時期にして3年以上前の更新になりますが、未だに参照することが多いものをこの際敬意を込めてまとめることにしました。 1. first_or_create(ブロック付き) 任意のレコードを新規保存する際に、既に同じ情報を持ったレコードがある場合被らせたくない!というニーズにクリティカルに答えてくれるのがfirst_or_createメソッド。whereメソッドと併用することで、検索条件に合致するレコードが存在する場合にはそのレコードを参照し、無ければ検索条件の内容で新しいレコードを新規保存してくれます。返り値は参照したレコードもしくは新規作成したレコードです。 Book.where(title: 'Frozen').first_or_create # Book Load (1.7ms) SELECT `books`.* FROM `book

        • テクノロジー
        • 2016/07/18 00:01
        • Rails
        • ruby
        • redirect_to使った時にBootstrap対応のフラッシュメッセージを表示させる - Qiita

          4 users

          qiita.com/Yama-to

          ※ 「あなたがRails触る人なら見ておきたい「体系的な」豆知識」からの派生記事です。 タイトルの件について超困っている方も見ているかもしれないので先に答えを言っておくと、add_flash_typesメソッド を使ってキーを許可してあげましょうという話です。 そもそもフラッシュメッセージとは アプリケーションにログインしたとき、新規投稿の保存に成功/失敗したとき、不正なアクセスを行ってリダイレクトされた時等々、ページ上部に出てきてくれる気の利いたひとことメッセージのことである。 Railsではこいつのことをフラッシュメッセージと呼び、簡単に設定できる仕組みを提供してくれている。 なおフラッシュメッセージはリロードすると消えるため、まさに一時的なお知らせにハイパー便利。 フラッシュメッセージどう使うの いろいろ人によって使い方にバリエーションがあるみたいだが、個人的には見た目のスッキリさと

          • テクノロジー
          • 2015/09/23 20:19
          • rails
          • あとで読む
          • デザイナーに言われた「非デザイナーが気をつけるべきデザインの4原則」 - Qiita

            197 users

            qiita.com/Yama-to

            ウェブサイトやアプリケーション制作の現場で、非デザイナーが度々デザイナーからフィードバックをもらう内容をアバウトに4原則にまとめました。デザインは理論だそうで、以下に挙げるようなポイントさえ抑えれば非デザイナーでも「ハズさない」デザインをつくることができます(デザイナー談)。 追記[09/23/2015]:参考文献について 本記事は以下に掲載しております参考文献「ノンデザイナーズ・デザインブック(Robin Williams)」の前半部分における要所を引用して作成しています。デザイナーの方が非デザイナーにアドバイスする際に非常に有用な本らしく、私自身受けたフィードバックもこの本の内容に基づくものでした。予想していた数百倍の反響があり心底ビビっていますが、これをきっかけにデザインに興味をもち更に自分で勉強していくきっかけとなれれば本望です。わかりやすくデザインのポイントをまとめてくれた参考文

            • テクノロジー
            • 2015/09/08 09:29
            • デザイン
            • design
            • Webデザイン
            • UI
            • 基本
            • rails
            • 制作
            • デザイン論
            • development
            • 画像
            • あなたがRails触る人なら見ておきたい「体系的な」豆知識 - Qiita

              15 users

              qiita.com/Yama-to

              ここ最近複数の専門書を断片的に読む機会やら、(自分にとって)新たな技術にチャレンジする機会やらを頂いたため、最近数ヶ月で学んだ内容をせっかくなので体系的にまとめました。気づいたら大分ボリュームを増やしていましたので、必要なとき必要な箇所に行き当たってくれることを祈っています。 なお、以下の5記事を姉妹記事として同時に書いています。 文中でもリンクが出てきますのでよろしければ併せて目を通して頂けると幸いです。 YAMLとは何か? - いつもRailsの設定ファイルで出てくる奴の正体 redirect_to使った時にフラッシュメッセージを表示させる JavaScriptを卒業してCoffeeScriptで飛躍しよう - 基本などまとめ モモンガでも使えるAjax(えいじゃっくす) − 投稿したコメントをリロードせずに表示しよう Railsでメール自動配信機能をつくるまでの道程 ■ Modelに

              • テクノロジー
              • 2015/08/09 07:17
              • rails
              • 設定
              • qiita
              • ruby
              • Railsでメール自動配信機能をつくるまでの道程 - Qiita

                8 users

                qiita.com/Yama-to

                ※ 「あなたがRails触る人なら見ておきたい「体系的な」豆知識」からの派生記事です。 「mailersってデフォルトで用意生成されるけどあんま使ったことない」そう思った8月某日、RailsでAction Mailerを利用して開発環境でメール自動配信機能をつくってみました。 手順 development.rb にメール送信設定を記述 メーラーを生成 メーラーを編集 メール本文をデザインする メーラーを呼び出すためのメソッドを記述する 実際に表示を確認する (発展) 添付ファイル付きのメールを送信する 1. development.rb にメール送信設定を記述 メールを送信する時には送信するサーバーが必要です。 今回はgmailのアカウントからメールを送れるようにしてみます。 Rails.application.configure do #--- 中略 ---# config.action

                • テクノロジー
                • 2015/08/09 07:10
                • ActionMailer
                • Rails
                • メール
                • ruby
                • qiita
                • 技術
                • JavaScriptを卒業してCoffeeScriptで飛躍しよう - 基本などまとめ - Qiita

                  17 users

                  qiita.com/Yama-to

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

                  • テクノロジー
                  • 2015/08/03 11:29
                  • CoffeeScript
                  • javascript
                  • js
                  • あとで読む
                  • Ruby - YAMLとは何か? - いつもRailsの設定ファイルで出てくるやつの正体 - Qiita

                    25 users

                    qiita.com/Yama-to

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

                    • テクノロジー
                    • 2015/07/27 21:10
                    • YAML
                    • yml
                    • 設定ファイル
                    • 設定
                    • Rails
                    • ruby
                    • Railsでdeviseひとつで複数モデルを管理しよう - Qiita

                      10 users

                      qiita.com/Yama-to

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

                      • テクノロジー
                      • 2015/07/19 16:35
                      • devise
                      • rails
                      • ruby
                      • 設計
                      • 技術
                      • 忘れがちなJavaScriptの基礎中の基礎 - Qiita

                        58 users

                        qiita.com/Yama-to

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

                        • テクノロジー
                        • 2015/07/12 22:30
                        • javascript
                        • 入門
                        • 基礎
                        • プログラミング教育
                        • あとで読む
                        • js
                        • Chrome
                        • network
                        • Web
                        • macでgit使いになるために抑えておきたいコマンド(基礎編) - Qiita

                          19 users

                          qiita.com/Yama-to

                          プログラムをgit管理する時、GUI使うのもいいけどプログラマならターミナルでクールにキメたい。いつかマスターするその時までストックしておくと幸せになれるコマンドを集めました。 基本的にこいつらさえ抑えておけば「ッターーーン!!」とできます。 ■linuxコマンド基礎編 gitの操作はターミナル上で行います。 まずはターミナルで生きていくために不可欠なコマンドを集めました。 # 現ディレクトリ配下のディレクトリ/ファイルを表示 $ ls # 既存ディレクトリに移動する $ cd [ディレクトリ名] # 新規ディレクトリを作成する $ mkdir [ディレクトリ名] # 新規ファイルを作成する $ touch [ファイル名] # 既存ディレクトリ/ファイルを移動する $ mv [ディレクトリ名/ファイル名] [移動先ディレクトリ名] # 既存ディレクトリ/ファイルの名称を変更する $ mv

                          • テクノロジー
                          • 2015/06/25 22:42
                          • git
                          • 基礎
                          • 基本的
                          • ディレクトリ
                          • ターミナル
                          • ファイル
                          • コマンド
                          • あとで読む

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

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

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

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

                          j次のブックマーク

                          k前のブックマーク

                          lあとで読む

                          eコメント一覧を開く

                          oページを開く

                          はてなブックマーク

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

                          公式Twitter

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

                          はてなのサービス

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