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

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

アプリで開く

はてなブックマーク

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

はてなブックマーク

トップへ戻る

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

    プライムデーセール

『qiita.com』

  • 人気
  • 新着
  • すべて
  • Vue.js用のFluxライクなライブラリVuexを試してみる - Qiita

    6 users

    qiita.com/tomato360

    まえがき Vue.js用のFluxライクなライブラリVuexを試してみました。 Vuex 注意:まだ開発中でAPIも変わる可能性があります(2015/12/25) 2017/12/17 追記 改めて学び直してみました。 データの流れ 詳しくはドキュメントを読んだ方が正確だけど、この図だけ見れば何となくやりたいことがわかるはず。 何となくFluxっぽいですね。 自分の理解としては コンポーネントからActionを呼び出してそこで外部のAPIと通信してデータを取得 Mutationでデータをセット Stateがコンポーネントの数値をアップデート という流れ(間違ってたらすみません)。 Vue.jsは値の取得に対しては関与しないフレームワークですが、Vuexを入れることにより値の取得からセットまでライブラリで制御できるので、無秩序になりがちだったVue.jsを使ったアプリケーションに秩序をもたら

    • テクノロジー
    • 2015/12/25 19:12
    • JavaScript
    • Vue.jsで作るタグ入力フォーム - Qiita

      3 users

      qiita.com/tomato360

      タグ入力フォームを作る Webサービスでよくタグを入力する機能がよくあると思います。Qiitaにも入力するところがあると思います。Qiitaではタグを作ると入力した言語の背景がかわってとてもいい感じです。 自分でも作ってみたいと思い試行錯誤してみました。Qiitaとか参考にすればいいとあとで気づいたのであまり筋のいい解では無いと思いますが、こういう実装もあるんだよ程度に思って頂けると幸いです。 動作 動作の様子です。スタイルが適当なのは勘弁してください。 少しわかりにくいのですがエンターキーでタグを確定しています。となりのxを押すとタグが削除されます。 実装 <div class="text-area"> <div class="tag-list"> <span class="tag" v-for="tag in tags"> {{tag.name}} <span class="delet

      • テクノロジー
      • 2015/12/14 22:26
      • Programming
      • javascript
      • React.jsのチュートリアルを触る - Qiita

        3 users

        qiita.com/tomato360

        #React.jsのチュートリアルを触る VirtualDOM Advent Calendar 2014 - Qiitaの14日目です。 ##まえがき 最近はやりのVirtualDOMというのに触れてみるためにReact.jsのチュートリアルを一通り試してみた。 ここのチュートリアルやるだけで一通り動かすことができるようになる。なんとなく初めて見るにはチュートリアルをやるのが一番。 実際に動くものをJS Binにあげたので詳しくは以下で。 この先は少し細かく見ていく。自分用のメモに近いのでちょっとよみずらいかもしれない。 ちなみにDOMのあたりはJSXの構文を使ってる。JSXはよくわかってないがJS でそのまま書くとえらい面倒なので採用する方が無難だと思う。 ##コンポーネントの作成 var CommentBox = React.createClass({ handleCommentSub

        • テクノロジー
        • 2014/12/14 15:47
        • GulpでTypeScriptとSASS/COMPASSをコンパイルする - Qiita

          7 users

          qiita.com/tomato360

          var gulp = require('gulp'); var typescript = require('gulp-tsc'); var compass = require('gulp-compass'); var plumber = require('gulp-plumber'); //TypeScriptのタスク gulp.task('typescript',function(){ gulp.src(['src/ts/**/*.ts']) .pipe(plumber()) //エラーしてもウォッチを途中でやめないための処理 .pipe(typescript({module:"amd"})) //コンパイルする処理 moduleで出力するモジュールを指定 .pipe(gulp.dest('src/js')); //ファイル出力先を指定 }); //Compassのタスク gulp.ta

          • テクノロジー
          • 2014/11/22 22:49
          • compass
          • gulp
          • Grunt+jasmine+requirejsでテストする - Qiita

            3 users

            qiita.com/tomato360

            Gruntでjasmineを動かしてrequireJSでモジュール化されたファイルのテストを行うときのメモ。 使用したgruntのプラグイン grunt-contrib-jasmine grunt-template-jasmine-requirejs grunt-contrib-jasmineはこれ1つでjasmineでテストする環境が整う。PhantomJSとかもバンドルされているので個別にPhantomJSをインストールしなくてもいい。 grunt-template-jasmine-requirejsはgrunt-contrib-jasmineでrequireJSでモジュール化されたファイルをテストするためのテンプレート。 以下はGruntのタスク。 jasmine: { // プロパティ名はテストケース名 sample: { // このテストケースでテストするファイルの指定 // 一

            • テクノロジー
            • 2014/06/13 20:35
            • Table内のtdのdiv要素にheight:100%をきかせる - Qiita

              6 users

              qiita.com/tomato360

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

              • テクノロジー
              • 2014/04/19 08:24
              • css

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

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

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

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

              j次のブックマーク

              k前のブックマーク

              lあとで読む

              eコメント一覧を開く

              oページを開く

              はてなブックマーク

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

              公式Twitter

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

              はてなのサービス

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