VueコンポーネントのState管理を考える - 一休.com Developers Blog
この記事は一休.comアドベントカレンダー2018の3日目の記事です。 qiita.com 宇都宮です。宿泊事業本部でWebフロントエンドの開発をしています。 一休.comにVue.jsを導入して、約1年が経ちました。スマートフォン版の予約入力画面から始まり、PCとスマートフォン版のホテルページほか、さまざまなUIコンポーネントがVue.jsで実装されるようになってきています。 また、予約入力画面のような複雑な状態管理を伴う画面の実装のため、Vuexを導入しています。 ここ1年ほどVue.js + Vuexというスタックで開発を行ってきて、アプリケーションの設計について色々と思うところがあったので、今回は現状でどういう構成が最適と考えているか、紹介します。 Vue.jsアプリケーションのState Vueコンポーネントには、親から受け取るpropsと、自分自身で保持するstate(data
Elm を実戦投入した話 2018年冬 - Qiita
弊社製品の一機能を作るにあたり、設計と開発を自分一人でやる機会があったため、Elm を採用しました。その経験にまつわる、初心者に役立ちそうな話をします。 Elm 採用動機 Elm を後述する手順で勉強し、本番で必要な要素を詰め込んだサンプルプロジェクトを作ってみて、これならいけると確信した上で採用を決めました。 普段 Vue.js を使用しています。v0.x 系から触ってきましたが、v2 になって本当に使いやすくなりました。ただ Vuex がもうちょっと洗練されてくれればいいですね。 Haskell を触ってみた際に気づいたのですが、自分はイミュータブルな世界が好きだということです。変数が何の値を指しているのか一意であってほしい。 型。 Elm の学習方法について ほぼこの通りでした。 2019年 Elmをはじめる人が最初に読むページ Elm guide を一通り読む 各パッケージの使用方
Node.jsで高速にファイル一覧を取得するfs.readdirのwithFileTypesオプション - Qiita
この記事はNode.js Advent Calendar 2018の2日目の記事です。 ちょっとしたネタですが、Node.js v10.10から入ったfs.readdirのwithFileTypesオプションとfs.Direntについて紹介したいと思います。 TL;DR 特定のディレクトリ配下のファイル一覧を表示する方法を紹介 読み込んだディレクトリのファイル種別がファイルかディレクトリか判定する方法を紹介 fs.statを使った従来の方法 Node.js v10.10.0から使えるfs.readdir(またはfs.readdirSync)のwithFileTypesとfs.Direntを使った方法 fs.statを使った判定方法 例えばNode.jsを使ってディレクトリ配下のファイル一覧を表示したいとき以下のようにfs.readdirとfs.statを使って書くことができます。 cons
お前らのReactは遅い - Qiita
煽りタイトルですみません。 最近、Reactのプロジェクトのページを動かしていて、 もっさりしてる（レンダリングの負荷が高いな）と思ったので どうやったら無駄なレンダリングを減らせるか思考錯誤したことをまとめました。 preactとか別ライブラリの話はしません。 よかったらこちらもどうぞ ReactJSで作る今時のSPA入門（基本編） 2019年07月06日追記： ブラウザのレンダリングの仕組みに関して良記事があったので先に一読しておくことをおすすめします。 良記事１：実際のところ「ブラウザを立ち上げてページが表示されるまで」には何が起きるのか 良記事２：ブラウザレンダリング入門〜知ることで見える世界〜 １ピクセルがブラウザに表示されるまで：Life of a Pixel 2018 この記事に関してはReactのDOMツリー（レイアウト）レンダリングに関する最適化戦略です。 2020年02
ログレベルが突然変わる謎の事象を追う ～ あるOSSサポートエンジニアの1日 - Qiita
Logger.getLogger("test").setLevel(Level.OFF); これは、testという名前のロガーのログ出力を抑止することを目的としたコードです。 ここで使っているLoggerはJava標準のjava.util.logging.Loggerで、getLogger()は引数で与えられた名前のロガーインスタンスが既に生成されていればそれを返し、無ければ新たに生成するメソッドです。setLevel()は、そのロガーのログレベルを設定します。引数はLevel.OFFなので、ログ出力を無効にします。 この記事は、上記コードが引き起こした問題についての実話です。 このコードが起こした問題 ある日、私のもとに至急の調査依頼が来ました。その内容は、「Tomcatの再起動をきっかけに、Webアプリケーションがボディの無い正常応答を返すようになった」というものでした。 その後の再起
バグハンターのためのクライアントサイドJavaScriptの静的解析 - No1zy Web Security Blog
はじめに JavaScriptは、最新のWebブラウザで最も普及した技術の1つになっています。AngularJS、ReactJS、Vue.jsなどのクライアントサイドJavaScriptフレームワークを使用して構築されたアプリケーションは、多くの機能とロジックをフロントエンドに提供します。そしてロジック、機能の増加によってクライアントサイドのAttack Safaceも増加します。これらのAttack Safaceを理解し、脆弱性を発見する方法を身に着けることが必要です。 このブログ記事では、効率よくWebアプリケーションの脆弱性を発見するために、クライアントサイドJavaScriptの静的解析に注目して説明します。 今回は脆弱性を探す対象はOWASP Juice Shopです。Juice ShopはJavaScript製の意図的に脆弱に作られたアプリケーションです。 何を探すか? セキュ
WordPressのプラグインWP GDPR Complianceの脆弱性CVE-2018-19207について分析した
11月中旬から、レンタルサーバー事業者等から、WordPressのプラグインWP GDPR Complianceの脆弱性について注意喚起が目立つようになりました。 WordPressのプラグイン「AMP for WP」「WP GDPR Compliance」における緊急性の高い脆弱性についての注意喚起 【注意喚起】WordPressのプラグイン『WP GDPR Compliance』の1.4.2までのバージョンに脆弱性が発見されました。 【重要】WordPressのプラグイン「WP GDPR Compliance（1.4.2以前）」「AMP for WP（0.9.97.19以前）」における緊急性の高い脆弱性について 記事本文には以下のように書かれています。 本脆弱性の影響 WordPressにおいて、権限を持たないユーザーが脆弱性を利用してウェブサイト全体の設定を変更したり、第三者が管理者
メルカリを退職してChanoma, Inc. にジョインしました - tomoima525's blog
近況報告です。11月頭にメルカリを退職し、サンフランシスコを拠点とするChanoma, Inc.にジョインしました。 Chanoma, Inc. では何をしているのか Chanoma, Inc. ではChompというサービスを開発しています。Chompはレストランやお店で食べたものを親しい人とシェアできるソーシャルアプリです。美味しいお店の美味しいごはんの写真はみんな撮ります。その写真はソーシャルでシェアされたり、あるいはスマホ容量の肥やしになったりします。Chompはこの写真や行ったお店の場所を、グルメな友人や家族といった人たちと気軽に共有できるサービスです。 chomp.app 現在 iOS版しかないのですが、もし興味もってもらえたらダウンロードしてユーザー名 tomoima525 に友人申請してください。飯友待ってます! なお、このようなサービスは High Value Niche
既卒文系未経験のバンドマンがソフトウェアエンジニアになって5年たちました｜morihirok｜note
これは退職者 Advent Calendar3日目の記事です。今年人生2回目の転職をかまし退職者アドベントカレンダーへの参加権を得たので存分に権利を楽しみたいと思います。 さて、最近私の周りで何人かから「未経験だけど（ソフトウェア）エンジニアに転職したいと思っているんですが実際どんな感じですか？」という類の相談を受けることがありました。 ソフトウェアエンジニアが実際どんな感じなのか、インターネットで検索すると華々しい経歴のエンジニアのインタビュー記事が引っかかり「中学生のころ父親に与えられたコンピュータでプログラムを書いたのがキャリアのスタートです」みたいな話が出てきます。 私はそんな話が大好きでつい読みふけってしまうのですが、こういったトップクラスに優秀な人たちのキャリアケースだけでなく普通のソフトウェアエンジニアがだいたいどんな仕事をしたりどんなことを学んでいるのか、という話もたくさん
マイナンバーカードや運転免許証のICチップをスマホで読み取り本人確認出来るライブラリを提供開始
マイナンバーカードや運転免許証のICチップをスマホで読み取り本人確認出来るライブラリを提供開始～スマートフォン経由での本人確認や住所登録を"簡単に、確実に"行うためのアプリケーションを開発可能です～ オープンソース・ソリューション・テクノロジ株式会社（東京都品川区：代表取締役 小田切耕司）は、Japan Digital Design株式会社（東京都中央区：代表取締役 上原高志）と共同で、マイナンバーカードや運転免許証のICチップをスマホで読み取り本人確認できるライブラリ【LibJeID】を提供開始し、Android版サンプルアプリを公開しました。 このライブラリLibJeID（リブジェイド：Library for Japan Electronic ID）は、まずはAndroidアプリ向けに提供し、全機能が利用可能な有償版と、券面テキストデータと顔写真画像が読取可能な無償版が選択できます
IssueHunt | The biggest Bug Bounty and VDP platform in Japan
What is the bug bounty program?But bounty program allow individual bug hunters to report bugs to a company and receive rewards. These bugs are usually security exploits and vulnerabilities. 1. ResearchReview the program scope to ensure that you are looking for vulnerabilities that companies are interested in and start research. 2. ReportWrite a clear and understandable report when you found vulner
古賀茂明「就活ルール廃止と外国人労働者拡大を叫ぶ無能な経団連経営者たち」 (1/6) 〈dot.〉｜AERA dot. (アエラドット)
著者：古賀茂明（こが・しげあき）／１９５５年、長崎県生まれ。東京大学法学部卒業後、旧通産省（経済産業省）入省。国家公務員制度改革推進本部審議官、中小企業庁経営支援部長などを経て２０１１年退官、改革派官僚で「改革はするが戦争はしない」フォーラム４提唱者。元報道ステーションコメンテーター。最新刊『日本中枢の狂謀』(講談社)、『国家の共謀』(角川新書)。「シナプス 古賀茂明サロン」主催この記事の写真をすべて見る 経団連の中西宏明会長 「外国人労働者受け入れ拡大法案（出入国管理法改正案）」が衆議院を通過し、参議院での審査が始まった。経団連など財界の強い要請に対して、安倍政権は何が何でも今国会でこれを通して、来年4月施行を実現しようとしている。今年の通常国会（2018年1～7月）では、厚生労働省のデータ捏造事件が原因で、裁量労働制拡大の法改正に失敗したこともあり、今回の出入国管理法（入管法）改正案は
曲者に権限が渡らない OSS 権限移譲プロトコルが難しい - Qiita
曲者に OSS の権限が付与され、悪意のあるコードを埋め込まるような事件をおこさない OSS 権限移譲フローを考えてみました。 TL;DR 基本的に OSS の権限譲渡を 選ばない方 が安全といえそうです。なぜなら、次のように権限譲渡の安全性を担保することはとても難しく、かつ高価につくからです。 代わりに、プロジェクトを停止するか、信頼できる人物に fork を依頼する（現状の project は archive）のが、責任回避の意味で有効だと思われます。 背景 「2018/11/27に判明したnpmパッケージ乗っ取りについて」が世間を騒がせていますが、個人的に驚いたのは件の package の元々の作者である方への非難の声が多いことでした。 個人的には、この事件の根本は npm 側の機能不足が問題という認識（postinstall フックなどの自動的なフックによって操作ユーザーの権限で任
勢いで決めた沖縄移住、思ってたのと違った話 - ぬぬん！
この記事は 沖縄 Advent Calendar 2018 - Adventar の２日目の記事です エンジニアでありながら沖縄ネタで技術記事を書くのが難しそうなので 沖縄という場所が移住する前と後ではイメージが違ったと言う話をします 移住する前の話を少し 沖縄に移住してほぼ１年が経ちました 移住する前は大学卒業後、東京の会社に就職、東京暮らしで2年過ごしました 東京は物も人も溢れ、移動の足も手軽にみつかる世界で 不便を感じることはまずなかったです それゆえか、なにか忙しなく、何か見えない循環の中にいるような感覚がありました チャポチャポ浸って楽しいんだけど、ちょっと息苦しくて、ぐるぐる回って、出れない〜〜〜っていうような 洗濯機の中にいるようなそんな生活(分かりにくい) 「ずっとここ(東京)にいることはないだろう」と夫婦で話したことも何度もあり いずれ離れる場所なんだなーとは思ってました
世界一周航空券が8万円？ 14日間の“クレイジー”な世界旅行の全貌【レポート】 - トラベルメディア「Traicy（トライシー）」
世界一周航空券が8万円で買える──。 そんな話が一部の“航空券マニア”たちを中心に噂になっている。 一般的に「世界一周航空券」といえばワンワールド、スターアライアンス、スカイチームなどの航空連合がそれぞれ提供している、大陸数や飛行距離、搭乗回数の制限内で乗り降りが自由になる周遊航空券のことを指す。 値段はエコノミークラスの比較的安いタイプの航空券でも35万円程するのが普通だ。値段もさることながら、まとまった旅行日数を確保しなければならないため、実際に行くにはなかなかの一大決心が必要になる。 そんな世界一周航空券が、8万円で買え、かつ日数も最短3泊4日から1年間まで自由に選べる、となるとかなり魅力的だろう。 「そんなうまい話があるわけない」と思いつつも、検索してみると驚きの航空券を見つけてしまった。 ソウル発、欧州・南米・オセアニア経由東京行きが約8.3万円実際に見つけた旅程はこうだ。 10
【スクープ】”存在しない部屋”を販売する海外大手宿泊サイトのカラクリ 年末年始に「部屋なし」問題大量発生も懸念 - トラベルメディア「Traicy（トライシー）」
（この高級旅館では、1泊25万円と表示される。公式サイトやこの他の宿泊サイトでは満室で予約はできない。） 日本中のホテルの予約担当者に緊張が走っている。海外大手宿泊サイトが、年末年始が既に満室のホテルを「一室のみ在庫がある」と偽って販売している事案が全国で発生しているからだ。 該当の宿泊サイト（以下、サイト）と未契約のホテルであろうがお構いなしに勝手にプランを作られかなりの高額で販売されていることから、自分のホテルもターゲットにされていないか確認に追われている。 ある高級旅館では、数カ月前から満館で販売を終了していた12月31日の予約が可能だとGoogle上に表示された。しかも2連泊、食事なしで10万円、通常の2倍以上の価格だ。数時間後、その表示は無くなった。つまり誰かがその価格で購入したということだ。 別の旅館では、あらかじめ設定していた12月の休館日に「空室あり、2泊25万円、返金不可
“16億件データ漏えい報道”とは何だったのか 不安に踊らされる前に知るべき、過激な数字の「裏事情」 (1/2) - ITmedia エンタープライズ
セキュリティを自分ごとにする、2つのトピック セキュリティの重要なポイントは「いかに自分ごとにするか」です。前回は、その点を私自身が受けた研修から紹介し、桜田義孝サイバーセキュリティ担当大臣のお話も取り上げました。桜田議員は引き続き話題になっていますが、私自身は温かい目で見守ることを心掛けています。なぜなら、われわれが対抗すべき敵は大臣ではないのですから。 そんな思いを強くしたのが、2018年11月8日に開催されたマカフィーのイベント「MPOWER」でのセッション「正しく知り、育てる力～脅威と向き合う素地～」です。ソフトバンク・テクノロジーでプリンシパルセキュリティリサーチャーを務める辻伸弘氏による、大人気の講演でした。 辻氏は、セキュリティ界で一目置かれているリサーチャーの一人。自宅でも「ハニーポット」と呼ばれるおとりのサーバを構築しており、自身がサイバー空間の状況を体験し、その体験をふ
NTTの下請けを退職しました : 東京ドワーフ
NTTの退職エントリが流行っていますね。ぼくも今年退職したばかりなので書いてみます。と言ってもNTTデータの下請けなので、社員から見れば「何だこいつ？」と思われるかもしれませんが、下請けからの目線をお伝えできればと思います。NTTの下請けって何？まずNTTデータがどんなお仕事をしているのか説明しておくと、大規模なお仕事が多いです。お国のシステム、いわゆる官公庁系や、金融系のシステムを作ったり保守したりしています。ちなみにシステムのお仕事のことを「プロジェクト」と呼びます。日本語でいうと案件ですね。 とにかくプロジェクトの規模が大きいので自社の人だけではプロジェクトが終わりません。そこで下請けの会社と協力してプロジェクトを行います。国→NTTデータ→NTTデータの子会社→下請け1→下請け2・・・という感じでエンジニアが集められていました。 そして下請け1も下請け2も複数社あるのでピラミッド構
「B2B事業会社でオウンドメディアを始めたい」相談に長文メールを返した話-Six Apart ブログ｜オウンドメディア運営者のための実践的情報とコミュニティ
こんにちは、Six Apart ブログ編集長＆オウンドメディア勉強会主催のことぶきです。 オウンドメディア運営者が集まる勉強会コミュニティをもう4年ほど運営してきたので、オウンドメディアの取り組みについていろんな方とお話をさせていただく機会があります。 先日も、とあるB2Bのサービス提供会社（社員数100名前後の規模の企業）からオウンドメディアの立ち上げに関するご相談をお受けしました。いただいてた質問へのお返事として書いた長文のお手紙を、先方の会社のご許可をいただいた上で、会社名やサービス名などの固有の情報だけ消して公開してみます。 以下、メールの本文です。 ご質問をいただき、ありがとうございます！ いただいたご質問にお答えする前に、私が考えているB2B事業会社のオウンドメディアの役割について少しお話しさせてください。 オウンドメディアの役割について思うこと オウンドメディアを通して「導入
ありがとう、MYM 安らかに眠れ - Yahoo! JAPAN Tech Blog
特筆すべきはボット数かもしれません。ボットは何らかの操作を自動で行うために作られたプログラムで動作するアカウントなのですが、なんとそのボットの数（14,000）がユーザーの数（18,000）に迫りつつあります。MYMのボットは通常ひとつの部屋にリンクしているため、おそらく同じような機能を持ったボットが大多数だと思われますが、ボット数 14,000 はインパクトのある数字ですね。 興味深い部屋の数々 MYMはこの8年間で計150,000の部屋が生み出されました。業務系・技術系・雑談系を問わず、異彩を放つ部屋は数え切れないほどあります。ここでは数多くの部屋の中でも、ひときわ特徴的な部屋を紹介してみようと思います。 もちろんすべての部屋を把握しているわけではないため、あくまで把握している範囲内での紹介となることをご了承ください。 トピックス編集 Yahoo!ニュース トピックスの編集業務に活用さ
もう生身でなくていい 「社長ロボット」が職場を巡回するワケ
デジタル戦略のコンサルや広告のSEO対策・実施を手掛けるプリンシプル（東京・千代田）は、2011年の創業から5期連続で増収増益を達成、18年9月期も増収増益を果たし好調だ。楠山健一郎社長は、経営ツールとしてロボットを活用している。社長自らロボット活用している理由を聞いた。 プリンシプルは毎日、朝会を開く。楠山氏がロボットで朝会に参加するというので、その様子を見学させてもらった。大きなガラス窓から入る明るいオフィス内を、支柱型のロボットがうろうろしている。“頭”の部分はiPadがはめ込まれており、楠山氏の顔が映っている。ロボットの足に当たる部分はローラー型の可動部になっており、この“足”で自在に動き回る。任意の場所に移動しているので、あたかもそこに楠山氏がいるように感じられる。 朝会にロボットで参加する楠山氏（中央、スクリーン前に立つ男性の右側）。小型の可動式掲示板のような形だ。プリンシプル
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
自民：赤枝議員「進学しても女の子はキャバクラに行く」 | 毎日新聞
https://www.khoury.northeastern.edu/home/dasmith/dong-smith-acl-2018.pdf
コンパイルターゲット言語としてのWebAssembly、そしてLINEでの実践
オープンソースの貢献者が報われる文化を——報賞金サービス「IssueHunt」運営が1億円を資金調達 | TechCrunch Japan