フロントエンド

Angluar2のクイックスタートとチュートリアルを実施 - その2

前回の投稿Angluar2のクイックスタートとチュートリアルを実施 - その1の続きです。 前回作成したソースを使用します。 本投稿の参照元(英語) (バージョンが異なりますが、大きな影響はないと思います。) The Hero Editor - ts 本章で学ぶこと 以下を学習します。 htmlテンプレートの二重波カッコ部分{{ほにゃらら}}を動的に書き換えられること htmlの<input>タグとngModelディレクティブによる2ウェイデータバインディング 実行結果 本章を完了すると以下リンク先のようなもの...

Angluar2のクイックスタートとチュートリアルを実施 - その4

前回の投稿Angluar2のクイックスタートとチュートリアルを実施 - その3の続きです。 前回作成したソースを使用します。 本投稿の参照元(英語) (バージョンが異なりますが、大きな影響はないと思います。) Multiple Components - ts 本章で学ぶこと 以下を学習します。 再使用可能なように、コンポーネントを分ける 入力(引数のような)を受け取るコンポーネントの作り方を学ぶ NgModuleデコレータにdeclarations配列を追加する コンポーネント同士の親子バインドを学ぶ 実行結果 本章を...

[AngularJS] [Parse.com] シンプルなローディングバーライブラリを手軽に使う

環境等 AngularJS:1.3.4 Parse JS SDK:1.4.2 Angular Loading Bar:0.8.0 Angular Loading Bar [Official] http://chieffancypants.github.io/angular-loading-bar/ [GitHub] https://github.com/chieffancypants/angular-loading-bar 上のサンプル画像では、bodyの最上部のバーと左上のインジケータ(ぐるぐる)がAngular Loading Barで表示されています。 シンプルですね。 バーかインジケータのどちらかのみ使うことも簡単にできます(今回は割愛)。[こちらを参考] Angularの $http...

【続】コーディング中はブラウザにガイドを引こう

はじめに "コーディング中はブラウザにガイドを引こう - Qiita" http://qiita.com/volkuwabara/items/a476fedc4f32750c0599 以前の投稿で、オンブラウザでガイド線を引いてコーディングする方法を紹介させていただきましたが、その後ガイド線のコードを少し使いながら改良したので参考になればと思い、紹介したいと思います。 ※下図のようなガイド線を表示するイメージです。 DEMO サンプル画面 http://codepen.io/skwbr/debug/GJEgxJ * URL末尾に「#guide」を追加、または本文中の「#...

chef-zero + knife-zero + vagrantで開発環境と本番環境を構築

開発環境構築(vagrant + chef-zero) 参考情報 Vagrant/ CHEF ZERO PROVISIONER 初めての Vagrant + Chef zero + Berkshelf 本番環境構築(knife-zero) 参考情報 Chefのローカルモードだけでリモートサーバを運用してみようと、Knife-Zeroを作った。Nodeの構成情報もとれるよ。 前提条件 プロジェクトがchef-repo構造になっていること 本番環境のサーバが用意されていること インストール Gemfileに以下を追加 # Gemfile: gem 'chef' gem 'chef-zero' gem 'knife-zero' インストール bun...

Googleハングアウトのメッセージを検索する(Gmailにアクセスできない環境用)

諸事情でGmailにアクセスできない。 ドメイン制御がかかってる。 でもハングアウトは使ってるから検索したい。 もうしょうがないからAPIたたく! 流れ GmailAPIで検索 ⇒ ハイライトされた文字列とやりとり(thread)のIDを取得 threadIdからその日のやりとりをさらに取得 ⇒ 日付と人の名前をパースして表示 1でテーブルに一覧化、行をクリックしたらそのやりとり詳細をmodalで表示するようにした。 参考 Google I/O 2014の裏でひっそり公開されたGmail APIを触ってみる GmailAPIの基盤...

Pythonで機械学習アプリケーションの開発環境を構築する

Pythonで機械学習アプリケーションの開発環境、具体的にはNumpy/Scipy/scikit-learnを導入する手順について解説します。 なお、環境はPython3ベースを想定しています。 Minicondaベース(推奨) 機械学習系のパッケージはコンパイルが面倒なものが多いため、コンパイル済みバイナリをインストールできるconda(Miniconda)での環境構築を推奨します。 まずはPython本体(Python3想定)、パッケージ管理ツールであるpip、仮想環境を作成するvirtualenv、といった基本的な環境の構築を行います...

イマドキのCodeIgniterでPHPUnit入門

今回はPHPでのデファクトな「テスティングフレームワークPHPUnit」×「最新のCodeIgniter」な記事を書こうと思います。 想定の環境としては、PHP 5.4以上が入ってる前提です。 それとComposerを使います。Composerを使いたくない方は「イマドキのCodeIgniterでPHPUnit入門(Composer不使用編)」をごらんください。 1. Composerのインストール Composerでインストールする方法がイマドキです。なので、まず、Composerをインストールします。 グローバルにインストールする方法とプロジ...

更新処理に関わる参照 SQL はマスタ DB を参照するようにカスタマイズする

こんにちは。2015年 FuelPHP Advent Calendar 20日目を担当させて頂く @uzura8 です。 昨日は @goosys さんの「EAVコンテナでカスタムフィールドっぽいことをする」でした。 私は普段業務でプログラミングしていない趣味エンジニアです。暇な時に OSS の SNS エンジン(https://github.com/uzura8/flockbird) を開発してます。技術ブログも書いたことないので若干不安ですが、宜しくお願いします。 さて本日は DB 関連のカスタマイズについてです。 参照系の負荷分散の為、 master/sla...

意地でもReduxを使う

[更新: 2016/05/12] react-transportを公開、サンプルコードをredux-saga v0.10.2に対応 本稿は2016年4月19日に開催されたMeguro.es #3にて同名のタイトルで発表した飛び込みLTのフォローアップになります。こちらがわかりにくいLT資料です。 発表ではReduxが導入しにくい状況でも使っていく方法はあるよ、という内容で具体的な利用例をデモをしました。しかし、その背景にはもう少し大きな問題意識があって、「食わず嫌い」とか「Redux疲れ」になる前にちょっと落ち着いてReduxについ...

Laravel5.2で存在する"年月”のvalidateしてみた

Laravel5.2で、正しい年月か?をvalidateしようとして理不尽なことになったのでメモ。 やりたいこと Laravel5.2で、年月のフォーマットだけでなく、存在する年月かをValidateする。 いきさつ Laravel5.2の使用可能なバリデーションルールによると、「日付」「日付形式」の2パターンが利用出来る。 が。ですよ。 ExampleController.php $validator = Validator::make($input, [ 'from' => 'bail|required|date_format:Ym|before:"now"', 'to' => 'bail|required|date_fo...

React/Reduxを管理画面に使った話

自己紹介 @adwd118 adwd 株式会社ビズリーチ スタンバイ事業部 Web歴1年 サーバーサイドエンジニア? React/Redux入門やりました speakerdeck 求人検索エンジン スタンバイ スタンバイ スタンバイ 社内向け管理画面 スタンバイの社内向け管理画面でReact/Reduxを使った スタンバイ本体ではない SPA的要素はあまりない パフォーマンス、セキュリティなどそこまで気を使ってない コンテンツ React/Fluxについて 管理画面の構成 React/Reduxを使った感想 React React javascriptでUIを...

[AWS 入門] CLI を使おう

mediba advent calendar 2016 8日目担当のぬまっちこと沼沢 @numasawa です。 インフラストラクチャー部所属、AWS インフラ全般やってます。 AWS 入門編ということで、CLI(Command Line Interface) の紹介をしたいと思います。 普段は Management Console ポチポチされている方が多いと思いますが、CLI を使えるとよりエンジニアっぽい!ということで、早速紹介していきます。 インストール 何はともあれまずはインストール。環境は以下を想定しています。 Mac OS X El Capitan 10.11....

Amazon Dash Buttonを秒数当てゲーム機に改造

Amazon Dash Buttonとは  要はボタン押すだけでアマゾンの商品を注文できるボタン。ボタンが押されてから商品が届くまで、次の注文ができないので、連打は無効になっている。  ただし、なんでも注文できるわけではなく、洗剤やシャンプーなどの何回も買い替えが生じる消耗品が対象。1つのボタンに設定できるのは1商品だが、個数とか別の種類も選択可。アメリカでは2015年に発売されており、日本では2016年12月上旬に販売された。現時点(2016年12月10日)では、...

GulpとSassとBEMみたいな何かで雑なCSS書くのをやめる

はじめに こんにちは。Hamee Advent Calendar 2016 12日目の記事です。 去年も12日を担当しました。12は良い数字です。 今回はCSS設計、開発のお話です。 内容はタイトルの通りで、GulpやSass(SCSS)など使いますが、 その辺の説明は無限に良記事があるので端折ります。 あと、Gulp疲れたしnpm scripts使うよおじさん達には無縁の記事かもしれません。 下準備(知識&作業) BEMの基本を押さえておく Sass(SCSS)ちょっと勉強しておく Gulpのインストールしておく gulpfile.js書...

golang のサブコマンドで GetWild

この記事は GetWild Advent Calendar 2016 - Qiita の12日目の記事です。 ~ get wild and tough ~ と言われたらもちろんシティーハンターですね。今回、記事を書くにあたって、AAを探しましたが、シティーハンターのあまりネタとしては使いにくいAAしかなくて「ぐぬぬ…」となりました… 「Get wild 禁断症状」とは 業務中にGETWILD分が切れて禁断症状がでそうになった際に必死に耐えるための方法論~#ghq ないし go getで頑張る go get もしくは ghq get もGETWILDするチャンスかもしれ...

【Lavavel】5.1実行環境の構築をメモメモメモメモ

公式ドキュメント http://readouble.com/laravel/5/1/ja/installation.html Laravel5.1サーバ要件 要件 PHP >= 5.5.9 PDO PHP拡張 Tokenizer PHP拡張 OpenSSL PHP拡張 Mbstring PHP拡張 Composer 構築 今回は「CentoOS6.5」に構築する wget, vim sudo yum -y install wget yum httpd httpdのインストール # epelリポジトリインストール sudo yum install epel-release # IUSリポジトリインストール sudo rpm -Uvh "https://dl.iuscommunity.org/pub/ius/stable/CentOS/6/x86_64/ius...

今日が誕生日かもしれない人々を検索する

今日自分が誕生日なので何となくやりたくなった、ただそれだけの理由w ソースコード 「ライブラリに頼らないTwitterAPI入門」 からいくらか引用しています。 <?php /* 設定 */ const CONSUMER_KEY = ''; const CONSUMER_SECRET = ''; const ACCESS_TOKEN = ''; const ACCESS_TOKEN_SECRET = ''; date_default_timezone_get('Asia/Tokyo'); /* OAuthリクエスト用関数(手抜き) */ function twitter_get($url, array $params = []) { // 必須パラメータ $...

Mirantis OpenStack 8.0をVirtualBox上で試してみる

概要 Mirantis OpenStack 8.0がVirtualBox上で手軽に試せそうだったので、実際に試してみました。 環境 以下のMacbook Proで試しています。 Mac OSX El Capitan プロセッサ: Intel Core i7 プロセッサ速度: 3.1GHz プロセッサの個数: 1 プロセッサコア数: 2 メモリ: 16GB Supported Host Operating Systems and VirtualBox Versionsには、古いOS (Mac OS 10.7.5 (Lion)) やVirtualBoxのバージョンが記載されていますが、とりあえず最新でも確認はできました。 構築手順 基本的な手順は...

CSSCSSでCSSスタイルの重複を整理する

CSSの面倒くさいところ CSSは簡単に書けることが良さでもありますが、ある時は試行錯誤を繰り返すうちに、またある時は運用を続けるうちに、記述がもりもりと肥大化してしまいがちです。 (CSSのスパゲッティコード…とはあまり言わないけどそんな感じ)これはCSSの面倒くさいところですよねー。 特に近年Bootstrapなど重量級CSSフレームワークを使用する機会も増えてきていますので、表示を高速化させるために、あるいは保守性を高めていくために可能な限りシンプルに記述していきたい...