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

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

アプリで開く

はてなブックマーク

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

はてなブックマーク

トップへ戻る

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

    WWDC25

『qiita.com』

  • 人気
  • 新着
  • すべて
  • 【Nuxt.js】Auth Moduleでログイン機能を実装する ( + Ruby on Rails・devise_token_authで認証を行う) - Qiita

    3 users

    qiita.com/mtoyopet

    この記事の目的 Nuxt.jsアプリのAuth Module使ってログイン機能を実装するための記事です。 また、記事の最後にはRuby on Railsのdevise_token_authを使ってトークンベースで認証する方法も記載しています。 前提 Nuxt.jsのアプリが用意されていること Nuxt.jsアプリとログインAPI用のエンドポイントはPOSTメソッド・/auth/sign_inとする ログインの流れ 【ユーザ】 Nuxtアプリのログイン画面でEメールとパスワードを入力し、「送信」ボタンを押す 【Nuxtアプリ】 パスワードとEメール情報を付与し、APIの/auth/sign_inにHTTPリクエストを送信する 【API】 NuxtアプリからHTTPリクエストを受け取り、パスワードとEメールで認証をする。認証が完了し、HTTPレスポンスを返す 【Nuxtアプリ】 APIからHT

    • テクノロジー
    • 2020/07/27 10:50
    • Strapi (Headless CMS)を使ってみたので使い方まとめ + GraphQL - Qiita

      6 users

      qiita.com/mtoyopet

      とよももです! お仕事でHeadlessCMSのstrapiを触る機会がありました。情報が少なくて苦労したので、誰かの助けになる様にまとめたいと思います。 ちなみにvue + strapiでアプリを作ってみました。axiosでgraphqlを使いたい方など、参考に見てみてください。 ・レポジトリ Strapiでの認証方法記事も書きました。 ・Strapiに認証機能を追加する(特定のユーザしかAPIが呼べない仕様に変更する) 事前知識 CMSとは CMSとは、Contents Management Systemの略です。CSSやHTMLなどのWEBサイトを構築するための専門的な知識を持っていなくてもWEBサイトやコンテンツを構築し、管理ができるシステムです。 最も代表的なCMSは「WordPress」。「はてなブログ」や「Qiita」、「Note」もCMSです。 CMSを使うことで、簡単にW

      • テクノロジー
      • 2020/04/17 16:06
      • Vue開発者のためのVue.jsベストプラクティス集15選 - Qiita

        342 users

        qiita.com/mtoyopet

        はじめに みなさん、Vue使ってますかー!・・・・・・・(へんじがない。ただのしかばねのようだ。) 私は毎日使ってます。が、正しい使い方というのがいまいちわかっていません。ということで、ネットで拾ってきた情報を元にVueで開発する上でのベストプラクティス集15選をまとめてみました。 「ふんふんそうだよね〜」といったものから「えー!?そうなのー!?」となるものまで集めています。皆さんの開発の手助けになる情報が入っていると幸いです。 また、間違っている内容やさらに良い方法等あれば、コメント欄にて(優しく)ご指摘いただけるととても嬉しいです。 1. v-for内では必ず:keyを使う v-forディレクティブでkey属性を使うと、データを操作するのに役立ちます。さらに、Vueがコンポーネントの状態を追跡し、それぞれのエレメントに対し継続的に参照ができるようになります。 特に、アニメーションやVu

        • テクノロジー
        • 2020/01/30 00:12
        • vue.js
        • Vue
        • あとで読む
        • javascript
        • 開発
        • js
        • tips
        • ベストプラクティス
        • qiita
        • techfeed
        • Strapiに認証機能を追加する(特定のユーザしかAPIを呼べない仕様に変更する) - Qiita

          3 users

          qiita.com/mtoyopet

          Strapi APIに認証機能を追加してみる 前回の記事「Strapi (Headless CMS)を使ってみたので使い方まとめ + GraphQL」でHeadless CMS「Strapi」を使って簡易APIを作ってみました。 今回は特定のユーザしかAPIを呼び出せない様に、APIに認証を付けていきたいと思います。 ちなみに「公式サイト」に詳しく説明が載っているので、英語が読める方はこちらを読んで進めることを強くお勧めします。 この認証機能を使ったVueアプリのレポジトリーはこちらです ・ レポジトリ 事前知識 Strapiでは、「ロールと権限」というプラグインを使って認証を行います。(このプラグインは、デフォルトでインストールされいるはずです。) このプラグインでは、「JSON Web Token (JWT)」を使い認証を行います。 JSON Web Tokenとは JSON Web

          • テクノロジー
          • 2020/01/17 17:09
          • api
          • JavaScriptのthisがよくわからないので徹底的に調べてできるだけわかりやすく解説してみる - Qiita

            13 users

            qiita.com/mtoyopet

            JavaScriptのthisがわからない?偶然!わたしもー わたし 「あれ、このエレメントどうやって取り出すんやろ・・・せや、console.log(this)してみよ・・・」 わたし 「あれ? undefined? なんでや? 3行上で同じことやるとちゃんと表示されるやん・・・」 ... .... ..... ...... わたし 「なんでやねん!?thisわけわからんわ!?」 という状況に直面したので、JavaScriptのthisをちゃんと知っておこうと思い、アウトプットもかねて記事を書くことにします。 thisとは thisとは、thisが所属している関数を実行するオブジェクトのことである。 ... ... ...🤔 🤔 🤔 ??? (大丈夫、書いてる私も意味わかってないで) thisには2パターンある thisには2パターンあります。どこで使うかによって、thisが指す内

            • テクノロジー
            • 2019/05/20 21:35
            • javascript
            • techfeed
            • あとで読む
            • JavaScriptでの賢いconsole.log( )の使い方 & その他便利なconsole.xxx( )使い方まとめ (dir・table・warn・groupとか) - Qiita

              228 users

              qiita.com/mtoyopet

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

              • テクノロジー
              • 2019/05/18 11:32
              • javascript
              • あとで読む
              • console
              • log
              • qiita
              • 便利
              • tips
              • web制作
              • ツール

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

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

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

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

              j次のブックマーク

              k前のブックマーク

              lあとで読む

              eコメント一覧を開く

              oページを開く

              はてなブックマーク

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

              公式Twitter

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

              はてなのサービス

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