こんにちは、プラットフォーム事業部 DXユニットの高橋（@yukey1031）です。 先日開催されたOPTiM TECH NIGHT｜Webアプリケーション/APIサーバフレームワークを語るLT大会で 「WebFluxでリアクティブなWebAPIのデモ」といった話をさせて頂きましたが、続けてこの記事ではSpring Boot2.2でサポートされたRSocketについてサンプルを交えつつ触れてみたいと思います。 optim.connpass.com マイクロサービスな現場でのAPI開発 以前の記事でも触れているようにオプティムが提供するAI・IoTプラットフォーム Cloud IoT OSは、マイクロサービスアーキテクチャで構成されており、周辺エコシステムの開発においてもマイクロサービスが前提となります。 マイクロサービスの連携には一般的にWebAPIが利用され、RESTful API、Gr

Jognote.com This Page Is Under Construction - Coming Soon! Why am I seeing this 'Under Construction' page? Related Searches: Parental Control Work from Home All Inclusive Vacation Packages Health Insurance High Speed Internet Trademark Free Notice Review our Privacy Policy Service Agreement Legal Notice Privacy Policy

ブログカードとは以下のようにリンクをちょっとリッチに表示してくれる機能のことです。以前はこれってどうやって実現しているんだろうと不思議に思っていました。 上記のようなブログカードは「はてなブログ」や「WordPress」等のブログサービスでよく見かけますが、基本的にこれらのブログカードはリンク先のURLを指定するだけで自動的に生成されています。本記事では上記のようなブログカードを支える技術について解説します。 (本記事は自分のブログからの転載記事です。) はじめに 本記事では、ブログカード1の表示に使われる一般的な技術の解説およびJavaScriptによる実装を行います。普段何気なく見たり使ったりしているブログカードの技術に興味がある人におすすめします。 ブログカードの要素技術 まずはブログカードを実現するための要素技術について解説します。 ブログカードの構成 ブログカードは主に「タイトル

これは 2020-01-10 に開催された、DDD meetup#3 でのLTの内容を記事化したものです。 Vuex+Express環境でどんなアーキテクチャを採用したか、して良かったこと／悪かったことを発表しました（LT資料はこちら）。 問題提起 フロントエンドでDDDを実践しようと考えて、結局採用を見送った経験のある方は以外に多いのではないでしょうか。ドメイン知識はバックエンドに集中させてフロントはできるだけライトウェイトに…。と、がんばっても、どうしても気になるものの一つがバリデーション。些末なことだけどバリデーションはれっきとしたドメイン知識。これだけ半端にフロントにいるの、気持ち悪いですよね？ 折角ドメイン知識をその他と分離するなら、フロントとバックでもそれらを共通化したい！できるんです。そう、Full-Stack JavaScriptでの開発なら。 結論 こんなアーキテクチャを

（今更ですが）新年あけましておめでとうございます！ JX通信社でシニア・エンジニアをしています, @shinyorke（しんよーく）と申します. 最近は週に2, 3回, ジムで10kmちょい走っています.*1 JX通信社のエンジニアチームでは, 月に一度みんなが集まる月次勉強会というイベントがあります（基本的に第2金曜日開催）*2. tech.jxpress.net ※過去の開催レポです 2020年初（かつ, 飯田橋オフィス最後*3）の勉強会は, 「普及したいことや年末年始に勉強したことなどを発表するLT大会」 ということで, 私は デブサミ2020登壇時に披露するデモアプリを披露 弊社プロダクトでも使っているFastAPI僕もやりました&Nuxt Core UI ええやで！っていう布教 （ちょっとだけ）野球選手の評価指標を紹介 という発表をさせてもらいました. このエントリーではそんな発

メルカリ（マザーズ、4385）は23日、子会社でスマートフォン決済「メルペイ」を手掛けるメルペイ（東京・港）が、スマホ決済のOrigami（オリガミ、東京・港）を完全子会社化すると発表した。株式取得は2月25日の予定だ。取得価額は非公表。オリガミのスマホ決済「オリガミペイ」については、顧客や加盟店への一定の周知期間を経て

1000 年遺るブログのつくりかた Zairon, CC BY-SA 4.0 あらゆる物事の価値は時間的に変化する1．どんなに凡庸で狭い文脈に依存した文章でも，1000 年寝かせれば歴史的価値が加わり，優れた文章より価値が高くなるかもしれない2． もちろん，優れた文章より長く遺るためには追加の努力が必要だ． 本稿では，1000 年遺るブログをつくるための効果的かつ実行可能な手法を述べる． GitHub Archive Program 2019 年 11 月，GitHub Universe 2019 にて GitHub Archive Program が発表された． ソフトウェア開発に携わる者ならよく知っている通り，GitHub はソースコード3リポジトリ4のホスティングサービス5だ． GitHub Archive Program は，GitHub に存在する 3000 万超の公開リポジトリ

amagiです。先日React用コンポーネントライブラリのREACT-VFXをリリースしました。 REACT-VFXを使うと、画像や動画、テキストにWebGLでエフェクトをかけることが出来ます。 ⚡𝙍𝙀𝘼𝘾𝙏-𝙑𝙁𝙓 released！⚡ I created React components to add WebGL effects to images, videos and plain texts in your app. It also supports animated GIFs...😎 Visit website for details:https://t.co/mlnmExpUVZ#REACTVFX #WebGL #React #Threejs #GLSL pic.twitter.com/uDUQ8MKNcK— 𝘼𝙈𝘼𝙂𝙄 (@amagitakayos

『君の名は。』や、『ラブライブ！』など、現代日本カルチャーの中でも社会現象とも言うべきヒットを次々と生み出す日本のアニメ。 それらに出演する「声優」という職業にもかつてないほど注目が集まっている。 今や声優は作品の裏方というだけでなく、アーティスト活動などの表に出るエンターテイナーとしても活躍し、ティーンエイジャー憧れの職業のひとつでもある。 しかし、競争は激しく生き残りの厳しい世界でもある。そんな業界で、数々の人気作品に出演しながら、アーティスト活動やプロデュース活動をも精力的に行う声優がいる。 悠木碧27歳だ。 30歳以下でプロフェッショナルとして活躍する「UNDER30」世代に、“あなたにとっての仕事とは？”を尋ねるインタビューシリーズ。 『君の名は。』や『魔法少女まどか☆マギカ』をはじめとする多くの人気アニメでキャラクターに命を吹き込む彼女に、仕事への向き合い方を聞く。 【取材＝奥

株式会社Origami（本社：東京都港区、代表取締役社長：康井義貴、以下 Origami）および株式会社メルペイ（本社：東京都港区、代表取締役CEO：青柳直樹、以下 メルペイ）は、メルペイによるOrigami全株式の取得によって、同社がメルカリグループに参画することについて両社間で基本合意いたしましたので、以下のとおりお知らせいたします。 ※:なお、本株式譲渡は、2020年2月25日を予定しております。 ■Origami・メルペイについて Origamiは「お金、決済、商いの未来を創造する」とのミッションのもと、2012年に会社を設立し、2016年にスマホ決済サービス「Origami Pay」の提供を開始、同サービスは、全国の様々な業種、業態の店舗やサービスに導入を拡大すると共に、利便性にとどまらない、決済を通じた加盟店と消費者との顧客接点という新たな価値を提供してまいりました。また、20

10歳だった。 その時ぼくは、まだ「ソビエト連邦」だったモスクワにいた。 そこで見たのは、「国」というものが劇的に変化する瞬間だった―― 外務省が公開した6000ページにのぼる外交文書。外交官たちの生々しい報告が、私をあの時代に連れ戻した。そして私は、何が起きていたのかを初めて実感した。 （政治部・渡辺信） その書き出しは、文学的だった。 『ＢＵＫＳＯＶＡＴ（空転する）。２年１か月のモスクワ在勤を終え帰国する日、空港の暗い待合室で搭乗を待ちながら、ふと、この単語が頭に浮かんだ。ゴルバチョフの始めたペレストロイカを、ひと言で総括するとすれば、まさに「空回りしている」というのが適当ではなかろうか』 1987年11月の「ソ連在勤を終えて」という報告書の冒頭だ。書いたのは、モスクワの日本大使館の政務班長だった角崎利夫氏。これまで私が読んできた硬い外交文書とは異なる表現で、1985年に書記長に就任し

単行本は今月２７日発売予定・・・

CADDiでは一緒に働く仲間を募集しています！ ご興味をお持ちいただいたエンジニア・デザイナーの方向けに理解を深めていただくためのポータルサイトです。是非ご覧ください。

10歳だった。 その時ぼくは、まだ「ソビエト連邦」だったモスクワにいた。 そこで見たのは、「国」というものが劇的に変化する瞬間だった―― 外務省が公開した6000ページにのぼる外交文書。外交官たちの生々しい報告が、私をあの時代に連れ戻した。そして私は、何が起きていたのかを初めて実感した。 （政治部・渡辺信） その書き出しは、文学的だった。 『ＢＵＫＳＯＶＡＴ（空転する）。２年１か月のモスクワ在勤を終え帰国する日、空港の暗い待合室で搭乗を待ちながら、ふと、この単語が頭に浮かんだ。ゴルバチョフの始めたペレストロイカを、ひと言で総括するとすれば、まさに「空回りしている」というのが適当ではなかろうか』 1987年11月の「ソ連在勤を終えて」という報告書の冒頭だ。書いたのは、モスクワの日本大使館の政務班長だった角崎利夫氏。これまで私が読んできた硬い外交文書とは異なる表現で、1985年に書記長に就任し

2013年に倉敷工の同級生で野球部のマネージャーをしていたA子さんと結婚。結婚当初からDVを受けてきたが、中でも激しい暴力を受けたのが2018年4月26日だったという。 「家の中で後ろからグーで殴られたはずみで、倒れて床にゴンッて頭を打ちつけてしまったんです。脳震盪の症状が出て、一時的に記憶も飛んでしまい、病院から帰宅後に嘔吐もしました」（A子さん） 医師による診断書を確認すると、「頭部打撲」「殴られ受傷」と記されている。 守屋選手に殴られ頭を打った際の診断書と腕のアザ A子さんは兵庫県警西宮警察署に被害届を提出。その背景には、昨年11月の守屋投手の浮気と家出があったという。 「最初は浮気を認め、謝っていたのですが、その後、弁護士を介して『離婚したい』と告げられたのです。うちには4歳の女の子と0歳の男の子がいますが、主人は昨年11月20日から家に帰らず、生活費や養育費も支払ってくれないので

国連は、アマゾンの創業者ジェフ・ベゾス氏の携帯電話がサウジアラビアのムハンマド皇太子のＳＮＳアカウントからハッキングされた疑いがあることを明らかにしました。殺害されたジャーナリストが寄稿していたアメリカの有力紙の報道に影響を与えるためオーナーでもあるベゾス氏の弱みを握ろうとハッキングを行った疑いがあるということです。 それによりますとベゾス氏とムハンマド皇太子は個人的に面識がありＳＮＳでもつながりがありましたが、ムハンマド皇太子のアカウントからマルウエアと呼ばれる悪質なプログラムが送られ、携帯電話からデータが抜き出されていた疑いがあるということです。 ベゾス氏はアメリカの有力紙ワシントン・ポストのオーナーでもありますが、ワシントン・ポストではサウジアラビア人のジャーナリストでおととし殺害されたジャマル・カショギ氏がムハンマド皇太子を批判する記事をしばしば寄稿していました。 このため国連の特

This is a statically generated Next.js site with a Notion powered blog that is deployed with Vercel. It leverages some upcoming features in Next.js like SSG support and built-in CSS support which allow us to achieve all of the benefits listed above including blazing fast speeds, great local editing experience, and always being available! Get started by creating a new page in Notion and clicking th

エンジニアの信頼を可視化する。PRANETは信頼できるエンジニアが 正当に評価される仕組みをつくるための ITエンジニア専用のプラットフォームです。

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

１月19日に、ワタミグループが第６回ホワイト企業大賞で特別賞を受賞し、都内で授賞式が行われた。2013年にワタミはブラック企業大賞を受賞。同賞が世間に広く知られることになり、同社がその後ブラック企業の代名詞のような存在になっていったことを思えば、隔世の感である。 今回のホワイト企業大賞でワタミは、ワタミグループの「三代目鳥メロ」が「働く一人ひとりのチャレンジ精神賞」という特別賞を受賞。特別賞を受賞した理由は、「創業当初からのビジョナリーな哲学を守りつつも、現場の一人ひとりが新しい組織になっていこうとチャレンジしている」だという。ちなみに大賞は、医療法人かがやき（岐阜県）とＣＧストーリー株式会社（東京都）という二つの法人が受賞した。 ■自ら応募するホワイト企業大賞 受賞についてワタミは、＜今回このような受賞で、外部評価をいただけましたが、今後も改革・改善を継続し、引き続き、働きやすい環境を整

【記者：Sarah Knapton】 ひびが入っても自ら修復し、さらには新たな塊を産み出すこともできる「生きたコンクリート」が開発された。砂とバクテリアから作ったもので、荷重を支える構造物としての役割を果たすとともに、再生といった生物としての機能も併せ持つ。 開発したのは、米コロラド大学ボルダー校の研究チーム。論文の首席著者で生物素材研究室を率いるウィル・シュルーバー博士は「フランケンシュタインのような素材だ」と話す。「まさにそのような素材を開発しようとしている。生き続けるものだ。光合成するシアノバクテリア（ラン藻）を使って骨組みに生体鉱物形成作用を引き起こすので、とても環境に優しい」 生物素材を開発するために研究チームはまず、ヒドロゲル（水ベースのゲル）と砂で土台を作り、そこでシアノバクテリアを増殖、ミネラル化させた。これは海で貝殻が形成される仕組みと似ている。 この新素材はただ生きてい

【記者：Sarah Knapton】 ひびが入っても自ら修復し、さらには新たな塊を産み出すこともできる「生きたコンクリート」が開発された。砂とバクテリアから作ったもので、荷重を支える構造物としての役割を果たすとともに、再生といった生物としての機能も併せ持つ。 続きを読む

（ＣＮＮ）　国連の特別報告者は２２日、サウジアラビアの事実上の指導者ムハンマド皇太子が使っているメッセージングアプリ「ワッツアップ」のアカウントが、米アマゾンのジェフ・ベゾス最高経営責任者（ＣＥＯ）のスマートフォンにスパイソフトを届ける目的で使われていたという情報を入手したと述べ、「重大な懸念」を表明した。 ムハンマド皇太子をめぐっては、ベゾス氏のスマートフォンに対するハッキングを命じたとされる疑惑が浮上していた。 ホワイトハウスはこれまでのところ、この疑惑に関して沈黙を保っている。 在米サウジ大使館はウェブサイトに掲載した声明の中で、「王国がジェフ・ベゾス氏の携帯電話ハッキングに関与したとする報道は馬鹿げている」と反論した。 ホワイトハウスはこの問題に関するコメントを避けており、トランプ大統領は過去にもサウジ政府を擁護する姿勢を見せてきた。その背景には、イランとの緊張が高まる中で、サウジ

ITエンジニアの信頼を可視化するプラットフォーム「PRANET」をローンチ木曜日しか出社しないスタートアップ PrAha Inc.が開発 「木曜日しか出社しない」「副業自由」「週3日から勤務可能」など、最先端の働き方改革を実践するITスタートアップ「PrAha Inc.」が開発。フリーランスや副業など、ITエンジニアの働き方の多様化に伴い測定が困難になるエンジニアの信頼度を可視化する試みを開始する。 株式会社プラハ（東京都台東区、代表取締役：松原舜也）は2020年1月23日、ITエンジニア専用「PRANET」をリリースした。同サービスはITエンジニア限定のプラットフォームとして、ITエンジニアの信頼度を複合的に評価。働き方が多様化する時代においてもエンジニアが正確に評価される世界を目指す。 ■はじめに 働き方改革や慢性的な人手不足によりフリーランスや副業で働くエンジニアが増えている。一方、

G SuiteのアカウントでWindows 10へログイン可能に。G Suiteのシングルサインオンの範囲がWindows 10へ拡大 GoogleはG SuiteのWindows向けデスクトップセキュリティ機能を強化し、G SuiteのアカウントでWindows 10へログイン可能にするなどG Suiteのシングルサインオン範囲の拡大やアンチフィッシング、アンチハイジャッキング、盗難時のリモートワイプなどの新機能をベータ版としてGSuite Admin consoleに追加したと発表しました。 新機能として以下が追加されたと説明されています。 Enable their organization to use existing G Suite account credentials to login to Windows 10 devices, and easily access apps

The Morning After: The biggest news from Google's I/O keynote

TOTALで3日くらいで作りたかったのですが、 他作業もちょこちょこしたりして結局TOTAL工数としては一週間弱かかってしまいました。 あとは、OGP画像の自動生成ロジックになかなか手こずってしまいました。 企画〜コーディングについては慣れたものでトータル1日ちょっとでした。 ただ、かの有名なpeing(質問箱)を作ったせせりさんは、 peingを6時間で作ったとのことなのでまだまだ精進のしがいがあるなというところです。 なお、僕の場合、とにかく早く作って出すということを大前提にしているため こういったスケジュール感になりがちです。 余談ですが、Facebookのマークザッカーバーグの言葉で好きなのがこちら。 「完璧を目指すよりまず終わらせろ」 途中経過 ワイヤー ※ちなみにこれは違うサービスのワイヤーです。ザブトンのものはデザインで上書きしてしまって、残してありませんでした...すみませ

「誰のためのデザイン?」の旧版と改訂・増補版を読みました。 以前に旧版を読んだのですが、その記憶もあやふやなくらい前だったので、あらためて読み直し、その面白さゆえに改訂・増補版も購入してこれも読み終えました。 Web システム開発を生業としているので、日々ユーザとのインタラクションが発生するプロダクト開発に関わっているわけで、ユーザがどのように製品を認知し、使うかという内容は参考になりました。 それとは別にソフトウェア開発という観点で、ソースコードを読む時に人がどのように認知するのかという点でも興味深いものでした。このエントリでは、自分なりに整理したソースコードと概念モデルについて残しておきます。 ソースコードとメンタルモデル ソースコードの概念モデル 実行モデル プログラマモデル ユーザモデル 誰のためのソースコード? さいごに メモ ソースコードとメンタルモデル ある程度、経験のあるプ

ここ数年で、「デザインシステム」はウェブ開発やデザインのコミュニティでとても人気の話題になりました。そして「コンポーネント」として定義される一連のデザイン成果物を開発・メンテナンスするために、StyleguidistやStorybookといったツールが多くのプロジェクトで一般的に使われています。このプロセスはデザインシステムという概念の一部として、コンポーネント駆動開発（Component Driven Development）と定義することができるでしょう。 さて、コンポーネント駆動開発にまつわる資料のほとんどは、ReactやVue、Angularといった、フロントエンドのビューのためのメジャーなライブラリを利用することについてのものです。しかしもっとトラディショナルな技術スタックの場合はどうすればいいでしょう？ 例えば私たちスタンダードデザインユニットでは、静的なHTMLとCSSのアセ

The Morning After: The biggest news from Google's I/O keynote

2022年9月24日 CSS, JavaScript ページやコンテンツの読込中、何も表示されない真っ白な画面が延々と続くと、なんだか不安になりますよね。本当にこのページであってるのか…今何を待ってたんだっけ…なんて。ユーザーを不安にさせないためにも、読込中だと認識できるローディングアニメーションを取り入れてみるといいですね。 ↑私が10年以上利用している会計ソフト！ ローディングアニメーションの設置手順 こんな感じで、最初にローディングアニメーションを表示させ、ページを読み込んだらコンテンツを表示させるページを作ってみましょう。よく「CSSだけで実装できる！」なんてうたわれている場面もありますが、多くの場合アニメーション部分のみのおはなしで、実際にページの読み込みを認識させるには簡単なJavaScriptも必要です。 1. ローディング画面の用意 まずはコンテンツを用意しましょう。上部に

Webページやスマホアプリのレイアウトをはじめ、画像、ボタン、ナビゲーションなどを親要素に応じてそれらの幅や高さを適したサイズにしたい時がありませんか？ そんな時には、min-widthとmax-width、min-heightとmax-heightを効果的に使用すると、非常に便利です。 widthとheightプロパティにおけるminとmaxの効果的な使い方を紹介します。 Min and Max Width/Height in CSS by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに widthプロパティにおけるminとmax heightプロパティにおけるminとmax minとmaxプロパティの効果的な使い方 メモ リソース はじめに 要素の幅をその親に対して相対的にすると同時に、

This website allows you to select a city and then draws every single road on a screen.

ここ最近はざっくり言ってしまえばフラットデザイン2.0、マテリアルデザインが主流になっていると思います。 視認性もよく操作もしやすいのが好まれる傾向になっています。 そんな中でこれからあるいは、今も流行っているものもありますが2020年で流行するwebデザインを紹介したいと思います。 正直webデザインの流行ってすぐに広まるものでもないと思うのですでに流行っているものも紹介しています。 なるべくサイトも載せていこうと思いますが、ページが更新されて違うデザインになっていたり、サイトがなくなってしまっていたらごめんなさい。 ・ダークモードに対応したデザイン ios13からiphoneでもダークモードが搭載されました。 すでに対応しているサイトもありますがまだまだダークモードに対応していないサイトが多く見られます。 目に優しいから、かっこいいからなどの理由で利用している人は多いと思いますのでこれ

はじめに 2020年も始まりましたね！ タイトル通りですが、2020年現在スタートアップや大手のWeb系IT企業で採用されている、トレンドとなっている技術についてそれぞれのジャンル毎に求人や採用ページ、ブログを元にまとめてみました。 いくつかピックアップしている形になるので、記述できてないものもありますが、ご了承くださいm(＿ ＿)m (適宜アップデートしていきたいと思います。) (自分のメイン領域がバックエンドなので、そちらに偏っていると思います) 言語編 Ruby サーバーサイドのスクリプト言語、動的型付け言語です。 まつもとゆきひろさん（Matzさん）により開発されたオブジェクト指向スクリプト言語。 日本生まれの言語です。 整数や文字列なども含めデータ型はすべてがオブジェクトであり、純粋なオブジェクト指向言語です。 有名なフレームワークである Ruby on Rails を使うと開発

【シリコンバレー=白石武志】米電気自動車（EV）メーカー、テスラの時価総額が22日、独フォルクスワーゲン（VW）を超え自動車メーカーでトヨタ自動車に次ぐ世界2位になった。2019年末に世界最大のEV市場である中国で主力小型車「モデル3」の生産が始まり、成長が加速するとの期待が高まっている。欧州でも21年に新工場の稼働を計画しており、株価は2019年10月以降、2倍に上昇している。アナリストらに

","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 -->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下（中⑥デジ編）パーツ＝8826 -->","adcreative72":"<!-- BFF920 広告枠）ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag ＰＣ誘導枠５行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"

latestタグや書き換えるためのタグ（develop, stagingなど）を使って、本番で運用するのはやめましょう。 コンテナイメージのキャッシュ状況やリリースフローによっては予期しない形で 予期しないバージョンが本番で起動する可能性があります。 本記事では、どのプラットフォームやツールで発生したかについては記載しません。 本題はそこではないのと、そもそも運用が間違っているので 記述しても余計な枝葉になるからです。 この記事ではどういうことが起きたか、について書きます。 どういうことが起きたか サービスで、dockerイメージのlatestタグを使って本番運用していた。 全コンテナをgraceful restartしたようだ。（つもりだったが・・・） 別の作業中、管理画面の表示がおかしくなっているという話が出てきた。 そこで調べてもらったところ、なぜかリリースしたはずの機能が正常に機能