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

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

アプリで開く

はてなブックマーク

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

はてなブックマーク

トップへ戻る

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

    WWDC25

『qiita.com』

  • 人気
  • 新着
  • すべて
  • Ansibleで本番レベルのMySQLレプリケーションを構築して見よう。 - Qiita

    3 users

    qiita.com/park-jh

    はじまる前に この記事では主にAnsibleの機能を紹介したいと思います。 playbookに記述したMySQLの詳細を知りたい方は次の記事を参照してください。 CentOS 7.3でMySQL 5.7を設置、かなり勉強になりました。 MySQLのSQLモードをstrictモードで設定する。 やりたいこと 実際のサービス環境でMySQLを運用する場合、このくらいは必要だと思ったことを書いてみた。 master1台とslave2台のレプリケーション構成 スロークエリを残す。 MySQLをstrictモードで使う。 これらをAnsibleのplaybookで作成する。 ファイル構成 # mysqlのrole roles/mysql ├── handlers │   └── main.yml ├── tasks │   └── main.yml └── vars └── main.yml # d

    • テクノロジー
    • 2018/12/27 13:23
    • ansible
    • mysql
    • Ansible ファイルを書き換える方法 - Qiita

      6 users

      qiita.com/park-jh

      サーバー構築作業を行う際、設定ファイルに何かを書く作業は欠かせない。 Ansibleは多数のモジュールを提供していて人によって設定ファイルの書き方は様々だ。 この記事は私なりのベストプラクティスであり、正解ではない。 command系(shell含め) command系は使い勝手がいいが、冪等性が保証されない。 これはAnsibleだけではなくChefとかも同じだ。 そもそも何が実行されるのか分からないので、Ansibleが冪等性を保証することはできない。 使用者が直接やるしかない。 ファイルが存在したらTaskを実行しないとかプロセスが立ち上がったらTaskを実行しないとかなど。 command系のTaskはPlaybookを実行するたびに毎度実行される。 最初1回だけ実行したい場合は「args」のcreatesを追加する。

      • テクノロジー
      • 2018/02/09 21:51
      • ansible
      • MySQLのSQLモードをstrictモードで設定する。 - Qiita

        5 users

        qiita.com/park-jh

        SQLモード(sql_mode) SQLモードとは MySQLでは指定された値のままレコードに格納できなくても、なるべくエラーにならないように処理を続けるようになっている。 多分MyISAMなどのトランザクション機能がないストレージエンジンを使った時の名残ではないだろうか。 エラーが発生してもロールバックができないからとりあえずエラーが発生しないようにしておいた。 しかし、sql_modeをstrictモードで設定すれば、このようなMySQL特有の振る舞いを変更して他のSQLデータベースのように使える。 SQLモードのデフォルト値 まずsql_modeのデフォルト値を確認する。 MySQL 5.7.8以降のデフォルト値はこうなる。 mysql> select @@global.sql_mode \G *************************** 1. row **********

        • テクノロジー
        • 2017/12/28 10:12
        • 設定
        • MySQL
        • Rails 5.1を使うならSprocketsは捨ててwebpackを使おう - Qiita

          9 users

          qiita.com/park-jh

          やりたいこと es6を使う。coffee scriptとはサヨナラ〜 bootstrapを使う。 bootstrap datetimepickerを使う。(追記) font-awesomeを使う。 webpackでjs、css(scss、sass)ファイルを管理する。 bootstrapはjqueryに依存しているので、jqueryも設置します。 jqueryに依存してないbootstrap.nativeもあるが、既存の資産でjqueryを使うところが多いので、しばらくはjqueryとes6を共存した方がいいと思いました。 作業者がjqueryには慣れているが、es6には慣れてないことも1つの理由です。 bootstrap datetimepicker(追記:2017年12月20日) bootstrap datetimepickerを使う場合は、Eonasdanのbootstrap dat

          • テクノロジー
          • 2017/12/14 18:42
          • rails
          • js
          • Powerlineは難しくないよ! - Qiita

            5 users

            qiita.com/park-jh

            始まる前に 格好いい開発環境を作るのは、仕事に集中するためにテーブルの上を綺麗に整理することと同様です。 私はshell、tmux、vimを主に使っていますが、これらを格好良くするため、Powerlineを使います。 Powerlineについてはあちこちに情報が多いし、多様なので、どんな方法を選べばいいのか躊躇してしまいます。 過去、私もそうでした。 ある程度、頭の中が整理されたので、記事を作成しました。 背景知識 Powerlineはpythonで作られたライブラリです。 Powerlineを使うためにはpythonとそのパッケージ管理ツールであるpipをインストールする必要があります。 そして、Powerline用のフォントをサーバーとそのサーバーに接続するターミナルにも適用しなければなりません。 Powerline用のフォントをインストールする方法はosごとに異なります。 そして、タ

            • テクノロジー
            • 2017/11/30 00:02
            • PowerLine
            • font
            • Hanamiの入門ガイドを和訳しました。 - Qiita

              6 users

              qiita.com/park-jh

              Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじまる前に Hanamiはとても素晴らしいフレームワークです。 最近1.1.0にアップデートされました。 この記事はHanami公式サイトのIntroductionを和訳したものです。 辞書を引きながら書いてみましたが、間違いや足りないところが多いと思います。 ご指摘いただけると幸いです。 紹介 Hanami is a modern web framework for Ruby. レスポンスタイムが早いです。 Hanamiは速度に最適化されました。 数ミリ秒の時間でレスポンスを返します。 あなたのアプリをより早くするためにCDN(Co

              • テクノロジー
              • 2017/11/07 19:16
              • ruby
              • VimでReactの開発を楽々 - Qiita

                4 users

                qiita.com/park-jh

                前提 ES6で開発する。 javascript補完にはternjsを使う。 javascriptスタイルガイドはeslint(airbnb)を使う。 JavaScriptのSyntax関連プラグイン pangloss/vim-javascript othree/yajs.vim othree/es.next.syntax.vim othree/javascript-libraries-syntax.vim othree/html5.vim maxmellon/vim-jsx-pretty ternjs/tern_for_vim vim-javascript vimでのjavascriptの開発を行うとき定番みたいなプラグインだ。 syntaxについてはyajsを使っているがyajsはindentationを提供していない。 再度確認したが、vim-javascriptがないとindenta

                • テクノロジー
                • 2017/11/05 23:36
                • react
                • vim
                • javascript
                • サンプルでreact-router v4を理解してみよう。 - Qiita

                  12 users

                  qiita.com/park-jh

                  v3からv4への変更点 react-router v4については日本語の資料が少なかったので、 ReactTrainingのgithubのreadme.mdと英語で書かれたブログを参照した。 react-router v3も使ったことがなかったので、変更点を読んでも理解できず、かなり時間を使った気がする。 ようやく理解できたと思うので、整理してみた。 最後には簡単なサンプルも一緒に紹介する。 まずv3からv4への主な変更点をまとめた。 (この記事はReact Router v4 Unofficial Migration Guideという記事をかなり引用している。) react-routerからreact-router-domとreact-router-nativeに分岐 <Switch>の追加 routeにexactを追加 nested routeはもう使えない。 <IndexRoute>

                  • テクノロジー
                  • 2017/10/03 23:55
                  • react
                  • javascript
                  • CSSアニメーション、このくらいはわかった方がいいよ。 - Qiita

                    6 users

                    qiita.com/park-jh

                    Reactのアニメーションを学ぶ前に背景知識としてCSSのアニメーションについて紹介する。 ReactではなくてもこのくらいのCSSアニメーションの扱い方は覚えた方がいいと思う。 CSS transition transition効果(時間的変化)を与えるために使うプロパティ 百聞は一見にしかず、早速だがソースコードをみよう。 <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Hover Transition</title> <style media="screen"> a{ font-family: Helvetica, Arial, sans-serif; text-decoration: none; color: #fffff

                    • テクノロジー
                    • 2017/07/10 06:37
                    • CSS
                    • techfeed
                    • animation
                    • JavaScript
                    • あとで読む
                    • ReactでTrelloみたいなToDoリスト<4> immutability-helper - Qiita

                      4 users

                      qiita.com/park-jh

                      関連記事 Reactのスタート Reactのプロジェクト Reactで挨拶 ReactでTrelloみたいなToDoリスト<1> props ReactでTrelloみたいなToDoリスト<2> state ReactでTrelloみたいなToDoリスト<3> prop-types ReactでTrelloみたいなToDoリスト<4> immutability-helper 外部APIとの通信、Props Callback function 今までは外観を作っただけで、カードの操作はできなかった。 カードの操作ができるように機能を追加してみよう。 また著者のサイトから学習用のAPIサーバーを提供しているので、そのサーバーと通信する形で改善する。 カードを操作する機能については、親コンポーネントからfunctionを作り、Props Callbackとして子コンポーネントへ渡す。 diff

                      • テクノロジー
                      • 2017/07/08 20:45
                      • techfeed
                      • JavaScript
                      • あとで読む
                      • Tmux Plugin Manager(tpm) - Qiita

                        3 users

                        qiita.com/park-jh

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

                        • テクノロジー
                        • 2017/06/13 15:48
                        • あとで読む
                        • springの再入門 - DI(依存性注入) - Qiita

                          6 users

                          qiita.com/park-jh

                          「SpringによるWebアプリケーションスーパーサンプル」という本でDIの概念を理解したことがある。 第1章しか読んでいなかったけど。DIの概念を理解するためには十分だった。 当時には業務でStrutsを使っていてSpringよりもStrutsの理解を深めるのが先決であった。 第2章からは後で読んでみようと思っていながら、今まで封印の状態に。この本に悪いことをしたと反省している。 少し話が長くなったが、この本ではDIの概念を説明するために三つのサンプルを用意している。 一つ目は依存関係を使って、「Hello World!」を出力する。 二つ目はinterfaceを使って、「Hello World!」を出力する。 そして、最後の三つ目はDIを使って、「Hello World!」を出力する。 結果的には「Hello World!」を出力するだけだが、なぜinterfaceを使って結局DIを使

                          • テクノロジー
                          • 2017/04/13 20:09
                          • spring
                          • java
                          • プログラミング
                          • 仕事
                          • springの再入門 - eclipseでスタート - Qiita

                            4 users

                            qiita.com/park-jh

                            STS(Spring Tool Suite) eclipseをベースにしたspring frameworkを利用するための専用開発ツール ようするにeclipseをベースにしてSTSというプラグインを設置すればspringの開発環境が用意されるわけだ。 最近のeclipse(マース)では従来のプラグイン設置方法(install new software)以外にmarketplaceというものを提供していて大きなプラグインの設置がもっと容易になっている。 メニューからHelp > Eclipse Marketplace...順で選択する。 Eclipse Marketplaceからstsを入力して検索する。 Spring Tool Suiteのところの「install」ボタンをクリックする。 Confirm Selected Featuresから全て選択された状態で「Confirm」ボタンを

                            • テクノロジー
                            • 2017/03/11 22:16
                            • Java
                            • springの再入門 - Qiita

                              14 users

                              qiita.com/park-jh

                              javaで開発するときに使ったフレームワークはstrutsと富士通のinterstage(java ee)しかない。 springについてはEJBの軽量化バージョンということで少し触れた程度。 最近springについてググってみたらspring rooとかbootなど知らないものが出ってきたので調べてみた。 序でに近頃使われているJAVA系のフレームワークの傾向についても整理した。 frameworkとは 一般的な機能をもつ共通コードをユーザーが選択的に上書きしたり特化させたりすることで、ある特定の機能をもたせようとする抽象概念のことである。(wikipediaより) パッとこない人のために補足する。 近頃のWebアプリケーションはmvcアーキテクチャーを採用して作られている。 mvcとはソフトウェアのデザインパターンの一つでこれを採用してWebアプリケーションを作るとビジネスロジックとプ

                              • テクノロジー
                              • 2016/06/03 09:44
                              • spring
                              • java
                              • programming
                              • あとで読む
                              • Chefを使ってより効率的にサーバを管理しよう。まずは用語から - Qiita

                                4 users

                                qiita.com/park-jh

                                関連記事 Chefを使ってより効率的にサーバを管理しよう。まずは用語から Berkshelfを使って外部クックブックをノードに適用する。 クックブックを作成してノードに適用する。- その1 クックブックを作成してノードに適用する。- その2 ChefでCentOS 6.7 + rbenv + ruby 2.3.0の環境を構築する。 ChefでCentOS 6.7 + Vim 7.4 + luaを設置する。 ChefでVimプラグインマネージャーNeoBundleを設置する。 Chefのレシピをデバッグしてみよう。 ChefでCentOS 6.7 + nginxを設置する。- 外部クックブック ChefでCentOS 6.7 + nginxを設置する。- カスタムクックブック ChefでCentOS 6.7 + nodejs + npmを設置する。 ChefでVimプラグインマネージャーvi

                                • テクノロジー
                                • 2016/05/18 00:58
                                • Chefでnginx + php(php-fpm) + mariadb + wordpressを設置する。 - Qiita

                                  4 users

                                  qiita.com/park-jh

                                  関連記事 Chefを使ってより効率的にサーバを管理しよう。まずは用語から Berkshelfを使って外部クックブックをノードに適用する。 クックブックを作成してノードに適用する。- その1 クックブックを作成してノードに適用する。- その2 ChefでCentOS 6.7 + rbenv + ruby 2.3.0の環境を構築する。 ChefでCentOS 6.7 + Vim 7.4 + luaを設置する。 ChefでVimプラグインマネージャーNeoBundleを設置する。 Chefのレシピをデバッグしてみよう。 ChefでCentOS 6.7 + nginxを設置する。- 外部クックブック ChefでCentOS 6.7 + nginxを設置する。- カスタムクックブック ChefでCentOS 6.7 + nodejs + npmを設置する。 ChefでVimプラグインマネージャーvi

                                  • テクノロジー
                                  • 2016/05/02 18:32
                                  • NeoBundleからvim-plugへ - Qiita

                                    17 users

                                    qiita.com/park-jh

                                    シンプルなのに強力なvim-plug NeoBundleの開発が中断されてDein.vimへの移行が推奨されていた。 Dein.vimのプラグインの記入方法が好みではなかったので、以前から見ていたvim-plugへの引っ越しを決めた。 結果的には大満足。早いということは聞いていたが、何よりプラグインの記入方法が分かりやすくてとても気に入った。 60個以上のプラグインを設置するとき体感できるほどNeoBundleに比べて早かった。 起動するときの速度についてはここを参考。 NeoBundle vs vim-plug 遅延読み込み(lazy loading、on-demand loading) NeoBundleの方はlazy loading、vim-plugの方はon-demand loadingと読んでいる。 NeoBundleの場合はNeoBundleLazyを使って色んなオプションを付

                                    • テクノロジー
                                    • 2016/03/09 19:51
                                    • vim
                                    • plugin
                                    • performance
                                    • Qiita
                                    • あとで読む

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

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

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

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

                                    j次のブックマーク

                                    k前のブックマーク

                                    lあとで読む

                                    eコメント一覧を開く

                                    oページを開く

                                    はてなブックマーク

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

                                    公式Twitter

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

                                    はてなのサービス

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