Tagbangers Blog

Blog

クライアントとサーバの通信の流れを見てみよう!

入社当時Webの勉強のためにWebサーバ作っていたのですが、まだできておらずWebの理解を深めなきゃという気持ちで再び取り組みはじめました。 今回は、サーバとクライアントの通信がどのように行われているのかについて書きます。 まず、クライアントとサーバを簡単に作ってみましょう。 Client.java package client; import java.net.Socket; public class Client {     public static void main(String[] args) throws Exception {         try(Socke...

Google Cloud Platformちょっと使ってみたよ

Google Cloudで始めるDocker実践入門に参加してました。 講師は、「プログラマのためのDocker教科書」や「Amazon Web Servicesではじめる新米プログラマのためのクラウド超入門」の著者の阿佐志保さんでした。 今回は、もう少し自分で試したいのでDockerの内容は置いといて簡単にGoogle Cloudについて紹介したいと思います。 Google Cloud Platformとは、Googleが提供しているクラウドサービスです。 リージョン 現在利用できるリージョンは、次のとおりです。AWSに比べると全然少ないですね。 プロダクト 北アメリカ ヨーロッパ アジア ...

Riot.jsのRoutingについて

SPAをとりあえず味わってみたいけどどこからはじめればいいか。 まずはやさしく始められるRiotでやってみよう。 ということでRiotのRoutingについてドキュメント引きながらやってみました。 Riot Routerの機能 いわゆるRouting、URLを判断してどのビューを表示させるか決めるというのが大きな仕事 Setup Routingの書き方は大きく2つ riot.route(callback) URLが変化したらcallbackを返します。 *「URLが変化」するというイベントが発生するタイミング とは以下の4つのパターンのとき 新しい#(URL)がアドレスバーに入力されたとき。 ...

Riot.js QuickStart+JSPM

とりあえずRiot.jsをはじめるためのメモ Step1. プロジェクトを作成する riot-sampleなど適当に Step2. npmで必要なものをインストールする $ npm init -y $ npm install jspm@beta --save-dev $ npm install superstatic --save-dev  #webserver Step3. package.jsonのscriptsを編集する ...   "scripts": {     "test": "echo \"Error: no test specified\" && exit 1",   ...

windowsのショートカットを便利に使う機能(ファイル名を指定して実行する編)

今回はWindowsユーザー限定で とても楽にたどり着きたいフォルダ・ファイルにアクセスできる方法です (今のところOSのverは問いません) 新しい技術等では全くないのですが PCを修理に出して、戻ってきた時に工場出荷状態だったため新しく設定したことで思い出しました それと、その間Macを使っていたので、慣れの問題ではありますが改めてショートカットの大事さ、効率化を思い知らされたので。書き留めます! Windowsユーザーなら誰しもが便利に使っている キーボードの左手の小指の付け根あたりにある、旗を靡かせているようなあのマーク。 そう、やつです!きゃつこと、「Windows」ボタンを使ってい...

Webサイトデザイン調査用ChromeExtension 7選

Webサイトを作る時、他のサイトさまを参考にすることってよくあると思います。 その際によく使うおすすめChromeExtensionをご紹介します。 1.スクリーンショットを撮る Awesome Screenshot https://chrome.google.com/webstore/detail/awesome-screenshot-screen/nlipoenfbbikpbjkfpfillcgkoblgpmj App版 https://chrome.google.com/webstore/detail/awesome-screenshot-app/mfpiaehgjbbfednooiha...

Active Directoryのパスワードを変更するスクリプト作ってみた(Mac用)

社内でActive Directoryを使用しているんですが、パスワード変更するのが非常に面倒くさい。。。 VMでWindows起動して、パスワード変更だなんて。たったこれだけの作業のために時間使いたくないと思い、スクリプト作っちゃいました。 #!/bin/bash echo -n "ユーザ名を入力してください。 > "; read NAME; read -sp "古いパスワードを入力してください。 > " OLD_PASSWD; echo read -sp "新しいパスワードを入力してください。 > " NEW_PASSWD; echo read -sp "新しいパスワード...

My set up list to 2016

以前書いた記事が社内でMacユーザーのデフォページ化してきましたが流石に書いてから1年も経つ物をそのままなのはどうかなーと思ったのでメンテナンスを兼ねて2016年版書きます。 ただ書き換えるだけも何なので前回から 初期セットアップする際に自分が変更してる項目 brewでインストールする物を見直し オススメGUIツール を追加しました。 Homebrewとは → http://brew.sh/index_ja.html OSX 設定項目 設定 > デスクトップとスクリーンセーバー  開始までの時間 : 5分 設定 > Dock  Dock を自動的に隠す / 表示 : ☑ 設定 > Missin...

弊社オフィスへの道のり

7月にオフィスを引っ越してから駅からオフィスまでが少し距離が増えました。 (お客様が迷ってしまうこともしばしば。。) というわけで、横浜駅きた東口から弊社オフィスまでの道案内です。 では横浜きた東口からスタート。 出口左手にあるエスカレーターを利用しベイクオーター方面へ ベイクオーター到着。 お店がいっぱいあるので帰り道に寄り道もオススメです。 KALDIとLAWSON前を通ってベイクオーターの中を通り抜けます。 右側の歩道橋へ進みます。 歩道橋の上からポードサイド公園交差点が見下ろせます。 歩道橋を降り右手へ進みます。右側に交番があります。 右手に壁画を見つつずーっと直進します。 PORTS...

Angular2 QuickStart + JSPM

Angular2 の RC5 がリリースされましたね。 NgModule という仕組みが追加されたようで、ついていくのが大変ですがどんどん便利になるのはわくわくしますね。 今回記事は、Angular2 の QuickStart を JSPM でアレンジした時のメモ。 あとからごにょごにょタスクを書きたくなるかもしれないので、gulp も入れました。 ソースコードは ここ にあります。 Step1 : npm で必要なパッケージをインストール npm init -y npm install \ babel-preset-es2015 --save-dev \ babel-register -...