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

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

アプリで開く

はてなブックマーク

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

はてなブックマーク

トップへ戻る

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

    WWDC25

『qiita.com』

  • 人気
  • 新着
  • すべて
  • 今流行りのSMACSSについて基本的なことをまとめてみました。 - Qiita

    3 users

    qiita.com/ftyabu

    はじめに CSS設計で昨今非常に重要視され、多くのサービスで取り入れられている設計方法がSMACSSです。個人的にこのSMACSSを用いてCSS設計をすることがあったので、基本的な考え方や構造についてまとめてみました。 SMACSSとは 長期的にCSSを保守するための考え方に「HTMLの構造に依存しないCSS設計」というものがあります。これを体現しているのが、まさにSMACSSといえます。また、CSSをコンポーネントとして再利用できるものとして構築する概念です。 主な構造は以下の通りです。 base layout module state theme それぞれ非常に便利なもので、使い勝手が良いのですが、すべてがどのサービスにも使えるものではありませんので、各々サービスにあった使い方をみつけてください。 base そのサービスやプロジェクト、サイトにおける要素すべてのデフォルト値を定めたもの

    • テクノロジー
    • 2016/01/18 18:52
    • 【初心者必見】Grapeを使って、Railsで簡単にAPIを実装する方法を一からまとめてみました! - Qiita

      4 users

      qiita.com/ftyabu

      前提 業務でAPIの知識を身につける機会があったので、基本的な知識をまとめてみました。 目的 APIの知識がほとんどないような初心者でもAPIが作れるようになること。そのために、今回は以下のフローでAPIを作成するための知識を身につけていきます。 流れ Grapeを使ったRailsのAPIの書き方 Grapeの導入方法 RailsにおけるAPIとは HTTPメソッド APIのURI設計(エンドポイント設計) まとめ Grapeを使ったRailsのAPIの書き方 今回は、こちらのサイトに書いてあるAPIコードをもとに説明をしていこうと思います。 参考: http://dev.classmethod.jp/server-side/ruby-on-rails/ruby-on-rails_create_grape_web-api/ module Twitter class API < Grape:

      • テクノロジー
      • 2015/11/20 09:33
      • Qiita
      • API
      • rails
      • CSS設計の基礎概念 - Qiita

        4 users

        qiita.com/ftyabu

        前提 リッチなWebサイトが流行る昨今において、CSSやjavascriptなどのコードが複雑化してきました。それにより、長期的に管理していくためにもより構造的なCSS設計をすることが必要です。そのうえで、最低限しておくべき、CSS設計の基礎をまとめてみました。 破綻しやすいCSSの特徴 以下がよくある破綻しやすいCSSの設計です。長期的に管理していくサイトにおいて、以下の要素が少しでも見受けられる場合修正するべきでしょう。 HTML側のコードと同じ構造で作られている場合

        • テクノロジー
        • 2015/11/17 09:25
        • CSS
        • Web制作
        • CSSにおけるコンポーネント設計 - Qiita

          4 users

          qiita.com/ftyabu

          前提 cssを書いていくうえで、昨今コンポーネントの重要性が言われているので、コンポーネントについてまとめてみました。 コンポーネントとは コンポーネントについてまとめるうえで、深掘りすると非常に深く難しい概念なので、ここではcssを書いていく上で最低限知っておくべき範囲でコンポーネントについてまとめます。 関心の分離 コンポーネントには、前提として「関心の分離」という概念があります。例えば、railsにおいてMVCがあるように、htmlではマークアップ構造、cssではスタイリング構造など、特定の役割・機能・振る舞いなどを厳密にわけることを指します。 カプセル化 そして、分離という機能を実現するうえで、「カプセル化」の概念も重要となってきます。カプセル化とは、外部からの影響を許可したもののみに限定し、また内部の変更等による影響を外部に与えないものとでもいっておきましょう。これをcssで当て

          • テクノロジー
          • 2015/11/16 20:53
          • qiita
          • css

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

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

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

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

          j次のブックマーク

          k前のブックマーク

          lあとで読む

          eコメント一覧を開く

          oページを開く

          はてなブックマーク

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

          公式Twitter

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

          はてなのサービス

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