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

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

アプリで開く

はてなブックマーク

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

はてなブックマーク

トップへ戻る

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

    新内閣発足

『qiita.com』

  • 人気
  • 新着
  • すべて
  • 超絶初心者のためのサーバとクライアントの話 - Qiita

    51 users

    qiita.com/shuntaro_tamura

    1.序論 よくある質問として、 クライアントとサーバの違いって何? クライアントとフロントって同じ? サーバって何? 「クライアント・サーバ」と「サーバサイド・フロントエンド」のサーバって同じ意味なの? Webサーバって何? というのをよく聞く。 このブログでは、これらの単語を紐解きながらサーバ・クライアントとその周辺知識の説明をしていく。 2.サーバ・クライアントとは 2-1.serveの意味 serveという英単語には、「(人や料理店が飲食物を)出す、提供する」という意味がある。 server:(飲食物などを)提供する人。 client:お客さん。(飲食物などを)提供される人。 技術的な話において言えば、 server:何かを提供する人(モノ) or 何かを使える状態にしてくれる人(モノ) client:何かを提供される人(モノ) or 何かを利用する側の人(モノ) というイメージをも

    • テクノロジー
    • 2015/03/28 17:12
    • HTTP
    • サーバ
    • サーバー
    • Githubを使わずにチームでGitを共有する方法 - Qiita

      5 users

      qiita.com/shuntaro_tamura

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

      • テクノロジー
      • 2015/03/26 03:43
      • Git
      • Pocket
      • [Git]ファイルの変更履歴を行単位(orコミット単位)で調べる方法 - Qiita

        5 users

        qiita.com/shuntaro_tamura

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

        • テクノロジー
        • 2015/03/18 10:53
        • git
        • [git reset (--hard/--soft)]ワーキングツリー、インデックス、HEADを使いこなす方法 - Qiita

          104 users

          qiita.com/shuntaro_tamura

          1. gitの基礎(言葉の意味) ワーキングツリー[working tree]:最新のファイルの状態 インデックス[index](ステージ[stage]):コミットするためのファイルの状態 ローカルリポジトリ[local repository]:ファイルの変更履歴を記録(手元で管理) ヘッド[HEAD]:最新のコミットの状態 リモートリポジトリ[remote repository]:ファイルの変更履歴を記録(みんなで共有) add:「ワーキングツリー → インデックス」への反映 commit:「インデックス → ローカルリポジトリ」への反映 push:「ローカルリポジトリ → リモートリポジトリ」への反映 2. git resetを使いこなす git resetには--hard、--mixed、--softの3つのオプションがある。 ※厳密にはもっとあります。詳しくは`git reset

          • テクノロジー
          • 2015/03/07 13:03
          • git
          • reset
          • 図解
          • development
          • *programming
          • dev
          • あとで読む
          • [Git]コミットの取り消し、打ち消し、上書き - Qiita

            65 users

            qiita.com/shuntaro_tamura

            を叩けばOK。 --softオプション:ワークディレクトリの内容はそのままでコミットだけを取り消したい場合に使用。 --hardオプション:コミット取り消した上でワークディレクトリの内容も書き換えたい場合に使用。 HEAD^:直前のコミットを意味する。 HEAD~{n} :n個前のコミットを意味する。 HEAD^やHEAD~{n}の代わりにコミットのハッシュ値を書いても良い。 gitのv1.8.5からは、「HEAD」のエイリアスとして「@」が用意されている。 HEAD~とHEAD^と@^は同じ意味。 HEAD^^^とHEAD~3とHEAD~~~とHEAD~{3}と@^^^は同じ意味。 ただしWindowsの場合はgit reset --soft "HEAD^"と、HEAD^を"で囲んでください。 git resetの詳細は、下記記事に詳しく書いているので、ぜひ参考にされてください。 ▼[g

            • テクノロジー
            • 2014/12/30 03:10
            • git
            • コミット
            • commit
            • コマンド
            • Qiita
            • プログラミング
            • Eclipse環境下でのエラー対処法 - Qiita

              8 users

              qiita.com/shuntaro_tamura

              基本的にはエラー文ググるべし。 だが、よくわからないけどエラー出る、みたいなときの対処法などを下記に載せます。 [エラー除去のおまじない] Refresh(F5) Clean Build(Command + b) ↓これでも直らなければ↓ pom.xmlの反映:mavenプロジェクトを右クリック → Maven → Update Maven Project... をクリック .classpath削除:find ./ -name '.classpath' -exec rm {} \; Mavenキャッシュ削除:.m2以下にmavenキャッシュがあり、それを削除。 実行例:rm -rf ~/.m2/repository/com/growthbeat/library/growthbeat-java/ 上記実行例にて、~/.m2/以下のパスは各自読み替えてください。 Eclipse上からプロジェク

              • テクノロジー
              • 2014/12/18 19:46
              • eclipse
              • linux
              • [PHP]多次元連想配列の扱い - Qiita

                4 users

                qiita.com/shuntaro_tamura

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

                • テクノロジー
                • 2014/10/25 22:02
                • 擬似要素を使ってfloatを解除する - Qiita

                  4 users

                  qiita.com/shuntaro_tamura

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

                  • テクノロジー
                  • 2014/10/16 15:28
                  • フロントエンド、サーバサイド、インフラの具体例

                    90 users

                    qiita.com/shuntaro_tamura

                    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Webエンジニアの種類は、概ね フロントエンドエンジニア:見える部分を作る人 サーバサイドエンジニア:動的な処理を記述する人 インフラエンジニア:各種サーバ環境を整える人 に類別できる。 ただし、人によってその担当領域が異なるため、明確な線引はできない。 (サーバサイドエンジニアがインフラをやったりフロントをやることも大いにあり得る) 「クライアント・サーバ」の概念との関係付けをするならば、下記画像のようになると言えるが、普段そういうことを意識することはあまりない。 フロントエンジニア: 上記画像の「ビュー」に直接関与する部分を作成する

                    • テクノロジー
                    • 2014/10/15 12:48
                    • エンジニア
                    • インフラ
                    • サーバ
                    • 開発
                    • backbone.js
                    • web
                    • プログラマ
                    • java
                    • js
                    • 超絶初心者のためのフロント入門(HTML、CSS、JavaScript) - Qiita

                      46 users

                      qiita.com/shuntaro_tamura

                      1. はじめに 1-1. 技術の概要 エンジニアの技術は、かなりざっくり言うと、 フロントエンド → 見える部分。 (例)HTML、CSS、JavaScriptなど サーバサイド → アプリケーションを動かす中身の部分。 (例)Java、PHP、Ruby、C、C++、Perlなど インフラ → Webアプリケーションを動かすための環境構築など。 (例)Webサーバ構築、DBサーバ構築、DNSサーバ構築など の3つに類別できる。 その中で、プログラミング未経験者が最も手をつけやすいのが、フロント(HTML、CSS、JavaScript)の技術である。 ※ 上記は、「Webアプリケーション開発」のお話です。 ※ 「ネイティブ開発」ではObjective-C/Swift/AndroidJava/Cocos2d-x/Unityなどがよく使われる。 1-2. フロントの概要 フロントの技術を学ぶため

                      • テクノロジー
                      • 2014/09/22 00:05
                      • javascript
                      • CSS
                      • HTML
                      • JS
                      • webデザイン
                      • フロントエンド
                      • プログラミング
                      • webdesign
                      • 「Grunt導入方法」と「便利なプラグイン」 - Qiita

                        3 users

                        qiita.com/shuntaro_tamura

                        Gruntとは Gruntとは、タスク自動化ツールです。 ▼公式ページ http://gruntjs.com/ Gruntfile.jsというファイルに設定を書けば、JSのminifyや結合、CSSのminifyや結合などを自動で行ってくれます。 Gruntを使うまでの大まかな流れは、 1.Node環境整える 2.gruntコマンドを使えるようにする 3.package.jsonという設定ファイルを作成(npm init) 4.gruntを入れる 5.Gruntfile.jsという設定ファイルを作成 6.npm install 入れたいプラグイン --save-dev 7.Gruntfile.jsに設定を追記 (1-5は最初に1回やればOK) (6,7は自動化させたいタスクを増やすたびに実行) Gruntの導入方法 1.Nodeインストール GruntはNodeで動くので、まずはNodeを

                        • テクノロジー
                        • 2014/09/10 12:16
                        • [MySQL]インデックスによるチューニング〜ログ出力、EXPLAIN、インデックス〜 - Qiita

                          12 users

                          qiita.com/shuntaro_tamura

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

                          • テクノロジー
                          • 2014/08/24 01:13
                          • MySQL
                          • 設定
                          • ログ
                          • DB
                          • 技術
                          • パスワードなしでssh接続できるようにする方法 - Qiita

                            3 users

                            qiita.com/shuntaro_tamura

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

                            • テクノロジー
                            • 2014/08/23 16:11
                            • git rebase 失敗した時の対処法 - Qiita

                              15 users

                              qiita.com/shuntaro_tamura

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

                              • テクノロジー
                              • 2014/08/18 18:41
                              • rebase
                              • git
                              • Pocket
                              • Ruby・Nodeを使うなら、rbenv・ndenvが便利 - Qiita

                                6 users

                                qiita.com/shuntaro_tamura

                                Ruby(Node)を使うなら、バージョン管理しやすいようrbenv(ndenv)を使うのが便利。 (rbenvもndenvも使い方はほぼ一緒) Nodeバージョン管理(ndenv + node-build) 1. ndenvインストール git clone https://github.com/riywo/ndenv ~/.ndenv echo 'export PATH="$HOME/.ndenv/bin:$PATH"' >> ~/.bash_profile echo 'eval "$(ndenv init -)"' >> ~/.bash_profile exec $SHELL -l ndenv -v

                                • テクノロジー
                                • 2014/07/17 00:29
                                • ruby
                                • 便利なjQueryメソッドまとめ - Qiita

                                  12 users

                                  qiita.com/shuntaro_tamura

                                  高さ系のメソッド outerHeight():padding、borderまで含んだ高さを取得 outerHeight(true):marginまで含んだ高さを取得 height():純粋に高さ(height)を取得 (注) 該当する要素が複数ある場合、最初の要素 height()に引数入れたら値をセット出来る(引数なしならgetter、引数ありならsetter) (例) $(window).height():ブラウザの高さを取得 $(document).height():ドキュメント(ページ全体)の高さを取得 座標系のメソッド offset():ドキュメント上での表示位置(ドキュメントベースでの絶対座標)→topとleftの2つを持つ scrollTop():スクロール上での上位置(スクロール範囲の中での座標。相対座標) よく使うイベント scroll click resize おまけ

                                  • テクノロジー
                                  • 2014/07/16 17:51
                                  • jQuery
                                  • [MySQL]権限の確認と付与 - Qiita

                                    4 users

                                    qiita.com/shuntaro_tamura

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

                                    • テクノロジー
                                    • 2014/07/05 23:44
                                    • ブックマーク バー
                                    • 各種SNSへのシェアボタン設置方法まとめ - Qiita

                                      27 users

                                      qiita.com/shuntaro_tamura

                                      <a href="http://www.facebook.com/sharer.php?u=`シェアしたいurl`&amp;t=`シェアしたいタイトル`" onClick="window.open(encodeURI(decodeURI(this.href)), 'sharewindow', 'width=550, height=450, personalbar=0, toolbar=0, scrollbars=1, resizable=!' ); return false;"> `シェアボタンに相当する画像や文言など` </a> シェアした時の画像や文言などは、ogp(オープングラフプロトコル)に従う。 facebookにはキャッシュがあり、facebookキャッシュを削除しないと各種変更が反映されないこともあるので注意。 ▼facebookキャッシュの削除は、下記urlから https

                                      • テクノロジー
                                      • 2014/06/15 10:37
                                      • Facebook
                                      • ソーシャルボタン
                                      • SNS
                                      • OGP
                                      • シェア
                                      • twitter
                                      • よく使うワードプレス関数、ハマる落とし穴 - Qiita

                                        5 users

                                        qiita.com/shuntaro_tamura

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

                                        • テクノロジー
                                        • 2014/06/11 18:14
                                        • WordPress
                                        • 便利なEclipseショートカットキーまとめ(Mac) - Qiita

                                          7 users

                                          qiita.com/shuntaro_tamura

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

                                          • テクノロジー
                                          • 2014/04/22 19:10
                                          • Eclipse
                                          • Mac
                                          • 初心者のためのgitコマンド - Qiita

                                            4 users

                                            qiita.com/shuntaro_tamura

                                            をたたくと、そのディレクトリ内に.gitという隠しファイルが生成される。この.gitというファイルが含まれているフォルダとそれより下位にあるフォルダがgitで管理されることになる。 「gitで管理される」とは、後述するgit addなどのコマンドを用いることができるということである。 逆に、一般のディレクトリにはもともと.gitが含まれておらず、gitコマンドは使えない。 git add ファイル名 素のファイルをstage環境にあげたい場合、 をたたくと、そのファイルをstage環境に上げることができる。 stage環境というのは、「gitのローカルリポジトリに上げる準備が整った環境」であり、stage環境にあるファイルをコミットすると、gitのローカルリポジトリにあげられる。 おさえておくべき知識① gitは、 素のファイル ↓add stage環境(indexとも言われる) ↓com

                                            • テクノロジー
                                            • 2014/04/16 10:42
                                            • git
                                            • reference
                                            • CSSで縦位置中央に配置する方法 - Qiita

                                              17 users

                                              qiita.com/shuntaro_tamura

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

                                              • テクノロジー
                                              • 2014/04/14 07:12
                                              • css
                                              • css3
                                              • web制作
                                              • *あとで読む
                                              • gitでpushするまでの流れ - Qiita

                                                3 users

                                                qiita.com/shuntaro_tamura

                                                gitでpushするまでの流れは以下のとおり。 git add ファイル名 addした後、 git status git diff --staged で変更を確認すると良い。 git commit (デフォルトだと)vimが立ち上がるので、vimでコミットメッセージを書く メッセージはコミット内容を簡潔にわかりやすく書く 「index.htmlを更新しました」のように見てわかることを書いても意味ない。コミットの意図してることや、コードの変更だけではわからないようなことを補足的に記述しておくと良い。 git push origin master originはリモートリポジトリのURLのエイリアス masterのところはブランチ名を書く master:masterは単にmasterと省略可能 まとめ gitは、 素のファイル ↓add stage ↓commit git local repo

                                                • テクノロジー
                                                • 2014/04/14 01:11
                                                • git

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

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

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

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

                                                j次のブックマーク

                                                k前のブックマーク

                                                lあとで読む

                                                eコメント一覧を開く

                                                oページを開く

                                                はてなブックマーク

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

                                                公式Twitter

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

                                                はてなのサービス

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