WEBエンジニア奮闘記

日々の業務から思ったこと、学んだことを書き連ねていきます。

備忘録

日記:2018-05-30 AWSの日

今日やったこと made-with-riot サイトの更新 AWS Summit Tokyo に参加 詳細 1. made-with-riot サイトの更新 Made With Riot 2. AWS Summit Tokyo に参加 www.awssummit.tokyo 前回スタッフをした JAWS Days 以来のAWSのビッグイベントに参加。と言っても、…

日記:2018-05-16

←昨日の日記 今日やったこと node-sassでちょっとハマった nodejs の readline について勉強 riotx 詳細 1. node-sassでちょっとハマった github.com これ。macで docker 使って開発環境を建ててたんだが、node-sass のバインディングがおかしくてコケてた。…

日記:2018-05-15

←昨日の日記 今日やったこと riotx npm run-script の -f オプション 詳細 1. riotx 2日連続で同じリンクなので、特に言うことはない。 Riotx 紹介 · Riotx 2. npm run-script の -f オプション 今日、仕事の先輩が見つけたものだが、npm run-script を実行…

日記:2018-05-13

←昨日の日記 今日やったこと 「 月亭方正の爆笑玉手箱!」を聴いた hyperapp しがないラジオ sp.28b sp.29a 詳細 1. 月亭方正の爆笑玉手箱!を聴いた 月亭方正の爆笑玉手箱! | 公演案内 | 一般財団法人 民主音楽協会 落語家の 月亭方正 さんのお話を聴きに…

日記:2018-05-11

←昨日の日記 今日やったこと お勉強 prettier lint-staged 勉強会参加 詳細 1. お勉強(prettier) prettier.io 物凄く有名な formatter ツール。名前はもちろん、何ができるかもざっくりとは知っていたが、実はちゃんと触ってはいなかったが、 Riot.js JP s…

日記:2018-05-09

←昨日の日記 今日やったこと cmd-ranking バグ修正 v0.2.5 リリース riot-ecosystem の続き 詳細 1. cmd-ranking 昨日の日記でも記載した以下のパッケージ www.npmjs.com の「1つのコマンドにセミコロンが2つ存在すると、そのコマンドが取得できない」という…

技術書展4に参加してきた感想

参加の流れ 去年から名前だけは知っていたが一度も行ったことなかった「技術書展」なるものに行ってきた。 簡単に言うと、技術に関する同人誌販売のイベントで、今回で4回目だそうだ。(以下に公式サイトのリンクをはっつける) techbookfest.org 開始は11:0…

「Riot.js 勉強会 @Tokyo #3」を主催したので振り返りました。

riotjs-jp.connpass.com はじめに 1週間前の4/5に、実に1年ぶりにRiot.js(以下riot)の勉強会を開催できました❗ 前回まではサイバーエージェントさんの会場をお借りしてましたが、今回は株式会社サポーターズさんの会場をお借りすることができました。 また…

「事業をつくっていくエンジニアに必要なことは?企画開発エンジニアmeetup #1」に参加してきた

ajike.connpass.com 「企画開発エンジニア」というちょっと変わったタイトルの勉強会に行ってきたので、そのお話のメモを書き残す。 先に感想 ざっくりと今回の内容をまとめるとこんな感じ。(自分の考えや感想も交えています) 対談形式 モデレータ1人、ゲ…

インフラに関するお勉強メモ「ライトバックキャッシュ」

障害対応でその筋で有名なものとして、DBのパフォーマンスがいきなり劇落ちするというものがある。原因はRAIDコントローラーの定期自主検査の中でライトバックキャッシュが勝手に無効になることなんだけど、この手の障害は経験者がいないとなかなか気づけず…

Practices of directory composition using expressjs

せっかく仕事でNode.js(というかExpress)使ってるので、そこで実現場での使い方の例を参考にメモする。(そのまんまだとあれなので、加工済み) あと英語の勉強のため、何気にタイトルやらヘッダやらを英語にしています。 Anyway, directory structure ./ …

PHPでSimpleXMLElementをセッションでは保持できない

こんなXMLを受け取ってパースし、$_SESSIONで保持するとしよう。(分かりやすさのためインデントあり) <ROOT> <CUST>000123456</CUST> <BAITAI>hoge</BAITAI> <SHOHIN_MST> <SHOHIN> <NAME>ほげ</NAME> <CODE>55555</CODE> <PRICE>2500</PRICE> </SHOHIN> </SHOHIN_MST> <TAX_RATE>8</TAX_RATE> </ROOT> 1. simplexml_load_stri…

DIST.15 「アニメーションで差を付ける演出とデザイン」に参加してきたメモ

本日のお題 メインセッション マルチデバイス時代を生き残る演出術 インターフェイスとアニメーション 文字とアニメーションの幸せな関係 LT 実例で学ぶSSアニメーション 細かすぎて気づかないアニメーションクイズ大会 アセットのローディング、どうしてま…

社内ワークショップを行った時の振り返りと反省

社内でJavaScriptに関するワークショップを行っている。 npm gulp, webpack ES2015 テスト Node.js Socket.io, Express をやる予定。 まだ全てはやっていないが、やっていく中で色々見えたこと・分かったことがあったので、忘れないようにメモする。 (※後で…

当たり前だが、ちゃんと休息をとろうよって話

この手の話は枚挙に暇がないですが、書きたくなりました。 タイトルには書いてないですが、自分がプログラマー(WEBサイト、ECサイト開発がメイン)ですので、 (広義の)エンジニア目線での休息について、の話になります。 休息の種類 文字通り休むことなん…

「What the flux?」の翻訳

本投稿は以下の記事を日本語に翻訳したものになります。 (筆者の@jcreamer898氏に許可は頂いてます) jonathancreamer.com この記事は、Fluxについて物凄く分かりやすく書かれているので、「Flux難しい!」って言う方の助けになれば幸いです(*^^)v 以下、本…

読書メモ「ハッカーと画家」

だいぶ前に読了はしてたけど、会社に置いておくためにいったん手元から離すのでブログに書く。 今回読んだ本はこちら↓↓ ハッカーと画家 コンピュータ時代の創造者たち作者: ポールグレアム,Paul Graham,川合史朗出版社/メーカー: オーム社発売日: 2005/01メ…

東京Node学園祭2016のメモ

例によって例のごとく、今更投稿する。しかもほぼ編集なしのメモ。 今回(は?も?)海外の方が多数来られていて、物凄く刺激のある1日だったし、Node.jsって楽しい!と再確認できた勉強会だった。 Famicom programming with JavaScript 当時のスペックではf…

CodeIgniter4-dev(Vagrant, CentOS7, Nginx, MariaDB)の開発環境を作ったメモ

To. 未来の私 おそらくあなたはこの記事に再び訪れるでしょう。 そのために書き残しておきます。 過去の自分に感謝しなさい。 本題 CentOS7のインストール # boxの追加 $ vagrant box add centos71 https://github.com/CommanderK5/packer-centos-template/r…

AWS Summit「DockerだらけのFRESH!な動画配信プラットフォーム」に参加してきた

AWS Summit Tokyoに参加してきた記事の第二弾!この発表も物凄くインパクトが有り、Dockerを実際に本番環境でも使っている事例としてかなり参考になった! こちらに資料が公開されているので、詳しく見たい方はどうぞそちらにアクセスして下さいませw 登壇者…

JavaScriptの即時関数の便利な使い方のいくつかをメモ

今まで使ってはいたが、こんな使い方もあるのかと感動したのでメモ。 ※そんなの当たり前じゃい!って内容だと思いますので、どうぞスルーしてくださーい 以下使い方例の一覧! 名前を強制させる jQueryとかprototype(もう使われることはないかな…)とか、い…

IEでliタグをドラッグしながら下にスクロールさせる小技

以下のようなhtml, cssがあったとき、任意のhogeをクリックしながら下の枠外までスクロールすると、Google ChromeやFirefoxだとスクロールしてくれますが、Internet Explorer(以下IE)だとスクロールしません。 実際には、liタグにmousedown, mouseupイベン…

webpack + Riot.js + jadeで開発環境を作った話

はじめに 今までgulpを使って自動で.jsやら.scssをコンパイルするようにしていたが、今回はよく耳にするwebpackを使って開発環境を作ってみたお話。(最近触り始めてかなり気に入っている) もちろんgulp-*モジュールをフルに使えばできることだが、webpack…

続・ブラウザで別タブ・別ウィンドウを開いたことを検知する方法の問題点

はじめに(完全に余談) 本投稿は、ちょっと前に書いたブラウザで別タブ・別ウィンドウを開いたことを検知する方法という記事の続きと言うか補足になる。実際の現場では、前回書いた内容だけではほぼ使えないと思う。具体的には、ブラウザ(IEとかSafariとか…

おそらく業務で使うであろう正規表現集め(※JavaScriptを使用)

はじめに ちょこちょこ正規表現を業務で使う(例えばバリデーションチェックのためとか)が、 そのたびに勉強しないとなーと思って特に何かしたわけではなく、気付いたら数年経ってしまったので、 一応勉強したという実績を残したかったのでこんなブログを書…

ブラウザで別タブ・別ウィンドウを開いたことを検知する方法

前置き 今やっている案件(既存ECサイトのリプレイス)で実装した機能に ユーザがブラウザで別タブ・別ウィンドウを開いて商品を検索 各タブ・各ウィンドウでの検索条件を維持 (つまりそれぞれの画面でのセッションを維持) 今の画面の複製も同様に維持 と…

AWS Summit 「ビジネス変革を実現するクラウドジャーニー ~DevOps と Microservices~」に参加してきた

だいぶ前になるが、AWS Summit Tokyoに行ってきた。 AWSの大規模な勉強会にはちょこちょこ参加しているが、今回も物凄く刺激・新たな発見があるものだった。 その中で1番感動した発表のメモを公開。(だいぶ内容は荒いですw) また、こちらにPDFで資料が公…

Riot.jsのタグのライフサイクルについてのメモ

公式ページにタグのライフサイクルについてこう書かれている。 A tag is created in following sequence: Tag is constructed Tag’s JavaScript logic is executed HTML expressions are calculated and “update” event is fired Tag is mounted on the page…

Riot.jsで変数の値によってhtmlタグに別のクラス名を付与する方法のメモ

まえおき 分かりにくいタイトルじゃの(笑) 例えばmount時に渡された変数の値を取得したり、ajaxでAPIから何らかのデータを取得し、 その結果の値によってpタグのクラス名を別々に付与したい時ってあると思う。あるよね? ほいで、それをRiot.jsだとどう書…

Riot.jsでAjaxを使った非同期通信について

はじめに 現在あるプロジェクトで、JavaScript界隈では一時期話題になった(*1) Riot.jsで開発をしている。DBとのデータのやり取りを全てAPI化しているため、APIに非同期に通信しているのだが、ちょっとコケたので(*2)備忘録として書き残す。 開発環境な…