先日のPyCon JP 2018の野球の話にてVue.js（Nuxt.js）の話をした結果、技術評論社様のご厚意により、一冊頂戴いたしました. Vue.js入門 基礎から実践アプリケーション開発まで 作者: 川口和也,喜多啓介,野田陽平,手島拓也,片山真也出版社/メーカー: 技術評論社発売日: 2018/09/22メディア: 単行本（ソフトカバー）この商品を含むブログを見る 正に欲しかった類の本で大変助かりました、ホントありがとうございます！ 結論から言うと、 Vue.js（またはNuxt.js）で開発するなら一冊持っておけ！（ただし他のFWにもいい本がある） っていうくらい素晴らしい書籍でした、自信を持ってオススメができるレベルです. このエントリーでは、 「 Vue.js入門 基礎から実践アプリケーション開発まで」の簡単な感想 私がフロントエンド開発するまでにやってきたJavaScri

「羽田　成田　間違えた」 これで検索していらした方、お気持ちお察しします。 めっちゃ焦るのわかります。まずは、深呼吸してください。 どうすればいいか、最初に手短にまとめます。 ●すぐ路線検索。最速で何時につくか確認 ●到着がチェックイン締め切り時刻を切りそうなら、航空会社に電話するか、航空会社カウンターに行く。変更できないか、どうするのが最善か、アドバイスをもらう ●本来の空港に急ぐ場合、羽田〜成田を最も速く移動できる手段はタクシー。渋滞なければだいたい1時間ちょい、27000円くらいで行ける ●移動中にWEBチェックインができるなら済ませる。ターミナル、ゲートの位置を、空港公式サイトの地図で確認しておく ●預け入れ荷物がないなら、カウンターに寄らずゲート直行できる可能性がある。航空会社に「WEBチェックインしたんですけど、ゲート直行でいいですか？」って聞いてみる。 ●落ち着く。八つ当たり

悲報 2019年6月26日現在、TeamSQLのサポートがなくなってしまったようでダウンロードできなくなくなりました。。 TeamSQL has retired and is not available for download anymore. 今までSequel Proを重宝してきましたが、それを超えるGUIツールが出てきました。 その名も、TeamSQL 現状サポートしているものだけでもかなり豊富 今後、elasticやmongoDBにも対応されるようです。 機能 クエリ保存 履歴保持 ファイル出力 抽出した結果をボタン１つでcsvやjson形式に保存可能。 共有 データをエクスポートしなくても共有が可能。 グループの作成が可能なため、特定のユーザー同士で簡単に共有ができるとこがメリット。 可視化 様々なチャートでクエリの可視化が可能。 そのままイメージとして保存も可能。 テーマ選択

Vueの便利なテクニック７つ Youtubeで見つけたので勉強ついでにまとめてみる。 出展 Chris Fritz さん Youtube https://www.youtube.com/watch?v=7YZ5DwlLSt8 資料（Github） https://github.com/chrisvfritz/7-secret-patterns まとめ - 動画とはバージョン違い（英語） https://www.vuemastery.com/conferences/vueconf-2018/7-secret-patterns-vue-consultants-dont-want-you-to-know-chris-fritz/ Productivity Boost - 生産性向上 1. Smarter Watcher 元のコードはこれ。生成時になにかしてアップデート時にもなにかする。よくやる。

スタディスト開発部、フロントエンド担当の小宮山です。走ることが楽しくなりすぎてフルマラソン完走が当面の目標です。 今回は私達が進めているUIリニューアルプロジェクトにおける、フロントエンド設計の心臓部についてご紹介したいと思います。盛り上がりつつあるものの、まだまだ実践的な情報が少ないVue界隈に少しでも貢献できましたら幸いです。 画面駆動Vuexの頃プロジェクト始動当時は私含め大規模プロダクトにVuex（さらにその他Flux状態管理も）を導入して開発を進める経験も知見もほぼない状況でした。 そして開発していく画面デザインの大枠は出揃っている状態だったので、計画も実装も画面単位で区切って進みだしていきます。 こうした状況でVuexのstoreはどのような方針で実装されていくか。正確に表現するなら、特に方針なく実装していくとどうなるか。画面ファーストで、画面から使いやすく、画面ごとに専用なs

ファンク・ギターとはなにか。 僕は学部生のころ、ブラック・ミュージックを専門に演奏するサークルに所属していた。 ファンク・ギタリストとして4年間活動し、改めて思うことがある。 「ファンク・ギターってなんだ？」 折しも分析哲学という「言葉遣いや概念の定義を扱う学問」に携わっている身として、この問題を一身に引き受けようと思った次第。 それから数日、メインで研究している作者性だとかサブで研究しているVaporwaveを放り投げ、驚天動地の熱意でもって書きあげたのが本稿である。*1 私見を言わせてもらえば、ファンク・ギターとはベースやドラムやホーンよりもずっとずっとずっと過小評価されているジャンルである。キーボードよりは幾分マシだ。 過小評価でなければ、こう言ってもよいが、だいぶ誤解されているジャンルでもある。あとで後述することになるが、カッティングひとつ取っても、その奏法の本質はだいぶ勘違いされ

Explore and discover the best Vue.js resources.

9月15日(土) DNSについて追記しました。バックエンド？今はクラウドがきっと上手くやってくれるので深く考える必要は無いんですよ（知らないので書けません😔） 問題のツイート 面接の質問で「ブラウザを立ち上げてページが表示されるまでの仕組みを全て知ってる限り説明してください」ってのをやると結構Web系の知識どれだけあるか分かると思ってる — 🍛🍺 (@tan_go238) September 10, 2018 解釈 今回は「ChromeのURL欄に入力してからページが表示されるまで」をやります。ブラウザの起動云々はWeb系の話じゃないと信じてます。 1. HTTPリクエストが飛ぶ HTTP2のヘッダ圧縮技術に全て書いてありました。 (追記)下のリクエストヘッダはテキストで書かれていますが、実際にはこれをバイナリにしたものが飛んでいるとのことです。segfoさんありがとうございます！

2018年Vue.jsとVuexを使ってる人には必ず知っていてほしいドキュメントに書かれていないコンポーネントやストア、メンテナンスの際に役立つTipsTypeScriptes6DesignPatternsVue.jsVuex はじめに 私はVue.js with Vuexを使った業務で1画面30APIを叩く必要のある画面から、たったの数APIしか叩かないけれど、代わりにUIがとても機能的で複雑な画面まで設計し、構築しました。 現在は構築したシステムを保守・運用しており、その際に得られたノウハウを言語化し、共有出来たらと思います。 ※ 記事の内容に意見がありましたら直接編集リクエストをください。 ※ パフォーマンスの話はしません。 ゴール 役立つTipsを身につけコード品質を向上させる コンポーネントのバグを減らせるTips ほとんどのバグは変数から来ます。 もし全ての値が定数なら状態から

ジュニアNISAという制度をご存知でしょうか。 我が家では、子どもの人数分×400万円をこのジュニアNISAで運用予定です。その辺をちょっと紹介します。特定の証券会社に誘導することはしませんから、警戒頂く必要はありません。 ジュニアNISAの概要 詳しくは金融庁とか、証券会社とか、お金儲け大好きな人たちのブログとかを見てもらえれば、たくさん説明があるので、好きなものを見てください。 ざっくり言えば、ジュニアNISAとは、親や祖父母とかが子ども・孫の代わりに、子ども・孫が18歳になるまで、株や投資信託を運用する制度です。2016年から始まった制度で、今年の3月末時点で、大体27万人分の子どもの口座が開設されています。対象となる18歳未満の子どもの人数は2千万人弱なので、利用率は1%強ぐらいと、そんなに普及はしていないようです。 毎年最大80万円をジュニアNISAの枠として5年間投資することが

先日発表した私の処女作 SYNTHESIZE ですが、30歳から漫画を学びはじめてアウトプットした作品となります。 一応どういうふうに漫画を学んだのかに関しては、 SYNTHESIZE 1話目の創作ログ に纏めてあるので興味がある方はこちらも読んで頂ければと思うのですが、個人的な漫画勉強法に関してもっと具体的に、画像つきで、詳細を語りたいと思います。 ※画像は冨樫義博「HUNTERxHUNTER」より引用 HUNTERxHUNTERを徹底的に考察する まず、こちらの本 Filmmakers Eye 映画のシーンに学ぶ構図と撮影術：原則とその破り方 を読んで、基本的にバストアップやエスタブリッシュショットにどういう意図があるのかを知識としてインプットしました。 次に自分にとって「これは最高傑作である！こんな作品が描きたい！」と思えるような漫画（私の場合はHUNTERxHUNTER）を引っ張り

こんにちは、今回がはじめてのnote投稿になります！ タイトルにもある通り、今日はTwitterにて8月に行なっていたUIトレースについて感じたことをまとめていきます。 デザインの勉強を始めたばかりで、どうやって勉強しよう？と悩んでいる人や、最近だとCocoda!に登録してUIデザインの勉強をしてみようかな...と思っている人の参考のひとつにでもなれば嬉しいです。 あくまでも自分なりの見解であり初心者目線で書きますので、どうぞ暖かい目でご覧になってください...。(アドバイス随時受け付けてます！) そしてかなり迷ったのですが、この記事ではトレースしたものだけでなく、アウトプットしたものも全部載せます。プロのデザイナーさんが見たらツッコミどころ満載の作品ばかりだと思いますが、同じような境遇の方の励みになればと思って、、、、では目次です。 目次 1. 　UIトレースを始めたきっかけ 2. 　最

「周波数変動で停電」の雑な説明漫画は描けないのでアナロジーで説明してみる。 今回、全体として起きたことを簡単に書くと、 「北海道電力が動かせる発電所を全部動かしても、北海道全体で使う電気を作りきれなくなった」である。 「でもなんで全部止まるの？　全部の発電所が被災したわけでもないのにおかしくないの？」 という疑問が出る。 だらだらした電力網の説明簡略化すると、 動力源（水力の水車、火力・原子力のタービン(風車)）がグルグル回る→それに繋がってる発電機が回ると電気が起きる→電気を送電線で家や工場に送る→モーターや電灯や電子レンジや色んな機器が電気を使って仕事するが電力網の基本。 東日本の発電所だと、発電機は1秒に50回、回転する。これが周波数50Hzという意味。これを交流のモーターを繋ぐと1秒に50回、回転する。 ※本当は違うが気にするな発電機を回すのに必要な力は、家や工場で消費している電力

Tweet Pocket プレママのあなた　赤ちゃんの出産を前に、今、どんな気持ちですか？ わくわく？ちょっと不安？ 赤ちゃんに会うのが待ち遠しい気持ちや、出産が怖い気持ち、育児への不安など プレママは毎日いろいろな気持ちで過ごしていますよね。 私もプレママの時期は、毎日大きくなっていくお腹を撫でながら、 大人2人の生活から激変するであろう育児生活をいろいろ想像していました。 そしていろいろな先輩ママの体験談を知りたくて、インターネットで検索したり、 赤ちゃん用品店に行ったり、育児雑誌を買ったりといろいろ情報収集をして、育児用品の準備をしたものです。 さて、2児のママである私が実際の育児体験を元に 「これがあれば私の育児はもっと楽だった！」「もっと楽しく過ごせた！」と思うアイテム＆ 「これがあったから本当に助かった！」アイテム、そして必要だと思うアイテムをご紹介します♪ 「プレゼントにも最

日常的にVueを使用している開発者が、Reactはどうなのだろうと思い、ReactとVueで全く同じアプリを作成した時のそれぞれの工程を比較して分かった相違点を紹介します。 I created the exact same app in React and Vue. Here are the differences. 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 隣の家の芝生は青く見える VueとReactで作成したアプリの見た目を比較 VueとReactはデータをどのように変更させるか アイテムの新規作成 アイテムの削除 イベントリスナーを渡す 子コンポーネントにデータを渡す 親コンポーネントにデータを戻す 終わりに 隣の家の芝生は青く見える 私は現在の職場でVueを使用しており、Vueがどのように機能するかかなり理解してい

こんにちは。インフラエンジニアの永井(shnagai)です。 これまでEC2バックエンドでECSを運用してきたが、Fargateを採用するにあたり、EC2バックエンド時と比べた差分についてまとめてみました。 内容は、ざっくり下記5項目について。 NW(awsvpc) タスク定義 サービス AutoScalling メトリクス/ログ Fargateをやってみたというのは出たての頃にやったので、今回は本番運用を考えるにあたり知っておいたほうがよさそうな点についてまとめてます。 tech.connehito.com NW(awsvpc) アーキテクチャ的に一番大きく変わるのは、NWの部分だと思う。 EC2上で、タスクを動かすときはデフォルトだと「bridge」が指定されるので、ホスト経由で外部と通信を行っていた。同一タスク(コンテナのリッスンポートが同じもの)を効率的にEC2上で動かすために、動

記事概要 書いた目的 フリーランスエンジニアの単価設定に「情報の非対称性」ある フリーランスは市場動向掴んで「売り手」になるべき エンジニア応援したい、優秀なエンジニアは年収伸ばせば良いし、キャリアミスマッチしてるエンジニアは再構築すれば良い 読者想定はフリーランスエンジニア、qiitaに多そうだから投稿 記事の内容 1. 自分のプロフィールと単価を公開 前職年収900万円で、フリーランス日額6.5万円〜10万円 40社ぐらい営業して、1/3は話が進む 2. この単価設定にした根拠を説明 前職基準、採用市場、派遣、フリーランス市場、英語圏 3. 終わりに 「こんな人材求められてるんじゃないかな」、「こうしたらキャリア積めるかも」を記載 正社員に戻って修行するなら、開発チームが強い（CTOが役員として存在）イケてるWeb企業で正社員キャリア積むことを目指すべき フリーランスのままでも「チーム

「どうして同じ広告ばかり表示されるのか」。インターネットを見ていて疑問に思ったことがあるだろう。実は、過去に見たサイト履歴などからあなたの好みや属性を機械が推測し、興味がありそうな広告を0.1秒以内に配信しているのだ。この作業が膨大に繰り返され、１兆円市場を形作る。知られざる「ターゲティング広告（狙う広告）」の世界に飛び込んでみよう。 2000年ごろまで広告取引はシンプルだった。広告を出したい企業と、出してもらいたいメディアがおり、その取引を広告代理店の営業マンがつないでいた。 ネットが普及して広告枠が大量に増え、人力で埋めるのが難しくなった。そこで2010年ごろ、広告を機械が自動で取引する仕組みが拡大。今では自動取引が全体の８割に達し、2018年には１兆円を超える見通し。 パソコンを立ち上げてサイトを開く。その瞬間、あなたが見たサイト履歴や検索した単語を機械が分析。「引っ越し先を探してい

はじめに Webサーバをセキュアに保つ為、個人的に行っている設定をざっくりまとめてみました。 設定内容はApache 2.4での運用を想定していますので、他のHTTPdをお使いの方は適宜読み替えてください。 各設定項目は以下のオンラインテストサイトでA+相当を取ることを目指しています。 設定ファイル生成 Mozilla SSL Configuration Generator オンラインテスト Mozilla Observatory Qualys SSL Server Test 前提条件 以下で設定する項目は特にHTTPS接続や攻撃防止に関するものになります。 HTTPdそのものに関する基本設定については別記事をご参照ください。 SSLProtocol 危殆化した古いプロトコルを有効にしている場合、古いプロトコルを標的としたダウングレード攻撃等を受ける可能性がある為、新しいプロトコルのみを有