Vue.jsとは 背景 業務ではphpやgoといったサーバーサイドの技術を扱っているが、現状フロントのjavascriptの部分がサーバーサイドエンジニアかデザイナーが分担して書いている。コーディング規約があいまいなことからフロントエンドをちゃんと学び始めました…
長らく更新していなかったので雪で東京が4年ぶりの積雪に見舞われている中で久々の更新をしてみました。 作成した背景 近頃ビットコインや仮想通貨で盛り上がりを見せている日本にてブロックチェーン技術が注目を集めています。 ブロックチェーン技術は2009…
Angular2で天気予報サービス作成する 前回の「Angular2で作る天気予報チュートリアルver.1」の続きからです。前回は環境構築と、静的に都市を入力しその都市の名前から天気予報APIによって天気予報情報を得るところまでしました。 今回の目的 今回は都市の入…
背景 巷で流行っているReactとAngular2、今回はどちらも学習難易度が高いですが Reactより考え方が難しくないという理由でAngular2を自分で学んでみました。 今回は前回のlaravelでのショッピングサイトと同様に同じYouTuberのチュートリアルに沿って学習を…
環境 Mac OS Vagrant 1.8.6 Virtual box 5.1.6 背景 Angular2を学ぶためにtypescriptの環境構築をvagrant上でしているときにvagrant側でファイルを作成時にホスト側にもそのファイルを共有させるディレクトリ(フォルダ)が欲しいと思い、色々と調べてみた。 …
Stripeとは 今あついベンチャー企業の台等となっている決済サービスのstripe。 シリコンバレーでもPayPal以上のペイメント企業になると言われている。 つい先日に日本でもサービスがローンチされたばかりで日本国内最大のクレジットカード会社、三井住友カー…
Isuconとは お題となるWebサービスを決められたレギュレーションの中で限界まで高速化を図るチューニングバトル、それがISUCONです。 ISUCON公式Blog 環境 サーバ Microsoft Azure Webサーバ nginx OS ubuntu 言語 php7 DB mysql5.7 ルール 制限時間 10時〜1…
node.jsとは Node.jsはサーバー側で動作するJavaScriptであり、Web業界ではかなり注目されています。大量の処理に対応するために、ノンブロッキングI/Oというモデルを採用されている いまアツいJavaScript!ゼロから始めるNode.js入門〜5分で環境構築編〜 no…
Azureとは Windows Azureは世界規模に展開されているクラウドサービスで、ユーザーが数人の小規模なサービスから、数百万人規模の大量にアクセスが発生するような大規模なサービスまで、さまざまなクラウドサービスに対応し、開発や提供することができます。…
Gin API実装 エウレカさんのチュートリアルに沿ってやってみた Go言語製WAF GinでWebアプリを作ってみる【準備編】 | eureka tech blog モデル(Model)設計 modelsディレクトリにuser.goを作成する Repository構造体定義 Repository構造体に「DBからデータを…
Mysqlインストール 前回の記事でGoのwebフレームワークを使ってAPIを実装するにあたりローカルにMysqlを用意してMVCを実装してみる。 以下コマンドでインストール $ brew install mysql mysqlのバージョンを確認する $ brew info mysql mysql: stable 5.7.14…
Ginとは Go言語のWebFrameworkの一つです。 参考 エウレカさんのチュートリアルを途中まで再現してみました。 APIですこしつまづいているのでAPI実装は次回の記事で Go言語製WAF GinでWebアプリを作ってみる【準備編】 | eureka tech blog Goのインストール …
Go言語 × SlackAPI この記事ではGo言語とslackAPIを用いてメッセージを送ってみようと思う Slackとは 主にビジネス向けのチャットツールを使っている Slackは2013年8月のリリース後、わずか2年半でDAU200万を突破、2016年5月時点ではDAU300万を突破した、ア…
Go言語 「Go」は2009年にGoogleによって発表されたコンパイラ型のプログラミング言語である。 YouTubeやDropbox、Uberなどでもサービスのクリティカルな部分にGo言語を採用されている界隈で有名な言語となっている 特にGo言語は処理速度がとても速いため、AP…
Codeigniterで基本のMVCしてみる 前回はCodeigniterのcontrollerとviewの基本を使ってみた 今回はmodelとDBを用いたMVCの流れを一連でやってみました。 まず以下のdatabaseファイルに情報を入力する application/config/database.php $db['default'] = array…
Route ルーティングでは一旦default_controllerを使う - application/config/route.php $route['default_controller'] = after; このafterがControllerのクラスになる Controller クラスを作っていきたいが afterクラスを作成するがここがポイント クラスのp…
さくらVPSは契約しているけどあまり使っていなかったこと 他のフレームワークを勉強してみたいと感じたこと Codeigniterとは MVC構造を取るPHP製のWebアプリケーションフレームワークである。 メリット コードが見やすい 動作が早い 3.0以降からcomposerが導…
jsによる正規表現 主にエラーチェック 文字の抽出に使われる 正規表現基本 <script> var s = '@kosachan, @sugatech, @taketech'; var rs = s.match(/kosachan/); if (rs) { console.log(rs); } </script> これでconsoleを見ると 以下のように取得できていることがわかります…
laravelでパッケージを導入し、設定ファイルを外だしするときにつまずいたところ laravelでのパッケージ導入 1, composer によるインストール 2, app.phpにあるサービスプロバイダーなどにコードを追加 3, 設定ファイル出力 php artisan vendor:publish する…
独自データ属性とは HTML要素の属性として定義されていないwebページやwebアプリケーション固有の属性のこと。webページやwebアプリケーションで固有の独自データを取得する際に仕様する。 独自データ属性の定義 属性名の先頭に「data- 」をつける <ul> <li id="number" data-id="1">No.1</li> </ul> 独…
laravelでのport番号変更 下記でwebサーバーを起動させる php artisan serve ローカル環境での開発にて現在の設定が8000のportである localhost:8000 例えば8080のportに変更させたい そのときに使う方法 php artisan serve --port=8080 もし80のportでした…
キャメルケース キャメルケース(CamelCase)とは、複合語の語頭を大文字にする記法で、一般的な利用例としてはマクドナルドのロゴ「McDonald’s」が挙げられる。 キャメルとは「ラクダ」の意味で、語頭の大文字がラクダのコブのように見えることが語源のようで…
様々なvalidationルール よく使うもの required 入力必須 integer 整数かどうか numeric 数値かどうか string 文字列であるかどうか array 配列かどうか boolean 論理値かどうか alpha 中身が全部英字かどうか alpha_dash 英字または-または_であるかどうか …
既存のマイグレーションファイルを編集しカラムを追加する ex) カラム:hall_hex 種別:varchar(4) カラム:NULL:許容 デフォルト値:0 $this->string('hall_hex', 4)->nullable()->default(0);
技術ブログ開設しました! とあるベンチャー企業のシステムエンジニアやってます。 新卒1年目で技術ブログをなぜするのか? それは大学で独学で学んだプログラミングでは仕事では通用しないと 会社に入って痛感したことです。 技術ブログを始めた理由は2点…