Tagbangers Blog

Blog

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 -...

英語・英語・英語

こんばんわ。ナミキです。 英語勉強記事の便乗の便乗です。 日本人が英語の勉強に適していないと言われる理由があるのはご存知でしょうか? それは学生時代に学ぶ「英語の授業」のせいだと言われています。 文法を正しく学びすぎるせいで、英語を聞いた時(または見た時)に 日本語の正確な文章で変換しようとするクセが出来てしまっている人が非常に多いそうです。 例えば 「Hello!」⇒「こんにちは」といった単語ならすっと出てくると思いますが 「Do you know route of yokohama-stadium ?」と聞かれた時に ・・・あ、横浜スタジアムへの道を聞かれているんだな、と変換してから 「I...

会議やテレカンで使われているIT英語

英語勉強記事に便乗しつつ。 カンファレンスで英語聞くのもブロークンに海外のエンジニアの方と話すのも楽しいのですが、明確に伝えるのは難しいなと思います。 会議の場合は基本的に必要なのは臨場感、要点を短くすばやくはっきり伝えること。わからない単語は平易な言い回しに変えて会話を続行させること。 日本語の会議と一緒といえばそうなのですが…、雑談+必要事項+雑談+話が飛ぶ+必要事項2(全部Japanese)→はい今の英語で→(ほぼ時間ない)!!! という、英語時間のターンまでにきちんとまとめておく力が相当問われるのを痛感しています。 できる方々の話す英語のリスペクトをこめて復習事項としてまとめていければ...