Search, watch, and cook every single Tasty recipe and video ever - all in one place! News, Politics, Culture, Life, Entertainment, and more. Stories that matter to you.

はじめに 先日うちの会社のアルバイトに来てくれている大学生さんに 「Vagrant, chef, DockerってよくWebで記事を読むんですけど使っている文脈が似ていて、何が違っていてどう使い分けるのかよくわからないんですよね〜」という風に尋ねられました。 その時に彼にも口頭で説明はしたのですが、うまく説明出来たのか自分でも怪しかったので今回まとめてみたいと思います。 Vagrantとは Vagrantについて、 Vagrant日本語ドキュメントには以下のように説明されています。 Vagrantは、 あなたとあなたのチームの生産性/柔軟性を最大限にする手助けをするために、 簡単な環境設定/複製可能なマシン/業界標準の技術で構築された１つの一貫したワークフローによって制御される可搬的な開発環境を提供します。 その恩恵を得る為に、Vagrantは先人の知見に基づいています。 マシン(開発環境

VirtualBox の環境設定を変更する メニューバーから「VirtualBox」→「環境設定」→「ネットワーク」→「ホストオンリーネットワーク」を選択 右のほうにある「＋」を押す ホストオンリーアダプターのIPアドレスを確認する メニューバーから「VirtualBox」→「環境設定」→「ネットワーク」→「ホストオンリーネットワーク」を選択 上の手順で作ったホストオンリーネットワークアダプターを選択 右のほうにある3つのぼたんのうち、一番下のボタンを押す（オンマウスすると「ホストオンリーネットワークを編集する」って出る） IPv4アドレスを控えておく VMのネットワーク設定を変更する 「ネットワーク」→「アダプター2(有効化されてないアダプターならどれでも可)」を選択 「ネットワークアダプターを有効化」にチェックを入れる 「割り当て」のプルダウンを「ホストオンリーアダプター」にする MA

はじめに 今回やりたかったことはよくあるログイン・ログアウトの実装です。 で、react-routerを使っての実装方法が以下にありました。わかりやすかったです React Routerで認証を制御する方法 - Qiita ログインしているかどうかの判定はstoreにuser.sessionを用意してこれに値がセットされていればログインしているとみなす。 本来であればクッキーにtoken等をセットしてそれがあれば自動でログインするような形がいいのかな 今回はとりあえずなので、毎回ログインさせる形で ディレクトリ構成は以下のような形で実装してみました . ├── actions │   └── user.js ├── reducers │   └── user.js ├── components │   ├── app.js // 全画面共通のコンポーネント │   ├── auth.js

React使ってSPAを作るよ目次 React使ってSPAを作るよ（17）の続きです。 なんとなくコンテンツはできてきたので、そろそろユーザー認証のあたりを考えていきたいです。 あとで変えるかもしれませんが、今のところ仕様は下記のような感じを想定しています。 ゲストユーザーの場合 記事一覧は見ることができる タグ絞り込み機能も使える 読んだ人リスト、コメント、コメント入力フォームは表示されない 記事を追加することはできない navの記事追加ボタンを押したらログインフォームが表示される navのアカウントボタンを押したらログインフォームが表示される アカウントアイコンはデフォルトの画像が表示される モックを用意するのが面倒なので実装済みの動作をGIFにしました！ ログインユーザーの場合 記事一覧を見ることができる タグ絞り込み機能も使える 読んだ人リスト、コメント、コメント入力フォームも表示

はじめに React.jsを使って業務アプリをSPAで作ってみたので、知見というか体験談を共有したいと思う。なお、業務アプリという分野におけるReact.jsの利用に関しては、React.js Advent Calendar 2015に「業務系アプリの実装だからこそReact使おうぜ」 という記事もあるのでそちらも合わせて読んでおこう。 アプリケーションの特徴 業務アプリといっても色々あると思うが、今回のアプリケーションでは以下のような特徴があった。 Formによる入力項目が多い＆バリデーション 画面遷移がかっちり(遷移途中の画面にいきなりアクセスや戻ることは不可) アクセスコントロールがある CRUD操作が多い 表形式でデータを表示 IEをサポート 以下、それぞれについて詳細を書いていく。 Formによる入力項目が多い＆バリデーション 業務アプリといえばFormの入力項目の多い、というイ

前回→今からはじめるReact.js〜サーバーとの通信〜 react-router ※(2016/01/19)react-routerのバージョンは1.xを前提にしています。 ※(2016/02/18)2.xネタはこちら なんらかのサービスを作成した場合、製品カテゴリーごとに画面が存在するとか、メインの画面とは別にに設定画面があるとか、会員制サイトであればログイン画面があって、ログインしたら、ポータル画面に遷移したり、といったように、複数の画面が存在して、それらの画面に行き来できる仕掛けが必要になってきます。 react-routerというライブラリは画面遷移を管理してくれるライブラリです。 インストール npm install react-router --save npmのバージョンが3以上の場合は、historyもインストールします。 npm install history --sa

はい、ごめんください。 利益・感動主義のウェブコンサルタント、小杉聖です。 このコラムは【ホームページ作成にワードプレスがオススメな理由】の連載なのですが、2回目にして「ワードプレスをオススメしない理由」という方向転換っぷりです。 というのも、 猫も杓子もワードプレス、 困った時のワードプレス、 「ドラ○も〜ん！」「しょうがないなあ、ワ〜ドプレス〜〜」（CV：大山のぶ代）、という状況もどうかと思っているので、しっかりと目的を達成するために必要かどうかを検討した上で選んでいただきたいのです。 ということで、オススメしない３つの状況を挙げました。 【ホームページ作成にワードプレスがオススメな理由】 WordPress って何ぞや？ WordPress を使わない方が良い場合 WordPress の世界的シェアは？ WordPress の プラグイン が魅力的すぎる件 ビジネス用 WordPre

Game Review, Đánh Giá Chi Tiết – Thủ Thuật Mới Nhất Tại Markethack.net, chúng tôi cam kết mang đến cho người chơi những bài đánh giá game chính xác, khách quan nhất. Dù bạn là người mới hay game thủ kỳ cựu, những thủ thuật mới nhất và lời khuyên hữu ích từ các chuyên gia của chúng tôi sẽ giúp bạn nâng cao kỹ năng chơi game. Đừng bỏ lỡ cơ hội khám phá kho tàng thông tin đa dạng về thế giới game tại