一休.comでWebフロントエンドを開発している宇都宮です。 先日、一休.comホテルページのスマホ版から、jQueryを取り除きました。jQueryを取り除いた経緯、やったこと、結果について書きます。 ちなみに、ホテルページには以下のURLでアクセスできます（スマホで開くか、PCの場合はUAをスマホに偽装する必要があります） https://www.ikyu.com/sd/00001290/ なぜjQueryを取り除いたのか？ どうやったのか 何をやったのか jQuery.ajax() => fetch に置き換え fetchのpolyfillを採用した理由 DOM操作を標準APIに置き換え 要素の取得 show/hide addClass/removeClass html/text アニメーション $.ready() イベントフィルタリング jQueryの使用を防ぐ目印 jQuery削

こんにちは、ほけきよです。 pythonでデータを取り扱っているとき「あれ、これどうやるんだっけ？？」 ってなること、ありませんか？僕は10分に1回程度なります。 いや、覚えろと自分でも思うんですが、覚えられないんですよね。100回くらい同じコマンドを調べてたりする。 物覚えが良くないので、ココを見れば絶対大丈夫なようにしておこうと思い、まとめてみました。 jupyterで最初に開くときに読み込むモジュールたち datetime 日付⇔文字列の変換 datetimeの足し算引き算 json dict型⇔json jsonファイルの入出力 datetimeをjsonにする時、エラーが出る pandas ～以外を表すやつ andとor inf弾く リストをdfにサクッと変換 datetimeとして読み込み 読み込み時にcodecのエラーが出る DataFrameのfor文 numpy lins

IT企業のエンジニアがとりあえず知っておきたいGDPRの基礎知識 2018年、多くのIT企業が対応に追われたGDPRですが、その内容は非常に複雑です。本稿ではGDPRの概要と、「エンジニアが知っておくべき要点」を、ソフトウェアベンチャーなどで法務を担当するkataxさんに解説してもらいます。 GDPRはじめの一歩 なぜEUのルールがこんなに話題になっているのか EUで事業を行っていない企業に対しても広く適用される可能性がある GDPRにおける「ユーザーの行動モニタリング」とは 【要注意！】GDPRは個人情報保護法よりもルールが厳格 GDPRが適用されるのにGDPRに対応しなくて良いのか GDPRに関するよくある疑問 GDPRに違反すると、必ず巨額の制裁金が課される？ 技術的保護措置として、どのような対応が必要？ GDPRに対応するために“最初に”やるべきことはなに？ 「ユーザーからの同意」

技術ブログの方に書くか迷ったのですが、かなりポエムの類な文章になりそうなのでこちらに書きます。 ちょっと前にバズったこちらの記事 medium.com に触発されました。 ちなみにコードレビューに関する話としてはまだ僕が色々と手探りだった3年前にもこんなことを書いていたようです。3年前の自分の考えに触れられるブログって面白いなという気持ちとこいつどんだけ軽率な文章書いてんだよという気持ちが合わさり甘酸っぱい気持ちが生み出されました。 hachibeechan.hateblo.jp 当時と今では日本全体の技術的トレンドも変わっていますし、そもそも僕の所属している会社も違います。今の会社ではGitHubを使っており、コードレビューが当然のフローとして組み込まれています。 そしていま改めて当時のブログを読み返したのですが、びっくりするほどコードレビューに対する僕の考えが変わっていないので、改めて

いい歳なのにWebプログラマなんていう仕事をしている。 正確に言えばWeb屋だ。今や絶滅危惧種になったこの職業は、デザインをPhotoshopやIllustratorでちょっと修正するところから、サーバーのファイアウォールの設定をちょっと変更するところまで、Webに関する何でもをこなす便利屋みたいなものだ。 一時は、Web屋みたいな人をフルスタックエンジニアなんて呼んでいた時期もあって、私も格好をつけたい時に便利に使わせてもらっていたけど、ただの銀玉鉄砲をシルバーバレット・オートマチック・モデルガンと呼んでるみたいで、口にする度に気恥ずかしくなってしまい、すぐに言わなくなってしまった。 これは言葉が悪いのではなくて、きっと私がWeb屋で、フルスタックエンジニアではなかったからだと思う。 銀玉鉄砲が、軽いアルミ缶すら撃ち抜けないように、Web屋もまた、ネットワークやサーバー運用の深淵を知らな

はてなのチーム横断のエンジニアメンター制度 - Hatena Developer Blog で紹介していますが、はてなにはチーム横断のエンジニアメンター制度があります。僕も最近までメンターとして5~6人ほどのメンティーを持っていました(今は事情があってメンターをやっていないのですが)。 メンターとして1on1をする時には1on1ミーティングに備えるアンケート - しるろぐを参考にし、事前にメンティーに面談シートを書いてきてもらうという工夫をしていました。その面談シートは改善を少しずつ加えながら運用していたのですが、一度知見共有も兼ねて最近使っていた面談シートテンプレートを公開してみようと思います。 面談シートテンプレート 以下のようなフォーマットで書いてもらっています。1on1の前にメンティーに1on1用Google Docsに追記していってもらっています。1on1用Google Docs

はじめに こんにちは。LUCRA事業部の岡田です。好きなスポーツはボルダリングです。クリスマスに特段欲しいものはありませんが、彼女が欲しいです。 この記事は Gunosy Advent Calendar 2018、17日目の記事です。昨日の記事はくらさわさんのElm ファーストインプレッションでした。 Gunosyには 『数字は神より正しい』 という指針があり、その言葉通り毎日数値と向き合い、分析を通して仮説の立証、ロジックへの活用を行なっています。その数値の元になっているものはアプリから収集するログです。今回はGunosyの強みでもある分析を下支えしているモバイルアプリ(クライアント)側でのログの設計や実装について紹介したいと思います。なお、LUCRAにおけるログ収集・分析基盤は以下のようになっておりこちらを前提とした内容になっていますが、どの基盤を使っていてもそう大きく変わらないと思い

TOP マガジン インタビュー 【コラム】『HOME’S』のリニューアルを牽引し、50名のマネジメントをしたエンジニアが、やっぱり現場に戻った理由。 800万件以上の物件を掲載する『HOME’S』を中心とした不動産関連サービスや、暮らしや生活に関する新たなサービスを数多く開発・運営しているのは株式会社ネクストだ。 創立20周年を迎える同社は「働きがいのある会社」ランキングの常連であることでも知られている。 本稿では、メンバーが一丸となってサービス開発に取り組む環境をいかに作っているか、複数のプロジェクトでマネジャーを歴任したエンジニアである花多山和志さんにお話を伺った。 花多山和志（かたやま・かずし）／株式会社ネクスト HOME’S事業本部 事業統括部 ストック開発ユニット ユニット長 技術マネジャー。1976年生まれ。香川県出身。青山学院大学卒。SIerでの勤務を経て、2009年にネクス

SEO会社・SEO業者の評判は、変わらず最悪です。 私はSEOの専門家として仕事をしていますがまっとうなサービスを提供しているつもりです。独立後7年になりますがお客さまから解約を希望された事は2度しかありません。しかし初対面の方にSEOとして自己紹介すると悪質業者のように扱われることも多いです。それは悲しいとは思いますが「当然」とも感じています。 「当然」といいますか、望ましい事というのが正しいでしょう。いまのSEO会社は悪質な会社の比率が高いままです。SEO会社ガチャを引いても良い会社をひく確率はSSRを引くような確率。SEO会社とみたらまずは疑ってかかるのが正解です。この状況はもう十年以上続いていますし、これからも続くでしょう。 このような状況にどう向き合うべきでしょうか？ 少しでも被害者を減らせればと思いまして、この記事では微妙なSEO会社の事例をご紹介します。 (注:弊社では現在十

中古マンションの売却を考える場合、まず不動産仲介会社にその中古マンションの無料価格査定を依頼するのが一般的だ。その際に活用される有力な査定方法として、「中古マンション価格査定マニュアル」がある。国土交通省がお墨付きを与えている査定方法であり、信頼性も高いと言われている。価格査定マニュアルでは、どのように価格を計算しているのか？ 正しい計算方法を解説しよう。 「価格査定」で中古マンションの市場価格を算出する 新築物件は、デベロッパーや販売会社が建築コストや利益などから販売価格を決めるが、中古マンションや中古住宅などの不動産は公表された市場価格があるわけではない。 そこで、中古マンションを売却する際は、プロである不動産仲介会社に無料の価格査定を依頼し、妥当な市場価格を算出してもらうことになる。 それが「価格査定」であり、不動産仲介会社（宅地建物取引業者）の重要な業務の一つになっている。 価格査

UX Movementの著者および設立者です。ユーザー体験のデザインスキルの開発を手助けしてよりユーザーフレンドリーな世界のために、このブログを創設しました。 フォームのどこにエラーメッセージを配置していますか？　ユーザーの期待する場所にエラーメッセージが置かれていないと、ユーザーはフォーム入力を完了できなくなってしまうかもしれません。 フォーム入力を間違えたら、ユーザーはそれを修正して送信し直すために、なにが間違っていたのかを理解する必要があります。フォームを完了しようと思っていたとしても、それがあまりにも大変であればユーザーは心変わりしてしまうでしょう。 フォームの上か、フィールドのインラインか エラーメッセージの配置場所でもっとも一般的なのは、「フォームの上」と、「エラーのあるフィールドのインライン」という２箇所です。どちらの配置場所が、ユーザーにとってより直感的でしょうか？ 調査に

はじめに Googleが推奨している構造化データの「JSON-LD」の@type って何が設定できるんだろ？と思って探して見たのですが、一覧で掲載しているサイトが無かったので、作ってみました。 ちなみに以下のJSON-LDのジェネレーターと合わせて使うと便利です。 https://technicalseo.com/seo-tools/schema-markup-generator/ JSON-LD@type一覧 対象値親

PySpa統合思念体です。これからJavaScriptを覚えるなら、「この書き方はもう覚えなくていい」（よりよい代替がある）というものを集めてみました。 ES6以降の難しさは、旧来の書き方にプラスが増えただけではなく、大量の「旧来の書き方は間違いを誘発しやすいから非推奨」というものを作り出した点にあります。5年前、10年前の本やウェブがあまり役に立たちません。なお、書き方が複数あるものは、好き嫌いは当然あると思いますが、あえて過激に1つに絞っているところもあります。なお、これはこれから新規に学ぶ人が、過去のドキュメントやコードを見た時に古い情報を選別するためのまとめです。残念ながら、今時の書き方のみで構成された書籍などが存在しないからです。 たぶん明示的に書いていても読み飛ばす人はいると思いますが、すでに書いている人向けではありません。これから書くコードをこのスタイルにしていくのは別にいい

「ベランダって、物干し目的以外でどんな使い方があるの？」 「ベランダとバルコニーとテラスって、何が違うの？」 「せっかくのスペースだからベランダを上手に活用したい」 物件を探している時、陽当たりを重視している方は多いですが、意外とみんな「ベランダ」については詳しく知らないのではないでしょうか。 ベランダは少し手を加えるだけで癒し空間になったり、部屋全体をおしゃれで明るくしてくれたりという役割も担っています。 そこで、今回はニフティ不動産編集部が… ・ベランダ・バルコニー・テラスの違い ・ベランダでの禁止事項 ・おしゃれなベランダ活用術 を徹底解説していきます。 ベランダとは？バルコニーやテラスとの違いを解説 ベランダはマンションの共用部分！活用前に知っておきたい禁止事項 ベランダをおしゃれに活用！目的別のおすすめ間取り ベランダの基礎を理解して、おしゃれにフル活用しちゃおう ＜関連記事＞

自分がこの1年間開発チームを引っ張ってきた中でこういうところに気をつけてたよってこと。 ザーッと勢いで書いてみる。分類はある程度なもんです。組織パターンやFearlessChangeは好きです。 心構え 1 現状を受け入れる 環境に文句を言ってても、何も変わんないし。自分は本当はもっとできるはずなんだ、って言ってても、実際アウトプットはでてないんやろ。なるほど、今はこうなんだってことを受け止めて、じゃあそこからどう改善していけるだろう？と考えたい。 2 遷移状態を受け入れる 現状から、理想的な状態にぴょんって飛び移れるわけじゃないんだから、その途中って泥臭かったりごちゃごちゃしてたりするんだけど、それを受け入れる。練習せずにいきなりスポーツがうまくなるわけないのと同じで。 3 正しいことが選ばれるわけじゃない 政治や感情や時期や思惑や抵抗や。そういうのがあるので「正しいこと」が常に選ばれる

はじめに 「異常検知したい」と考えている人は多いと思います。もはや囲碁ですら機械が人間を上回る時代となったので、システムの故障を発見したりクレジットカード詐欺を見つけたりという異常検知システムも、データサイエンスを使えば人間以上に優秀なものを作れるのではないか？と考えるのも自然でしょう。 一方で、実際に異常検知システムの開発に乗り出してみたものの、意外と上手く完成まで辿りつけなかったり、せっかく作ったけれども結局誤検知だらけでお蔵入りしたり、というケースもあるのではないかと思います。この記事では実際に異常検知システムをゼロから開発してみた経験からいくつかの点について書いてみたいと思います。 この記事にはアルゴリズム的な、技術的な知見は含まれていません。「もし居酒屋で異常検知をネタに呑むとしたら、このへんで盛り上がるかな」的な記事として書いてみましたので、お時間あるときに気軽に読んでいただけ

当ブログではこれまで2度にわたってRaspberry Pi用の周辺機器道を探求してまいりました（１，２）。 趣旨としては、ふだんはSSHで使ってるんだけど、展示会場でWifiの接続設定がしたい時とかちょっとしたタイミングでモニタや入力機器がほしい、でもかさばるのは嫌、という人に向けた周辺機器情報です。 しかしこのたびついにポータブルモニタの決定版が出ておりましたので、ご紹介します。ちなみにkaraageさんのブログで知りました。 Quimat 3.5インチタッチスクリーン HDMIモニタTFT LCDディスプレイ Raspberry Pi 3 2 Model B Rpi B B+ A A+ 映画 アーケードゲーム オーディオ入力 RPi GPIOブレークアウト拡張ボード 保護ケースキット アクリル(透明) QC35C 出版社/メーカー: Quimatメディア: エレクトロニクスこの商品を含

システムには障害がつきものです。どんなにしっかりと作られたサービスであっても思わぬところで、バグやミスが発覚して、トラブルになるものです。大事なのはこういった障害を次への糧にしていくこと。失敗というのは大事な資産なので、管理できるようにしましょうという話。 あわせて読みたい あきらめるにはまだ早い！ソースコードの品質向上に効果的なアプローチ メンタリングの方法について基礎をまとめました。内心でなく行動を変えることが障害報告とも共通します。 新入社員が来てメンターになれって言われたけど、どうすればいいのかという対話テクニック 半年で40kg痩せた！ダイエットでわかるリーンなプロジェクトマネジメント手法 心理的安全性ガイドライン（あるいは権威勾配に関する一考察） 障害の種類と障害報告について 障害には、小さなもの、たとえば画面に表示されているテキストの乱れから、すべての画面で50xエラーが発生

さくらインターネットのアドベントカレンダー9日目として、サーバ屋らしく、運用に関するコマンドの使い方を紹介します。 サーバの負荷が高まってきたときに、vmstatやtopなどのコマンドで調査する事が出来ますが、I/O負荷をwa(iowait)によって判断する人も多いと思います。 ただ、結論から言うと、iowaitは正確にI/Oの負荷を表しているわけではありません。 これらを、実際に演習をしながら見ていきたいと思います。 iowaitとidle iowaitとはあくまでも、CPUが空いているのにI/Oがボトルネックになっているプロセスを示しているだけで、CPUの利用率が高いときにはI/Oがボトルネックになっていてもiowaitが上がりません。 同様に勘違いされがちなのが、id(idle)はCPUの空きを示しているというものですが、idleは必ずしもCPUの空き時間を示しているものではありませ