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

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

アプリで開く

はてなブックマーク

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

はてなブックマーク

トップへ戻る

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

    プライムデーセール

『qiita.com』

  • 人気
  • 新着
  • すべて
  • Vuexの簡単なサンプルを作ってみた - Qiita

    5 users

    qiita.com/d-dai

    Vuexとは Vuex(ビューエックス)は、ReactにおけるReduxのように、データの管理を一元化するためのライブラリです。 コンポーネント間で状態の受け渡しが容易になるため、ある程度以上の規模の開発において利用されることが多いライブラリになります。 説明は以下の公式ページが分かりやすいです。 https://vuex.vuejs.org/ja/ 簡単なプロジェクトを使った使用例をまとめます。 今回は以下の4ステップをまとめました。 1つのコンポーネントを使う 2つのコンポーネントを使う 他のコンポーネントの状態を参照するコンポーネントを使う 同じコンポーネントを再利用する 環境構築 プロジェクトを作成 今回は、Vue CLIというものを使って、プロジェクトを作成します。 Vue CLIを使うと、基本的なファイルを自動的に作成してくれます。 以下コマンドは、vue-cliをグローバルに

    • テクノロジー
    • 2020/08/07 09:38
    • programming
    • Tera Term等と比べたPoderosaの利点

      3 users

      qiita.com/d-dai

      Windowsのターミナルソフトとしては、Tera Term、PuTTY、Poderosa、RLoginなどがあります。 知名度としてはTera Term、最近の人気としてはRLoginが高いようですが、 今回はPoderosaの利点、ダウンロード方法、おすすめの設定方法、使い方について説明します。 Poderosaの利点 最も大きな利点は、タブ機能があることです。 1つのウインドウ内に、複数の接続を開くことが出来ます。 Alt+Hで上下に分割、Alt+Jで左右2つに分割します。 分割を結合するときは、Alt+Uです。 Poderosaのダウンロード 以下からダウンロードできます。 執筆時点のバージョンは4.3.16です。 https://sourceforge.net/projects/poderosa/files/beta/ zipファイルを解凍した中にある、Poderosa.exeが

      • テクノロジー
      • 2018/10/03 11:07
      • Chrome デベロッパーツールの使い方まとめ - Qiita

        11 users

        qiita.com/d-dai

        Elementsタブ 要素がどんなタグやstyleで構成されているか、確認することが出来ます。 Cmd + Shift + c のショートカットを使ったり、要素を右クリックして「検証」をクリックすると、任意の要素を簡単に調べることが出来ます。 要素を編集する 要素の内容はダブルクリックすることで編集が可能です。 F2のショートカットキーを使うと、子要素もまとめて編集が出来ますので、複数の箇所を変更したいときは、ショートカットキーを使うといいでしょう。 また、Deleteキーを押すことで要素を削除することもできます。Cmd + z でアンドゥ、Cmd + Shift + zでリドゥも可能です。 マージンやパディング、サイズを確認する 右側のComputedタブを開くと要素自身のサイズや、マージン、パディングを確認することが可能です。 クリックすることで、このまま編集することも可能です。 要素

        • テクノロジー
        • 2018/07/10 08:57
        • Chrome
        • JavaScript
        • tools
        • techfeed
        • iPad
        • ツール
        • iPhone
        • IntelliJ(WebStrom)を使ったJavaScriptのデバッグ方法 - Qiita

          3 users

          qiita.com/d-dai

          概要 javaScriptのデバッグには、Chromeのデベロッパーツールがとても便利ですが、 IntelliJを使ってデバッグする方法もあります。 IntelliJは数多くの言語に対応したIDEです。 サムライズムさんから購入すると、通常よりも安く購入することが出来ます。 サムライズム デベロッパーツール同様、ブレイクポイントの設定や、変数の値の確認などが可能です。 個人的にはデベロッパーツールよりもIDEの方がコードを追いやすいため、デバッグ効率は高いと思います。 また、サーバーサイドの開発も行う人は、サーバーサイドもクライアントサイドも 同じ操作でデバッグできるというメリットがあります。 やること fizzBuzzを実行するHTMLとjsファイルを用意し、fizzBuzzの処理をデバッグしていきます。 開発環境 今回はMacを使いますが、Windowsでも可能です。 IntelliJ

          • テクノロジー
          • 2018/06/25 09:35
          • JetBrains
          • javascript
          • ES2015(ES6)+webpack+babel-loaderで開発環境を構築 - Qiita

            9 users

            qiita.com/d-dai

            やること ES2015(ES6)とwebpackを組み合わせて、簡単なWebアプリケーションを作ってみます。 webpack はjsやcssなど、webページで読み込まれる部品の依存関係を解決し、合成してくれるモジュールバンドラーです。 webpackはgulp,gruntなどのタスクランナーと組み合わせて使うことも多いですが、今回は使用しません。 以下の条件を満たすプロジェクトを作成します。 classを継承する classをimportして使用する IE11が対応していない、ES6のPromiseを使う #開発環境 Mac OS X High Sierra Webpack 4.20.2 Node.jsをインストール 必要なモジュールはnpm(Node Package manager)でインストールが出来ます。 まずはNode.jsをインストールします。 brew install nod

            • テクノロジー
            • 2017/10/24 08:21
            • es2015
            • babel
            • webpack
            • TypeScript+Gulp+Webpack+jQueryで開発環境を構築 - Qiita

              3 users

              qiita.com/d-dai

              やること TypeScript, Gulp, WebPack, jQueryを組み合わせて、簡単なWebアプリケーションを作ってみます。 TypeScriptは型が書けたりクラスが書けたりする、AltJS(コンパイルしてjsにして使用する物)です。 TypeScriptはコンパイルしてjsにすることで、ブラウザで使用できるようになります。 今回使う他のツールです。 Gulp: タスクランナーです。Gruntよりも最近は人気があります。 Webpack: 各種jsファイルの依存関係を解決し、1つに結合するモジュールバンドラーです。Browserifyなどもこの仲間になります。 jQuery: 説明不要かと思いますが、楽にDOM操作が出来るライブラリです。 開発環境 Mac OS X High Sierra Gulp 3.9.1 TypeScript 2.9.1 Webpack 4.10.2

              • テクノロジー
              • 2017/07/09 15:12
              • gulp
              • TypeScript
              • 初めてのMac。Windowsで使っていたソフトはMacではこれに移行した - Qiita

                9 users

                qiita.com/d-dai

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

                • テクノロジー
                • 2017/03/04 11:05
                • PC知識
                • Mac
                • windows
                • ソフト
                • qiita
                • 開発
                • .zshrcの設定例(設定内容の説明コメント付き) - Qiita

                  13 users

                  qiita.com/d-dai

                  zshの設定ファイルである、 .zshrc の設定例です。 標準シェルである bash では出来ない機能をいくつか入れています。 zshのインストール方法については以下をご覧ください。 https://qiita.com/d-dai/items/084cace7f6bfd3580f9d 設定の特徴 cd を実行した後、自動で ls -ltr を実行 cd で自動で pushdされる history コマンドで時刻も表示 Ctrl+rでインクリメンタルサーチ、Ctrl+sで逆順サーチ プロンプトに現在時刻を表示 gitのブランチ名をプロンプト右に表示 cdを省略して、ディレクトリ名だけ入力しても移動が可能 Tabを押して補完を表示したら、左右キーで候補選択可能 # Ctrl+Dでログアウトしてしまうことを防ぐ setopt IGNOREEOF # 日本語を使用 export LANG=ja_

                  • テクノロジー
                  • 2016/11/12 17:34
                  • zsh
                  • 設定
                  • あとで読む
                  • MySQLのデータをカラム指定してcsv,tsv形式でダンプする - Qiita

                    3 users

                    qiita.com/d-dai

                    手順 MySQLのデータをカラム指定してcsv,tsv形式でダンプするには、 mysqldumpと cutコマンドを組み合わせる必要があります。 1.mysqldumpでcsvデータを作成 2.cutで必要なカラムだけを抽出 mysqldumpでデータをダンプ MySQLのデータをカラム指定してcsv,tsv形式でダンプする を参考にcsv(tsv)データを作ります。 $ mysqldump -u{ユーザー名} -p --tab=/tmp --fields-terminated-by=, {DB名} {テーブル名(省略可能)} Enter password:パスワードを入力 $ cut --help 使用法: cut [オプション]... [ファイル]... ファイルの各行から選択した部分だけを切り出して, 標準出力に表示します. 長いオプションに必須の引数は短いオプションにも必須です.

                    • テクノロジー
                    • 2016/11/10 11:27
                    • MySQL
                    • Qiita
                    • MySQLのデータをcsv,tsv形式でダンプする - Qiita

                      6 users

                      qiita.com/d-dai

                      出力形式はSQLのCREATE文とINSERT文になりますが、オプションを指定することで、 csvや tsv形式にすることが可能です。 #csv,tsv出力のオプション csv(tsv)で出力するには、 --tabと --fields-terminated-by の2つのオプションを使用します。 ##--tabオプション ファイルの出力先ディレクトリを指定するオプションです。 --tab=/tmpと指定すれば、/tmp以下にファイルが出力されます。 このオプションは、csv(tsv)形式で出力する場合は必須です。 ##--fields-terminated-byオプション 区切り文字を指定するオプションです。 デフォルトはタブになりますので、tsvファイルで出力する場合はこのオプションは不要です。 csv形式で出力したい場合は、 --fields-terminated-by=,と指定します

                      • テクノロジー
                      • 2016/09/23 23:00
                      • mysql
                      • CSV
                      • db
                      • 技術

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

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

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

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

                      j次のブックマーク

                      k前のブックマーク

                      lあとで読む

                      eコメント一覧を開く

                      oページを開く

                      はてなブックマーク

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

                      公式Twitter

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

                      はてなのサービス

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