独学の内容をまとめたものです。誤りがございましたら、ご連絡いただけると幸いです。 リンク 1. webpackとBabelの基本を理解する(1) ―webpack編―（本記事） 2. webpackとBabelの基本を理解する(2) ―Babel編― 3. webpackとBabelの基本を理解する(3) ―webpackとBabel編― 4. webpackとBabelの基本を理解する(4) ―React編― 5. webpackとBabelの基本を理解する(5) ―Sass編― 概要 この記事の概要 目的 フロントエンドの環境構築に利用されるツールへの理解を深める 本記事のゴール webpackでJSファイルを結合する方法を知る 対象者 WEBフロント担当者 HTML,CSS,JavaScript(es2015含む)の基本的な構文を理解している人 npmの利用方法を理解している人 環境

EmacsJP Slackで話題に上がったEmacsモダン化計画という語感に触発され、Emacsひなまつりでそれっぽい話をすることにした。本記事では、見た目中心の変更方法について紹介する。 ちなみに現在82パッケージ導入しているが、use-packageでフル遅延ロード、なにか遅ければデフォルトのプロファイラで原因を解析して修正しているのでEmacsでも起動も動作も早い(現在の起動時間は0.4秒)。 コードが読みやすいテーマ -- doom-emacs-themes(doom-dracula) Doom Emacsという(Evilユーザ向け)Spacemacs系のプロジェクトがあり、このDoom Emacsのために開発されたテーマ。 目立たせるものと、そうでないもののバランスが良ため、非常に気に入っている。Dracula公式のEmacsThemeもあるが、Doomとは微妙に色味が異なる。

はじめに こんにちは、平野です。 AWS Lambdaがやっと使えるようになってきました。 私は新しい物事を理解しようと思った時、 「できるだけ最小限な構成から少しずつ要素を増やしていって、 そこから挙動を類推して確かめる」 というような調べ方でないとどうにも腑に落ちない性格のようなので、 そんな感じでLambdaも試行錯誤してみました。 Lambdaについては前から面白そうだと思いつつもなかなか手を出せずにいました。 事前の知識としては「あるイベントが起きたら、何らかのイベントを起こすもの」 ぐらいのふわっとした理解しかありませんでしたが、 私と同じ辺りの出発点からスタートする人の参考になればと思います。 最小限でLambdaを構成する ということで、できるだけ最小限の構成でLambdaを動かしてみます。 作るもの 以下のような動作で検証を行います。 究極的に最小限というわけでは無いです

特定の商品注文専用の物理的なアマゾン注文ボタン｢Dashボタン｣の終了を発表したアマゾン。3月3日時点で、対応各社向けの注文ボタンは｢品切れ｣状態になっている。 撮影：伊藤有 アマゾンはさまざまな方法で商品を売っている。2015年にスタートした｢Amazon Dash Button｣（以下Dashボタン）は、その中でも驚きをもって迎えられたものの一つだ。 Dashボタンは洗剤やペットフードなど、特定の商品のロゴが描かれた、｢その商品専用｣の注文機器だ。ボタンを押すと自動的にアマゾンに注文情報が送られ、自宅に届く。｢選んで買う｣という通販の常識を覆した製品だ。 だがアマゾンは、2月28日より、ハードウエアとしての｢Amazon Dash Button｣の販売を終了した。これまでに買ったものはそのまま使えるが、｢ボタンだけを備えたハードウエア｣としての販売は終了する。 画期的と言われた｢Das

この記事では、プログラミングをしてWebサービスを個人＆独学で開発するときに役に立つ＆役に立ったWebサービス、Webサイトを紹介します。 全般 質問サイト チュートリアル サーバー・データベース 開発環境 API フロントエンド・デザイン 配色 HTMLをHAMLに変換 フレームワーク CSSジェネレーター 背景 ロゴ 全般 質問サイト Qiita、stackoverflow(英語版)を使えばプログラミング初心者が頻繁に陥りがちなバグやエラーの解決法を見つけることができます。 Qiitaは最近は記事の質が下がっているようにも感じますが、初歩的な情報はまとめられているので問題ないでしょう。 より理論に踏み込んだ知識を得たいなら専門書を読み込むことが必要です。しかしウェブサービスを開発する目的を果たすだけなら「どのように？（HOW）」がわかれば「なぜ？（WHY）」は後からでもいいと思います。

VS Code でなるべくマウスを触らない設定 - notebook swfz.hatenablog.com の続きです ショートカットの設定ではターミナル↔エディターなど特定のコンポーネント間の移動だけしか設定できなかったのでショートカット結構覚えないといけないかなーと思っていたのですがそんなことはなかったです。 デフォルトでそれぞれの領域に移動できるショートカットが用意されていました Ctrl + q で一覧が出てくるのでそれだけで移動できます 便利ですね VSCodeVim,Postmanの拡張を入れていたのでその設定とかぶっているので試してみても動作しなかったのですがショートカット設定を見直してみたら競合していたので該当の設定を消してあげれば移動ができるようになりました { "key": "ctrl+q", "command": "-extension.vim_winCtrlQ",

「記事を書いてみたものの文字ばかりで味気無い」、という時にちょっとだけ変化を付けられる（...かもしれない）ビジネスマンの画像をつくってみました。 GitHubに上げたので、よかったら使ってみて下さい（記事以外でも使えるかもしれません）。 吹き出しに一言付け加えて記事の合間に配置すると、アクセントになると思います。実際にこれを使って書いた記事がこちらです。このようなストーリー性のある記事には使えるのではないかと思います。 絵の下に何をしているところかを表す作者（私）の意図を書きましたが、これに必ずしも従う必要はありません（見え方が曖昧なものも多いので）。 効果的に使用するには、以下のようなことに気をつけてください。 使い過ぎない 吹き出しを付ける場合は、言葉は短くする 拡大・縮小しすぎない ちなみに全てPower Pointで一からつくっています（これをつくりたいので、Power Poin

「SEOに効果がある」と過去にはされていたが、すでに時代遅れになってしまった「化石」の手法を5つ紹介する。古いやり方ではなく、今の時代に効果がでるやり方もあわせて紹介する。 なかなか認めにくいことだが、僕たちの多くは相変わらず時代遅れのSEO戦術を実践している。そうした戦術には、今なお大きなプラスの影響があると信じているからだ。 今回のホワイトボード・フライデーでは、ランドがそうした「化石」のような古代の手法を挙げ、現在それよりも効果的に機能する代替策を提示しながら、僕たちを優しく正しい方向に導いてくれる。あなたもコメント欄で、ぜひヒントやお気に入りの策をシェアしてほしい！ 化石戦術その1： Google広告のキーワードプランナーに頼ってキーワードを調査する最初に取り上げるのは、以前にも何度か話したことのある、Google広告（旧AdWords）のキーワードプランナーに基づくキーワード調査

人工知能ブームの先に起こること 松田雄馬氏（以下、松田）：とうとう終わりに近づいてまいりましたよ。先ほど人工知能ブームを終わらせたがっている人がいる、ということを言いましたが、その人たちは人工知能ブームを今からどこに向かわせようとしているのか？　それについて、残り10分弱ほどお話をしたいと思います。 人工知能ブームがこれから先どうなるのかということを考える上で、とても大事な視点は、僕自身はこれだと思っています。 （スライドを指して）この人はビスマルクさんといって、昔のプロイセンの首相ですね。彼はこんなことを言いました。「愚者は経験に学び、賢者は歴史に学ぶ」ということです。歴史は繰り返すなんていうこともいいますが。過去の歴史に学ぶことで、これからなにが起こるかが予想できると。 そういうわけで、実は過去の歴史の中でも、これまでも何度か人工知能ブームというのがありました。とくに、1番最初のブーム

本題のチートシートはこちら PNG SVG https://d.kuku.lu/6b5cc7b0a9 から DL できます 作った理由 git って他人に概念を説明するのって難しいし、自身も何度も反復させないと定着しなかったなあという感覚を持っていたので作ってみました 所感 こちらの Git チートシートですが、この中に盛り込めなかった内容で 第2段 を作成しようか考え中です 皆さまのオススメの便利コマンドとか、この内容は必須だろ！的なものがあればをご教示いただければ幸いです もし誤りがあれば、作者の心が折れない程度にご指摘いただければ幸いです あとがき ここまで反響を頂けるとは思っておらず、嬉しい限りです・・・本当にありがとうございます・・・！！ また、図は全て自作です。図における言語は英語、説明は日本語、と言う形に統一しました。（吹き出し部分だけ日本語になっていたのでこちらは修正しまし

かつてスマートフォンのあとに来る次世代情報端末として期待されたメガネ型ウエアラブル機器。それらは、「スマートグラス」と呼ばれ、米グーグルの「Google Glass」をはじめとする製品が脚光を浴びた。 しかし、プライバシー侵害などの問題が取り沙汰された後、グーグルは2015年に開発の中止を決定。それから4年、今はスマートグラスが世界的にメディアで大きく取り上げられるようなことはなくなった。 製造、物流、医療の現場で導入　だが、ここ最近のスマートグラスは、新たな市場である産業部門に活路を見いだし、一定の成功を収めていると米国の市場調査会社eマーケターが報告しており、これが興味深い。 eマーケターによると、すでにスマートグラスの導入が始まっている産業分野には、製造業、物流業、医療機関などがある。 例えば、米ゼネラル・エレクトリック（GE）や、物流大手のドイツポストDHL、医療機関の米サッター・

クラウド・Webホスティングサービスのセキュリティと運用技術の研究 セキュリティ・キャンプ2018 全国大会 セキュリティ・ミニキャンプ2019 福岡 2019/03/03 さくらインターネット株式会社 さくらインターネット研究所 上級研究員松本亮介 / @matsumotory / まつもとりー

印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます ディップは、社内システムをAmazon Web Services（AWS）へ移行する作業を全て内製化した。三井情報（MKI）の移行ツール「CloudEndure」を活用。移行費用をベンダー見積もり額の約10分の1に収めた。 ディップは、「バイトル」や「はたらこねっと」などの求人情報サイトを運営する企業。社内システムをオンプレミス環境で運用していたが、ハードウェア更新に伴う作業工数や費用が課題となっていた。そこで仮想化されたサーバのうち一部のサーバが保守切れとなることを契機に、システム基盤をAWSへ移行することにした。 しかし、システムを再構築してAWSへの移行を検討していたところ、外部ベンダーから提示された費用が想定より高額であったこと

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

2019年1月26日、Yahoo! JAPANが主催するイベント「Yahoo! JAPAN Tech Conference 2019」が開催されました。今回のテーマは「未来につづく話をしよう」。Yahoo! JAPANの100以上のサービスを支えるエンジニアやディレクターたちが、自社のサービス開発事例の一端を紹介します。基調講演に登壇したのは、常務執行役員CTOの藤門千明氏と、執行役員CISOの仲原英之氏。Yahoo! JAPANがこの1年間で起こした変化と、どんな未来を創りこんできたのか、その挑戦の裏側を語ります。 Yahoo! JAPANのセキュリティの取り組み 仲原英之氏（以下、仲原）：みなさんこんにちは。CISOの仲原と申します。 私からは安全・安心なサービスを提供していくうえで、Yahoo! JAPANが取り組んでいるセキュリティ事例のご紹介と、今後考えていることをご紹介できれば

【Unity道場 2月~シェーダを書けるプログラマになろう~】 Part 2 – GPUの神秘 シェーダプログラムに興味がある、でもどこから始めたらいいのかわからない・・そんな方に、始めの一歩を踏み出してもらうための基礎をお伝えします。また、応用例をベースに、GPUの仕組みについてもお話しします。 前編：Part 1 – シェーダを理解しよう

Visual Studio 2019 が RC に到達したという話だったので、検証用に使っているマシンにインストールして既存 WPF アプリの .NET Core 3.0 移行がどのくらいのコストで行えるのか試しました。 にぃにが書いているように .NET Core 3.0 を Visual Studio 2019 RC で使うには、プレビュー版の .NET Core を使うように設定を変える必要があります。 理屈としては分かりますが、まあまあはまりやすいポイントですね。設定を変えると .NET Core 3.0 向けのプロジェクトを読み込んでビルド出来るようになりました。 .NET Core 3.0 の Win Forms / WPF 対応について調べてみると、ほとんど dotnet new wpf とかで作ったコードを動かしていただけだったので、本当にマイグレーション可能なのか怪しく思

CSSの関数には便利なものがたくさんあります。例えば、div要素に「width: calc(100% - 50px);」と指定することで、幅いっぱいから50pxを引いた値を幅に適用できます。 minmax()関数はcalc()関数のように数字やキーワードを使って、要素の最小値と最大値を指定でき、簡単なCSSの記述でレスポンシブ対応の高度なレイアウトを作成できます。 下記のレスポンシブ対応のグリッドはたった2行のCSSで、プロパティも2つだけです。 How the minmax() Function Works 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 minmax()の基本的な使い方 minmax()を使うと、Media Queries無しでレスポンシブデザインができる サポートブラウザ minmax()の基本的な使い方

「Shaderって何それ？」ってレベルから、Shaderを雰囲気で理解できるレベルになりました(多分) ここまで到達できたのは、”間違いなく”先人たちの最強すぎる情報のお陰様です。 そんな役立った有用すぎるShader学習リンクを紹介していきます！ 2019/3/19 追記 まんてらさんによるシェーダーの解説スライドを追加しました！ シェーダーについて無知であっても、噛み砕いて解説してくださっております。シェーダー学びたい初心者は必見です！ 対象レベル Vertex/Fragment Shader(頂点/フラグメントシェーダー)を一から学ぶ予定の方 Shaderやろうとして、何度も挫折した方 Shaderを雰囲気で理解してみたい方 ※注意 Geometry ShaderやCompute Shaderは含まれていません。理由は私がまだ使えないからです(^p^) こちら扱えるようになったら、ま

Research indicates that carbon dioxide removal plans will not be enough to meet Paris treaty goals

AWS CDKからmackerel-container-agentをサイドカーにしたタスク定義を作成したいことがよくあるので，ライブラリを継承してmackerel-container-agentを必ず同梱するようなタスク定義クラスを作ってみた． コードは以下． import * as cdk from '@aws-cdk/cdk' import * as ecs from '@aws-cdk/aws-ecs' export interface Ec2TaskDefWithMackerelProps extends ecs.Ec2TaskDefinitionProps { mackerelRoles: string mackerelApiKey?: string } export class Ec2TaskDefWithMackerel extends ecs.Ec2TaskDefiniti

2019/03/24追記 最近のプチフリ問題を追記 2019/06/17追記 v1.9更新に伴いバッチ記述を修正、古いのはまとめてセクションも整理、導入を少し詳細に 2019/08/06追記 v1.10について更新 2019/12/10追記 v1.12について更新（すぐ修正が来たのでv1.12.1に更新を推奨） 2021/01/02追記 v1.17更新が来たのでno console記述を追記 2021/06/09追記 Android11の機種が繋がりにくかったので対策を追記 2021/09/15追記 1.19アップデートに伴いバッファ指定パラメータを例に追加 2021/11/07追記 バックアップバッチ追加 2021/11/15追記 キーボードの接続に対応したみたいなのでパラメータ追加 2023/04/18追記 おすすめクレードル情報更新 scrcpyというのでリモート操作できる scrc

アイコンやロゴ、見出しやイラストなど、写真以外の画像ではSVGを使うことが多くなりました。 PNGのように荒れたりしないし、使い方によってはCSSで変更することができるので便利です。 ただ、PNGと違ってSVGは汎用性が高い分、作り方や使い方で気をつけることがたくさんあります。正直まだ把握しきれていないところもあるんですが、社内への共有も含めてドキュメント化しています。 もし、「ここが間違ってるよ」とか「こうしたほうがいいよ」みたいなことがあれば、Qiitaのコメント欄やGitHubのIssueをいただけたらとても嬉しいです。 SVGの作成時に注意すること サイズ削減のためにすること 「オブジェクト」→「パス」→「単純化」でアンカーポイントの数を最小化する（見た目を損なわない程度に留めます） 非表示にしているレイヤーを削除する（非表示レイヤーも書き出されます） 1回しか使わないシンボル図形

Title: Istioサービスメッシュ入門 Slides for Hands-on Sessions at Azure Antenna Sept 11, 2018 これは2018年9月11日 Azure Antennaにて実施されたハンズオンの資料になりますRead less

OSC 2019 Osakaの登壇資料です。

0" :class="{'submenu-list':currentMenu.parent && currentMenu.parent.name,'last-menu':isLastLevel}"> �{>��U

Pytestを実行するときに知っておくと便利なコマンド＆オプションをまとめました。 環境 Python3.6 pytest 4.3.0 venv 特定のテストのみを実行する モジュールを指定して実行 モジュール毎にテストを実行します。 pytest test_1.py パスを指定して実行 フォルダ別にテストを実行します。 pytest testing/ キーワードを指定して実行 文字列に含まれるキーワードにマッチするもののみを実行します。 マッチング対象はファイル名、クラス名、関数名です。 pytest -k "MyClass and not method" 上の例の場合、”TestMyClass”のキーワードを含むテストを実行しますが、”method”キーワードを含むものは除きます。 例えば、 "TestMyClass.test_something" は実行されますが、 ”TestMyC

■概要 AWSでEC2を使う際に、見ておく必要があるであろう項目を、洗い出して監視を実践する。 ■取っておきたいメトリクスについて ◆EC2を建てると標準で取得されるメトリクス一覧 「(公式)インスタンスの利用可能な CloudWatch メトリクスのリスト表示」に詳細が書いてあるが、一般的なアプリケーション監視に使う項目が標準ですべてとれるわけではない。 ※自分が運用/監視で標準メトリクスから使っている項目は下記くらい。

(Image by Pixabay) 大変に面白い記事がしばらく前のHBRに出ていて話題になっていました。筆者は、あのAndrew Ng。機械学習(ML)そして人工知能(AI)の研究者・教育者（Courseraの共同創設者）としてあまりにも有名ですが、Google BrainやBaiduのAI groupやLanding.aiを設立し率いた実務家としても著名です。 その彼が説く「AIプロジェクトをいかにして始めるべきか」論となれば、間違いなく一読の価値があることでしょう。ということで、今回のブログ記事ではそのHBR記事を取り上げることにしてみます。ただしHBRゆえいずれ翻訳記事が国内販売の日本語版で出ることが予想されるため、完全な翻訳を行うのはここでは見合わせます。以前の海外記事紹介の時と同様に、引用は見出しのみに留め、内容については要約とともに僕自身の経験に基づく補足を交えて論じることと

リンク ebookjapan.yahoo.co.jp 無料まんが・試し読みが豊富！ebookjapan｜まんが（漫画）・電子書籍をお得に買うなら、無料で読むならebookjapan まんがをお得に買うなら、無料で読むなら、品揃え世界最大級のまんが・電子書籍販売サイト「ebookjapan」！豊富な無料・試し読みまんがに加えて、1巻まるごと無料で読めるまんがも多数！割引・セールも毎日実施！新刊も続々入荷！ 2 users 18 伊藤祐真 @busteryuma よし決めた！やっぱり買いためた本もあるんだから、新生 #ebookjapan と心中する！ けど同時に悪い所、はっきり言えばクソな所もつぶやく！これは応援だ！ 前につぶやいた所はもちろんだが、追加で。 ・読了データ引き継がれないんなら未読ソートは意味ねぇよ 2019-02-28 20:11:35 伊藤祐真 @busteryuma 新生

「業務用のネットワークがつながらなくなった」「大事なデータを消してしまった」など、企業のシステムで起きる重大なトラブルを解決する技術を全国の学生たちが競うコンテストが３日、東京都内で開かれました。 ことしは全国の大学や専門学校などから、予選をへた16チーム、およそ70人の学生が参加しました。 コンテストは「業務用のデータを誤って消してしまった。どうすれば復元できるか」とか「全国の支店を結ぶビデオ会議システムが動かなくなった。すぐに復旧させたい」など、企業のシステムで起きるトラブルを題材にした23の問題について、学生たちが解決策や再発を防ぐ策を時間内に回答し、点数を競います。 参加した学生たちは、コンピューターの画面に真剣な表情で向き合い、仲間と相談しながらトラブルの解決に当たっていました。 今回初めて参加した京都女子大学３回生の小森晴加さんは「難しい技術について詳しい人に教えてもらえるなど

ここは未来の歯医者さんか──。いや、違う。誰も体験したことがない「音と振動と光の感覚」を味わえる、唯一無二の空間だ。五感の拡張に興味がある筆者は早速、毎年恒例のテクノロジーアートの祭典に出向き、共感覚体験装置「Synesthesia X1-2.44」を試してきた。 Media Ambition Tokyo 2019で、共感覚体験装置「Synesthesia X1-2.44」を体験する筆者｡黒い椅子は44個の振動子をつなげて作っている。椅子の脇にある丸い装置はスピーカー 椅子のような奇妙な黒い装置の説明は後回しにして、まずは体験者の声を拾ってみたい。「宇宙に放り出された」「神様と交信しているみたい」「死ぬときってこんな感じ？」「赤ちゃんが生まれてくる前はこんなふうなのかも」 人それぞれ感じ方が違う。そこがまず面白い。共通するのは、未知の領域に足を踏み入れてしまったということだろうか。 自分が

海外のデザイナーのポートフォリオを見るのに便利なサイトの紹介です。 Bestfolios - UI/UX Design Portfolio Inspiration and Showcase ポートフォリオだけでなく、次の４カテゴリで情報がまとめられています。 Portfolios（ポートフォリオ） Resumes（履歴書） Resources（デザイン素材） Articles（投稿記事） オススメなページ順に、簡単に内容を紹介します。 Articles（投稿記事） ポートフォリオに関連した記事が読めます。 今のところ４記事しかありませんが、いずれもタイトルの魔力がすごい。 Google Designer Portfolio Collection 1 Facebook Product Designer Portfolio Collection 1 10 great fonts you may

政府は2月12日、電波法改正案を閣議決定した。4月ごろの総務委員会に提出される予定。改正案では、5G時代に向けた電波利用料の見直しや、周波数割り当てに関するオークション制度の導入などについて言及しているが、その中には「技適」（技術基準適合証明）の条件の緩和も含まれている。 現状は、日本未発売のグローバル端末などを国内で使うためには、メーカーが技適を取得することが義務付けられており、事実上、技適の未取得端末で新サービスの実験などをすることは難しかった。 今後はこれを見直し、日本の技術基準に相当する基準を満たすなど、一定の要件を満たせば、届け出（氏名・住所、実験の目的、設置場所など）をすることで、最大180日間まで実験などを目的に、海外のスマートフォンやARグラス、スマートスピーカー、ドローンなどの使用が可能になるという。 具体例として、（1）日本で未販売のスマートフォンを用いた、アプリの

はじめに 書籍『りあクト！』という同人誌を @YSRKENさんにご紹介いただき、一度は挫折した React 再入門しようと思い、書籍を読了した感想と、React 本家サイトの英語チュートリアルに挑戦した感想を書いていきたいと思います。 booth.pm 『りあクト！』の感想 この書籍は、技術書にありがちな技術解説というスタンスではなく、会社で先輩と後輩の会話の中で技術的な内容が出てくるという一風変わった特徴があります。それゆえに難しい概念にもなじみやすく理解しやすい内容になっています。 また、なぜ世間で React が難しいと言われるのかその原因を突き止め、その解法として、React の原理原則の解説に力点が置かれています。 自分が以前 React を理解できなかったのは、シンプルだけれども React の原理原則を理解していなかったためなのかと納得しました。いくら文法やコマンドを覚えても

あなたは、小さなパン屋の社長さんだ。町の商店街に店をかまえ、店の奥には小さいながらパン焼き工場（こうば）に職人も抱えている。店の売り場は、親族が受け持つ。実はあなたは少し前まで、都会でエンジニアをしていたのだが、やむを得ない事情で、郷里のパン屋を引き継ぐことになったのだ。 店を引き継いだ時は、赤字経営だと税理士さんから聞かされた。御多分に洩れず、地方都市の商店街は地盤沈下で客足が遠のき、売上の柱だった小中学校の給食パンも、少子化で減っていた。パン作りについては素人で何の知識もないが、ただ、あなたは一応、会社勤めで得たビジネス・センスを、多少は持っている。何とか頑張って、店や雇い人たちを盛り立て、まだ経営は低空飛行ながら、ようやく収支トントンのところまで持ち直した。 そんなあなたのところに、面白そうな商談が舞い込んできた。その地方のチェーンストアの店舗に、サンドイッチを納めないか、というのだ

「Excel手順書にさようなら」――運用管理者の不安を解消する「Kubernetes」のコンセプト：これから始める企業のためのコンテナ実践講座（2）（1/4 ページ） 大量のコンテナ管理や負荷分散を実現する「Kubernetes」について概要から本番活用の仕方まで解説する本連載。第2回はコンテナ技術を本番環境で活用する際の課題を解決する「Kubernetes」と3つのコンセプトを解説します。 コンテナ技術の活用により、開発者や運用管理者の負担が減り、開発環境の構築、アプリケーション更新のスピードが飛躍的に向上しました。一方で、コンテナ技術をエンタープライズのサービス提供環境（以下、本番環境）で活用するには課題があります。 大量のコンテナ管理や負荷分散を実現する「Kubernetes」について概要から本番活用の仕方まで解説する本連載「これから始める企業のためのコンテナ実践講座」の第2回は、コ

セクションナイン の 吉田真吾（@yoshidashingo）です。 昨今のサーバーレスアーキテクチャの実装パターンについて5つの分野でユースケースをまとめました。 実装方法はAWSがベースですが、クラウド各社のFaaSに大きな機能差はないので(そもそもシンプルなコンセプトなので)、FaaS単体よりも、連携可能な周辺サービスまで含めて自分のアプリケーションのユースケースに合っているかどうかが大事になってきます。また、そもそもいくつかの実装はPaaSのオプション機能として組み込まれている場合もあります。よって、この先連携先の機能強化などによってもっと多くのパターンが発見されることになると考えています。 【1】Webアプリケーション シングルページアプリケーション ex. Serverless Single Page Apps Web API REST API GraphQL 非同期Webジョ

巷には今、「働き方改革」とともに「RPA」という言葉が台頭し始めている。RPAは「ロボティック・プロセス・オートメーション」のことで、普段の業務を自動化してくれるソフトだという。 こんな説明がなされているが、これまでプログラミングに触れてきた人にとってはやや疑問が浮かぶのではないだろうか。「Excelマクロやバッチと何が違うのか」と。 例えば、RPAの動作説明でよくあるのは「ファイルをゴミ箱に捨てる」という操作だ。RPAソフトがファイルをゴミ箱にドラッグ＆ドロップするという操作だが、ファイルを削除するのが目的なら、Windowsであれば「del hogehoge.txt」と書いたバッチファイルを実行すれば済む話だ。「del *.txt」とすればフォルダ内のテキストファイルを一網打尽に消すこともできる。 Webブラウザの操作であれば、「Node.js」や「Selenium」などですでに自動化

『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day

Kubernetesアプリケーションの運用ツールポータル「OperatorHub.io」、Red Hatが開始。AWS、Google Cloud、Azureらが協力 Kubernetesには「Operator」と呼ばれる、Kubernetesの機能を拡張してアプリケーションの運用管理を支援するソフトウェアがあります。 Operatorとは、アプリケーションの運用ノウハウやテクニックをソフトウェアに組み込んだものだと、Operatorを開発したCoreOS（現Red Hat）のブログ「Introducing Operators: Putting Operational Knowledge into Software」で次のように説明されています。 A larger challenge is managing stateful applications, like databases, cac

LT for 東京Emacsひなまつり https://tokyo-emacs.connpass.com/event/121603/

TimeTree の SRE が海外展開においてやったこと＆やってないこと by【TimeTree × みてね勉強会】 グローバル対応への挑戦 〜SRE/インフラ編〜

git-sync にインスパイヤされて作りました qiita.com ソースコード gist.github.com モチベーション 例えばトピックブランチで作業してて、リポジトリのmasterが更新されたから最新のmasterを取り込んでrebaseするってことよくやると思うのですが、その時にいちいち git checkout master git pull --ff git checkout topic_branch git rebase master みたいなことをやるのが大変なのでサブコマンドにしました。 *1 3ヶ月くらい使ってるけど割と開発が捗ってます。 ~/.gitconfig のaliasにも up = update で登録してるので、1時間に1回くらいは g up 叩いてるんじゃないかなｗ https://github.com/sue445/dotfiles/blob/65

巷には今、「働き方改革」とともに「RPA」という言葉が台頭し始めている。RPAは「ロボティック・プロセス・オートメーション」のことで、普段の業務を自動化してくれるソフトだという。 こんな説明がなされているが、これまでプログラミングに触れてきた人にとってはやや疑問が浮かぶのではないだろうか。「Excelマクロやバッチと何が違うのか」と。 例えば、RPAの動作説明でよくあるのは「ファイルをゴミ箱に捨てる」という操作だ。RPAソフトがファイルをゴミ箱にドラッグ＆ドロップするという操作だが、ファイルを削除するのが目的なら、Windowsであれば「del hogehoge.txt」と書いたバッチファイルを実行すれば済む話だ。「del *.txt」とすればフォルダ内のテキストファイルを一網打尽に消すこともできる。 Webブラウザの操作であれば、「Node.js」や「Selenium」などですでに自動化

アウトプット大全を読み、一ヶ月試してみた感想を書いておく。 所感 本著はアウトプットするためのTipsがひとつ２、３ページくらいの量でいくつもまとめられており、自分に合ったもの、すぐ始められそうなものから試すことができる。 本著の「アウトプット」とは、「他人と話す」「アイデアを出す」という日常の小さなアウトプットも含まれており、ブログを書いたりなにか発信する媒体を持っていない人が読んでも参考になるはずだ。 私は読後一ヶ月程度いくつかのTipsを試してみたが後述する通りとても効果を感じたので今後も本著のTipsに従うのを継続していきたい（そして他のTipsも取り入れていきたい）と思う。 どんな本なのか この本には著者がまとめた80のアウトプットのTipsと、7つのトレーニングがまとめられている。 著者である精神科医の樺沢紫苑氏は実際に以下の圧倒的なアウトプットを継続しているとのこと。 メルマ

この記事は InHouseDesigners Advent Calendar 2018 19日目の記事です。 クラウドサインでいろいろな事をやらせていただいています佐伯です。noteデビューです。気合い入れすぎて記事が長くなりました。 --- さて、早速ですが、僕が関わらせてもらっているクラウドサインというサービスは電子契約のサービスです。 上図のような紙での契約時に通るフローをシンプルに変えるサービスです。 この中で、「印刷、製本、割印、郵送」に関しては作業としてなくなることに異議を唱える方は少ないのではないかと思います。 ただ「押印」に関してはどうでしょうか？ 実際にユーザーからのフィードバックで以下のような声をいただいくことがあります。 「自社の印鑑（の印影）アップロードできませんか？」 「印鑑押したいんだよね」 「何この貧相なビジュアル（クラウドサインの擬似的な印影は貧相です）」こ

はじめに 有名なプログラマージョーク プログラマの夫に「買い物にいって牛乳を1つ買ってきて。卵があったら6つお願い」と言ったら、夫は牛乳を6パック買ってきた。 プログラマーを笑う自虐ジョークとして使われがちですが、 良い題材なのでこれを元に要望 と 要件定義 と 設計 と 実装 の違いを纏めてみましょう。 下記、それぞれのフェーズの原理原則論を記載します。 各フェーズの原理原則 1. 要望 顧客(妻)の要望 を書き出す：顧客の仕事 買い物に行って牛乳を1つ買ってきて、卵があったら6つお願い。 2. 要件定義1（ダイジェスト） 顧客の要望から曖昧な点を除いて復唱する：PMの仕事 上記だとプログラマーの夫は牛乳を6本買ってきました。夫は妻に、要望をより具体的な形で復唱する必要があります。 ここでは、卵を6つ買ってくるという事を確認することで事故を防ぐことができます。 牛乳を1本買ってくる 卵が

TokyoGirls.rb Meetup vol.1というRuby勉強会で登壇してきました。 どうもこんにちは、しなもんです。 このブログは、完全に登壇後記を書く場所と化してきました。 今回は*1お酒を飲んだら明日起きれなくなりそうなので*2シラフです。 （その代わり、セブンイレブンのレアチーズデザートストロベリーを食べています。二日に一回ぐらい食べてる） techplay.jp TokyoGirls.rbは女性も参加しやすい（でも女性限定ではない）Ruby勉強会で、 登壇者が全員女性、参加者は男女半々になるように枠が設定されていて、 会場に行くと男女比半々ぐらい（登壇者やスタッフが女性が多かったので、ちょっと女性が多め？だったかな） という感じの多様性がある会でした。 特にRuby界隈のコミュニティはどこもすごく平和＆技術の文脈において女性だけでコミュニケーションをとる必要はないとおもう

The ultimate avatar service that offers everything you need to easily retrieve user avatars

2018年1月11日から13日の3日間、第8回目となるRegional Scrum Gathering® Tokyoが開催されました。スクラムの初心者からエキスパート、ユーザー企業から開発企業まで、立場の異なる様々な人々が集まる学びの場である本イベント。世界中からスクラム開発におけるエキスパートたちが一堂に会し、最新の情報や自身の知見を惜しげもなく語ります。1日目のKeynoteに登壇したのは、『ジョイ・インク 役職も部署もない全員主役のマネジメント』の著者であり、Menlo Innovations CEOのRich Sheridan氏。自身のビジネスマンとしての半生と、自社で取り組んでいる組織づくりの工夫を紹介しました。講演資料はこちら 『ジョイ・インク』著者による基調講演 Rich Sheridan氏：本を執筆する際には、多くの人に読んでもらいたいと願いますが、ビジネス書の表題に「喜び

はじめに Markdown でちょっとしたメモを書いていると、メモ書きのつもりが、それなりの規模になってきて、目次を作りたくなる。目次をつけるのは Markdown Preview Enhanced の機能でできる。 そんで、目次をつけると、どうも章番号を振りたくなってくる。 章番号を振る一番単純なやり方は、見出しに対して手でぽちぽち番号を振っていく方法だけれども、文章の更新がかかるたびに番号を振りなおすのはいかにも効率が悪い。 というわけで Markdown Preview Enhanced のスタイルを使って、見出しに対して自動的に章番号を割り付けるようにしたので、その方法をまとめておく( Markdown Preview Enhanced とは書いているけど、同様に CSS で見た目をコントロールしているよう他のプレビュー機能でも有効な方法のはず)。 ついでに、同様の方法で目次にも番

ビットコインにおけるブロックチェーンは、暗号技術を駆使することで、類い希な耐改ざん性を実現した。 しかし、暗号通貨としてのビットコインの安全性を論じるには、耐改ざん性の観点のみでは不十分だ。同じコインが二重に使用されることがない、取引記録に矛盾を生じさせたりサービス不能に陥らせたりする攻撃が成立しないといった、様々な観点の安全性について検証する必要がある。 ビットコインは、ブロックチェーン技術を用いたサービスとして最も歴史が長い。運用の開始から7年間、プログラムのバグ以外でシステムの停止やデータのロールバックなどを起こしたことはない。 だが最近の研究では、ビットコインのプロトコル設計や実装上の問題により、不正な支払い、データの改ざん、システムの停止などを引き起こしやすい状況を作り出せることが報告されている。 ビットコインにはどのような脆弱性が発見され、脆弱性を解決する修正案が提案されてきた

言いたいこと 重要なファイルを書くときは、予期しないOSシャットダウンなどを考慮した書き方にする必要があるというお話。 お作法を知らないと、中途半端なファイルや空ファイルが生成され、システム起動時や連携システムで致命的なことになる。 例としてC言語/Java/Python/JavaScript(node.js)を挙げるが、ほぼすべての言語で対策する必要あり。 背景 本番運用されているソフトウェアが起動しなくなるという致命的な不具合が発生した。 ログやコンフィグファイルを収集・解析したところ、コンフィグファイルがぶっ壊れていた。 コンフィグファイルは起動時に読まれるが、必要に応じて書き込まれることもある。 コードを追っていくと、書き込み処理中に強制終了したりすると、中途半端に書かれる可能性があることに気づく。 使い終わると電源がぶち切りされる運用をされており、奇跡的にタイミングが重なったのか

※追記(タイトルにRDSと書いたがPostgreSQL限定である） RDSはデフォルトでパラメータをチューニングされているものの、本番でそれなりに使うにはチューニングが必要。 そこで最初にある程度チューニングしておくべき場所を記載していく。 AWSのパラメータについては下記を参考。 docs.aws.amazon.com デッドロックの検査間隔 soudai.hatenablog.com deadlock_timeout はデフォルトは1000msになっている。 1秒はPostgreSQLのデフォルトなので短い。 10秒以上と書いているが弊社の場合は40秒にしている。 これは明確な基準値を持って決めてるわけでは無く、pg_stat_database.deadlocks の値が今までずっと0なので強気に付けている。 checkpointの値 Google検索すると checkpoint_se

はじめに、この投稿は別に文科省を誹謗中傷する目的はなく、ただ事実を羅列するだけのものです。また、ぼくが正しいという主張もするつもりもなく、同情を買う意図もありません。これらの点にご注意ください。 要約本稿はそれなりに長いので、読むのがめんどくさいなぁって人向けに先に要約しておくと 文科省の留学奨学金を使ってスイスへ約半年間留学していたが、諸般の事情により奨学金の規約を守ることができず奨学金の返納を命じられて71万円借金することとなった という感じです。 導入さて、何から書こうかという感じなのですが、最初に今回ぼくがトラブることになった留学奨学金について簡単に説明しておこうと思います。 今回、ぼくが利用した留学奨学金はトビタテ！留学Japan(以下、トビタテと略す)というやつです。これは文科省が主催している留学支援プログラムで、企業から出資を募って留学したい学生を支援するような感じとなってい

日本マイクロソフトは3月4日、自社製品の新元号対応についてまとめた法人向けのWebサイトを公開した。改元によるソフトウェアのトラブルを防ぐため、Windowsが破損していないかを確認し、更新プログラムを継続して適用するように呼び掛けている。 Webサイトでは、常にシステムを最新の状態に保つよう促している他、更新プログラムだけでは対応が不十分になる場合についても案内している。 例えば、和暦を文字列として記述しているようなデータをやりとりする場合、送り手と受け手のソフトウェアがいずれも新元号に対応していないと、受信したデータに含まれる日付が認識できないといった相互運用上の問題が起きる可能性がある。実際に平成初期に作られたソフトウェアの一部には、2桁の数字を平成の和暦、4桁を西暦と判断するプログラムの実装も確認しているという。 さらに「改元後も『平成31年10月1日』といった表記を許容するか否か

by imgix 2015年から活動しているホワイトハットハッカーのサンティアゴ・ロペス氏が、世界初の「バグ報告の報奨金で100万ドル(約1億1200万円)以上稼いだハッカー」になったことが報じられています。 Teen Becomes First Hacker to Earn $1M Through Bug Bounties • Digit https://digit.fyi/teen-hacker-earns-1m-via-bug-bounties/ ITニュースサイトのDigitによると、ロペス氏がハッカーになったきっかけは1995年公開の映画「サイバーネット(原題：Hackers)」で、無料のオンラインチュートリアルやブログを見て勉強したとのこと。 2015年から報奨金プラットフォームのHackerOneを介した活動を開始。最初に手に入れた報奨金は50ドル(約5600円)で、これが「

本記事の最新版をフォーラムにて紹介しております。 記事の改訂が含まれる場合がございますので、フォーラムの情報を参照してください。 フォーラムへのリンク こんにちは、Windows プラットフォームサポート Setup/Deployment チームの宮崎です。 Windows 製品に対しては、日々、更新プログラムを提供しておりますが、ご利用環境によっては何等かのトラブルのため正しくインストールできずにエラーとなってしまうことがございます。本記事では、このようなエラーのお問合せに対して、弊社が各お客様に共通してご案内している情報を紹介します。 なぜ更新プログラムのインストールに失敗するのか 一般的な Windows 製品の利用方法では、Windows Update の機能を通じて更新プログラムのパッケージをダウンロードし、そのパッケージをインストールする処理をバックグラウンドで行っています。し

こんにちは。OPENREC事業部で基盤系のエンジニアをしている石田です。 今回はOPENREC.tvに導入されているバッチ処理の基盤をご紹介したいと思います。 この記事では以下のことに関して話そうと思います。 OPENREC.tvでのバッチ処理内容 従来のバッチ処理基盤の課題 新バッチ処理導入のモチベーション 新バッチのインフラ構成 実際に稼働してみて 本番稼働をして明らかになった課題 まとめ OPENREC.tvでのバッチ処理 OPENREC.tvでは、主に以下の処理をバッチとして実行しています。 視聴時間の計測結果の集計 ランキングの集計 検索用のデータの作成 おすすめ動画の作成 従来のバッチ処理基盤の課題 初期のバッチ処理は、1台のEC2で稼働していました。それゆえ、以下の問題を抱えておりました。 インスタンス1台で稼働していることからスケーラビリティが皆無 SPOFなので万一ハード

はじめに AWSの技術スタックを利用し、独自ドメイン、SSL対応したWordPressをシュッと構築する方法を紹介します。 操作はすべてブラウザから行います。 前提として、AWSの基本的な使い方は理解しており、独自ドメインは取得済みとします。 アーキテクチャ 以下の AWS サービスを利用します Amazon Lightsail : AWSの提供するVPSサービス。WordPressの実行、DNS Amazon CloudFront : CDN AWS Certificate Manager : 無料の SSL 証明書発行サービス 大きな特徴は以下です。 WordPress をインストール済みの Lightsail インスタンスを利用。Bitnami が提供 Client <-> CloudFront 間は HTTPS， CloudFront <-> LightSail間はHTTP通信 サ

Linux開発者のLinus Torvalds氏は3月3日(現地時間)、Linux mainline Kernelの最新版「Linux 5.0」をリリースしたことを発表しました(Phoronix)。現在最新版のソースコードを公式サイトからダウンロードすることができます Linux 5.0は当初Linux 4.21として開発が始まりましたが、開発期間の途中で名称が変更され、そのまま正式リリースに至っています。 Linux 5.0の新機能としては、AMD RadeonのFreeSyncのサポートや、Intel Icelakeその他最新CPUのための機能の追加、Logitechの高解像度スクロールへの対応、Raspberry Pi タッチスクリーンのサポート、HiDPI/Retinaディスプレイ用の新しいコンソールフォントの追加などがあげられています。新機能の詳細はPhoronixの記事「The

最近ではデザインもJavaScriptもモジュール式のコンポーネント化が進んでおり、HTMLとCSSでも徐々に浸透している流れですが、完全に対応できているとは言えない状況です。例えば、メディア クエリはページレイアウトではうまく機能しますが、モジュール式のコンポーネントを実装するのは難しくなっています。 レスポンシブ対応のモジュール式コンポーネントを実装する際に適したコンテナ クエリの考え方を紹介します。 Container Queries: Once More Unto the Breach by Mat Marquis 下記は各ポイントを意訳したものです。 ※A List Apartと著者の許可を得て翻訳しています。 メディアク エリの問題点 エレメント クエリとは エレメント クエリがダメな理由 コンテナ クエリとは コンテナ クエリに取り組もう メディア クエリの問題点 複数のコン

発端 Java6までは言語仕様の中に命名規約の章があったけどJava7からはなくなった。あとパッケージ名もドメイン名逆順にしろというのが、ローカルでの利用を意図してるなら単一の識別子だけでいいということになった。そのころからlombokみたいにプロダクト名だけのパッケージ名を見るようになった気がする — きしだൠ (@kis) 2019年1月22日 今までjavaパッケージの命名はドメイン名の逆順というのが通例だと思っていたが、たしかにそれに沿わないライブラリも特にScala系のライブラリで見ることが増えてきた。 そもそもこの命名規則は確かに衝突を避けるためには合理的ではあるもののコード中の記述量が増えるため後発の言語でもまったく真似されていない。 最近のJavaでより短いパッケージの命名が許容されるならとても嬉しいと思い、本当にJavaのFQDN逆順命名規約は無視していいのか調べた。 調

この記事はOkinawa.rb Advent Calendar 2018の23日目の記事です。 昨日は @yono@github さんのHeroku で動かしてる Twitter bot の環境を buildpack から Docker に移行したでした。 明日は @siman さんが何かを書く予定です。 時代背景 2017年頃、私の会社の総務部では備品管理を紙とペンで行っていた。幾度となくコピーを繰り返して文字が潰れかけている表に 貸出物 受取者サイン 貸出対応者サイン 貸出日時 返却日時 返却者サイン 返却対応者サイン などを記入していた。その表を後日見返す者はもちろんいなかった。 ウェブ部門から総務に転属になった私は隣の席の人に「ピッてやるやつにしてください」と無邪気に言われて「いや、そんなの開発できないし」と素直に答えたけど、ありあわせのものを組み合わせたらピッてやる仕組みがなんと

“Unimodule”? What’s that?Unimodules are a new standard for creating native modules that are usable in ExpoKit, React Native, Flutter, and other mobile development platforms. The Unimodule system revolves around expo-core , a package that defines the interfaces for implementing a Unimodule and, probably most importantly, the module registry class. This class is what a Unimodule will register itself

2019年2月初めに「“IEを使わないでください”とMicrosoftが警告」や「IEの使用は技術的負債をもたらす」のようなタイトルのニュース記事を目にしました。タイトルだけ見ると「やっぱりIEはセキュリティが不安」とか、「技術的負債って何？」とか、「IEがなくなると困る」とか、思ったりしていませんか？ 山市良のうぃんどうず日記 情報源では「セキュリティ」については一言も触れていない 「Internet Explorer（IE）」の使用に関するニュース記事の元になったのは、2019年2月6日にMicrosoftのWindows IT Pro Blogに投稿された以下の記事です。 The perils of using Internet Explorer as your default browser（既定のブラウザとしてIEを使用する危険）［英語］（Windows IT Pro Blog）

人魚の肉、「体重に対して何%以上食べたら不老不死になる」みたいな閾値はあるのかな。1分子でも口にすればいいなら、ほっとくと海中の生き物全部が不老不死になっちゃいそうだけど

Apple、HP、Intel、Microsoft、ルネサス エレクトロニクス、ST Microelectronics、Texas Instrumentsで構成されるUSB Promoter Groupは米国時間3月4日、新しいUSB4の仕様を発表した。USB4は、40Gbpsのスループットを提供し、より効率的にデータを処理できる。 既存のUSB Type-Cケーブルを使用した2レーン動作と40Gbps認証ケーブルを使用した最大40Gbps動作に対応し、USB 3.2、USB 2.0、Thunderbolt 3と後方互換性がある。 ユーザーの観点からは、あまり大きな違いに気づかないかもしれないが、次の2点はおそらく例外だ。まず、Intelが10nmの「Ice Lake」アーキテクチャに「Thunderbolt 3」のサポートを組み込んでいるため、「Windows」ユーザーはThunderbo

2019年3月4日開催「白金鉱業 Meetup Vol.6」(https://brainpad-meetup.connpass.com/event/119149/) での発表資料

Gmailは比較的信頼性の高いメールサービスだが、それでも過去（2006年12月）に一部ユーザーのメールが消えてしまう、といった障害を起こしている。また操作を誤って大事なメールを削除してしまう、といったこともあるかもしれない。 このような不測の事態に備えるには、Gmailのメールデータをバックアップしておくとよい。以前は、サードパーティー製のツールやサービスを使う必要があったが、現在ではGoogleから「Google Takeout」と呼ばれるバックアップサービスが提供されており、簡単にバックアップが可能となっている。 ここでは、Gmailのメールデータをバックアップする手順を紹介する。 Gmailのメールデータをバックアップする WebブラウザでGmail（バックアップしたいGmailアドレスでログインしておく）を開き、右上の［Googleアカウント］アイコンをクリックする。現在、ログイ

概要 Vue で地図を表示するアプリを作ってみます。 地図ライブラリは leaflet を使います。 前提 node と npm ここからダウンロード vue-cli vue-cliのインストール

World Wide Web Consortium（W3C）とFIDO Allianceは米国時間3月4日、「Web Authentication（WebAuthn）」をログイン用の正式なウェブ標準とすることを発表した。 両団体は、プレスリリースの中で次のように述べている。「パスワードの有効性が信頼できるものではないことは広く認識されている。データ漏えいの81％が、パスワードの盗難のみならず脆弱もしくはデフォルトのパスワードの利用によって発生しており、これらは時間と資源の浪費となっている」 W3CとFIDO Allianceによれば、WebAuthnはよりシンプルで堅牢な認証プロセスを実現するブラウザおよびプラットフォームの標準だ。ユーザーは、自分の好きなデバイスや生体認証、あるいはFIDOセキュリティキーを使って、自分のオンラインアカウントにログインできる。 WebAuthnはすでに、「

最近のフロントエンドに関するお気持ち。正直まとまってはない。 最近、こんな感じのツイートや記事が増えた。 web 技術をキャリアの中心にしない シングルページアプリケーション (以下SPA) の台頭により、私の観測範囲ではモダンな Web サイトは SPA で作られるようになった。サーバーサイドは JSON を返す API サーバーとなり、DB やバックエンドシステムのプロキシのような存在になりつつある。 私はサーバーサイドエンジニアとしてキャリアを積んできた。SPA が流行りだした頃、いずれサーバーサイドエンジニアは不要になって自分のキャリアを考え直さなくてはいけない時期がくるのではないかと戦々恐々としていた。 自分も元々、SPA を他サイトとの「差別化技術」と定義していた。ブラウザのタブページのライフサイクルにおいて、初期化プロセスを一回にまとめてシームレスな遷移を実現する技術。たとえ

YouTubeは先週、子どもや若者に自らを傷つけるよう指示する「モモチャレンジ」と呼ばれるゲームに関して、同社のサイトではこのゲームを推進する動画の存在を示すものは見つからなかったと発表した。これを受けて、この話題が頻繁にニュースの見出しを飾った。 このゲームに関するデマの話題が記事になる際には、飛び出した目と大きな口を持つ、不気味な黒髪の生物の写真が一緒に掲載されるのが常だった。しかし、この造形物を製作した造形作家は、この作品を廃棄していたことが明らかになった。 この作品を作った日本の造形作家である相蘇敬介氏は、英国のタブロイド紙The Sunに対して、この作品を廃棄したと語った。 相蘇氏はThe Sunに対して、「モモはもう死んだので、子どもたちは安心してほしい」と語った。「彼女はもう存在しておらず、呪いもなくなった」 これは「姑獲鳥（うぶめ）」と呼ばれる作品だ。この裸の生き物は、人間

function f() { alert('何回閉じても無駄ですよ〜') setTimeout(f) } setTimeout(f)

呼ばれたきがしたので soudai.hatenablog.com なお、InnoDB限定のお話ですよ。MyISAMを（システムテーブル以外で）使ったことない若輩者なので。 ちょっと余裕がないこともあり、思いつく最小限のことだけ書きます。追加で思いついたら後ほど＆温かいフォロー（というマサカリ？）歓迎。 checkpointに影響がある値 innodb_log_file_size Redoログのファイルサイズです。 生MySQLのデフォルトは「50331648 Byte（48MB）」、RDSのデフォルトは「134217728 Byte（128MB）」。大きなバッチ処理がなければ間に合うかも知れないですが、広げたほうがよいでしょう。 適切な値の範囲は、1M バイトから 1/バッファープールの N 番目のサイズまでです。ここで、N はグループ内のログファイルの数です。 https://dev.m

こちらの記事内容は3年以上前のものなので、記事内にあるアプリケーションなどの動作やUIは実際と異なる可能性があるのでご注意ください。 (2023/01/04追記) iPadでプログラミングwwwアホちゃうかwww ワイ「え？お前全部iPadでプログラミングしてんの？そんなん効率悪いに決まっとるやんw」 ワイ「せいぜいでっかい画面でGithubのコード眺めるくらいしかできないやろwてかハイライトすらないんじゃn」 ?!(Monokaiで表示されとるやんけ...) ワイ「おっ、おう。シンタックスハイライトくらいはできるんやな。」 ワイ「まあ、考えてみればそのくらいは余裕だわなwでもな〜wコードだけ書けてもプレビューは？流石にそれが出来ないことには使えるとはいえn」 ?!?!(localhostで立ててくれるんか...これならCDN使えば簡単なサイトくらいやったらiPadだけで楽に作れるやんけ.

こんにちは、id:hitode909です。これまで、アプリケーションエンジニア、 SRE、と続いた流れで、MackerelチームのCREのお二人に話を聞いてみます。 CREはCustomer Reliability Engineerで、お客さまと技術的なやりとりをしたり、ドキュメントを整備したり、訪問してお話を聞いたりと、さまざまな形でお客さまに寄り添うエンジニアです。 業務内容の幅広い職種なので、お二人にまとめて、網羅的な話を聞ければと思います。 id:a-know, id:missasanにアンケート はてなidとその由来を教えてください いつどんなきっかけで入社されましたか? 現在の仕事を教えてください チーム内の立ち位置を教えてください 今日一日の流れを教えてください 最近うまくいったことは何ですか? 最近うまくいってないことは何ですか? ふだん大切にしていることは何ですか? はて

結論 「Android Singleton」で検索すると、Singletonを使うなという記事がたくさん出てきます。 しかし、公式のAndroid Developersには以下の通り「ほとんどのケースでは、Applicationのサブクラスを作るよりも、static Singletonの方がいい」と書いてあるので、使って大丈夫です。 Android Developers: Application Note: There is normally no need to subclass Application. In most situations, static singletons can provide the same functionality in a more modular way. If your singleton needs a global context (for e

パスワードを不要にするFIDO2プロトコルに、Android 7以降の全デバイスが適合。FIDOアライアンスが「AndroidがFIDO2認定取得」と発表 FIDOアライアンス（ファイドアライアンス）は、ユーザー認証の仕組みとして一般的に使われているユーザーIDとパスワードの組み合わせを止め、顔認証や指紋認証、PINコードなどを用いることによりパスワードを盗まれるといった心配のない、より使いやすく安全な技術の策定と普及を促進する団体です。 同団体が策定している技術「FIDO2」（ファイドツー）は、指紋認証や顔認証やPINコードなどを基に生成した秘密鍵と公開鍵を用いた公開鍵暗号の仕組みによって、ユーザーを認証する業界標準の技術です。 Web標準を策定しているW3Cも、FIDO2の技術をWebに対応させた「Web Authentication」（WebAuthn）を策定。WebブラウザでFID

Long live Serverless! Since the launch of AWS Lambda in 2014 the industry has battled around what the word “serverless” has meant. I say, in 2019 who cares? In this talk we’ll cut past the hype and talk about the realities of what this technology space means, how it’s changing how companies build and operate technology, and how you can properly understand the value it brings to the table.Read less

近年のトレンドとして「採用のマーケ化」が進んでいますが、このスライドでは、その「リクルートメント・マーケティング」について分かりやすく解説しています。初歩的なキーワードの説明から、詳細な解説、かつ具体例まで掲載しています。 ## 主な内容 - pg. 02 ：採用のあり方の変化 - pg. 05：認知の変化 - pg. 20：興味と検討 - pg. 29：エンゲージメント - pg. 35：各ステップの詳細と具体例 - pg. 69：採用担当のキャリアの変化 - pg. 75：2020年に向けての3大トレンド ## 学べるキーワード - リクルートメント・マーケティング（Recruitment Marketing） - リードジェネレーション（Lead Generation） - リードナーチャリング（Lead Nurturing） - エンプロイーサクセス（Employee Succes

ドメイン駆動設計との出会い １０年前に、エヴァンスのドメイン駆動設計を初めて読んだ時は、書いてある内容がほとんど理解できなかった。 あまり、面白いとも思わなかった。 当時は、現場でバグだらけのコードと格闘していた。障害が報告されるたびに、リファクタリング本を参考に、該当個所の長いメソッドや大きなクラスを片端からリファクタリング。その結果、コードがわかりやすくなり、やっかいなバグが単純な修正で解消できてしまうことの効果に驚き、設計の重要性を再認識していた。 それ以前は、UNIXとC言語、OracleとPL/SQLという、オブジェクト指向ではない世界で技術を身に着けてきた。 どちらかというとオブジェクト指向には、ネガティブな印象を持っていた。現場では役に立たんだろうと。 バグとの格闘の中で、リファクタリング（設計改善）の威力を肌で感じ、その考え方とやり方がオブジェクト指向に由来するということを

ウェブデザインやフリーペーパーといった物理的なデザインをする際には、人に訴える力を持つ「見やすい」色の組み合わせを見つけ出すことはかなり重要です。背景色と文字色の組み合わせが「アリ」なのか「ナシ」なのかを一目でわかるようにする「Accessible Brand Colors」を使えば、悩みがちな色の組み合わせを直感的にさくっと決められそうだったので、実際に使ってみました。 Accessible Brand Colors by Use All Five https://abc.useallfive.com/ 上記URLにアクセス後、画面右上の「＋」をクリック。 カラーピッカーが現れるので…… 色相や明暗を調整して「Add hex」をクリック。カラーコードを指定することも可能です。 するとこんな感じで1色目が決定。同様に下側の「＋」もクリック。 色を選択して「Add hex」をクリックします。

Long live Serverless! Since the launch of AWS Lambda in 2014 the industry has battled around what the word “serverless” has meant. I say, in 2019 who cares? In this talk we’ll cut past the hype and talk about the realities of what this technology space means, how it’s changing how companies build and operate technology, and how you can properly understand the value it brings to the table.Read less

「サービスの体験をよくする」というのが、漠然としてどうすればいいかわからないとき、まずユーザー体験を6段階に分類するのをオススメします。 この図をベースに、 ・あなたのプロダクトの現状 ・やろうとする施策やアップデートが、それぞれどのレイヤーに属するかを見て、基本は低レイヤー（機能より）のものから、充足させてゆきます。 下記は、家を例にしたのユーザー体験です。 Lv 0. 存在しない家がない。寒い。そして何も解決してない。 Lv 1. 機能がある屋根と壁と床がある。とりあえず雨風がしのげる。色々と我慢すれば、まぁ生きていける。 Lv 2. 安全と安心地震で壊れない。水漏れしない、火災報知器がついた、ドアに鍵がかかるようになった。最低限の信頼性が担保できる状態です。 Lv 3. 使いやすい、わかりやすいまっとうに使えるか。家のなかで迷わない。生活導線が機能するか。キッチンや冷暖房などがスムー

最近、取り沙汰されているコンビニのブラック労働問題・・・・。 鳴りやまない電話　批判も覚悟セブンオーナーの闘い スポーツ紙でもたまには良い記事書くんだ・・・・・ 全国各地のオーナーからは、切実な「声」が続々と届いています。山陰地方のオーナーは「オープンして5年だけど、1日も休んでいない」。東北地方の50代の男性オーナーは「会って、話をしたい」と1日かけて同店を訪れました。「家族経営をしているけど、娘と娘婿が帰ってきてくれたので、なんとかもっている。このまま続けたとしても、たいへんなだけは分かっている。もうすぐ15年。契約更新はしないでおこうかと思っている」 もちろん、激励の声だけではありません。非難の電話もあります。「おまえらコンビニやろ。24時間やれよ！　何を言うてんねん。おまえら奴隷でええんじゃ！」。 いかにもTwitterにもいそうなリアルクソリプ野郎 この報道がさせた当初、いろんな

米Intelや米Appleら業界大手7社が中心となるUSB推進団体、USB Promoter Groupは3月4日、次世代USBアーキテクチャであるUSB4規格のリリースを発表した。米Intelの「Thunderbolt 3」に基づいており、USBの帯域幅が現行のUSB 3.2の2倍になる。 これは、Intelが2017年にThunderbolt 3をロイヤリティフリーにしたことで可能になった。Intelは同日、Thunderboltプロトコル仕様をUSB Promoter Groupに提供したことを発表した。これにより、Intel以外のチップメーカーがThunderbolt互換のチップを構築できるようになった。 仕様の詳細は2019年中頃に発表の予定。今回は以下の特徴のみ発表された。 既存のUSB Type-Cケーブルを使った2レーン動作および40GBpsケーブルを介した最大40Gbps

あとき@紅楼夢U-01b/秋例大祭く07b @atoki 新ebookjapanでみんなが怒ってたのは、当然今まで出来た事が出来なくなっちゃった事がおおすぎることだよ。　特にMac版のアプリの用意がない、そして海外で使えてたのに利用不可になっちゃったことはユーザーに対する裏切りだよ 2019-03-02 00:42:21 しろめ @shiromeek いや、ある程度リスクがあることを承知で電子書籍を買ってるわけですけど、今までMacでもリーダー利用できたからそのサービスを利用してきたわけで、Mac配信予定なしってどういうことなのよebookjapanさんよ… 2019-03-03 18:13:08