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

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

Web の基礎を支える HTML の最も重要な要素の一つである h1-h6 要素ですが、 React を始めとするコンポーネントベースのライブラリを特に意識せずに利用すると、SEOやアクセシビリティー上の意図せぬ問題を生むことがあります。 この記事では、 React を例に取り h1-h6 を使うことで生じる問題と、その解決策を３つずつご紹介します。 尚、この記事で紹介するコードスニペットは GitHub リポジトリに動作する状態で公開しておりますので、併せてご参照ください。 前提知識 読者のみなさまは、HTMLの要素 h1-h6 にどのような役割があるか説明できますか？ 大きい文字を出したかったらh1を使って、それより少し小さい文字を出したかったらh2を使う...わけではありませんでした。h1-h6 は 「見出し要素」 と呼ばれ、文章の見出しとなるテキストをマークアップするのに用いられて

リンク www.cmoa.jp 吸血鬼すぐ死ぬ 1 ｜無料試し読みなら漫画（マンガ）・電子書籍のコミックシーモア 吸血鬼すぐ死ぬ 1巻｜行方不明の子供を助けるため、真祖にして無敵の吸血鬼・ドラルクの城にやってきた吸血鬼ハンター・ロナルド! だがドラルクの正体は、凄まじい頻度で死んで塵と化す史上最弱のザコ吸血鬼で!? リンク YouTube TVアニメ「吸血鬼すぐ死ぬ２」ティザーPV 最弱吸血鬼と退治人コンビによるハイテンション即死ギャグ再び!!TVアニメ「吸血鬼すぐ死ぬ２」2023年1月放送決定！*****◆TVアニメ「吸血鬼すぐ死ぬ２」作品情報【放送情報】2023年1月予定【キャスト】ドラルク：福山 潤／ロナルド：古川 慎／ジョン：田村睦心／ヒナイチ：日岡なつみ／半田 桃：松岡禎丞／サテツ... 2 users 126

はじめに 株式会社マイスター・ギルド新規事業部のウサギーです。 弊社新規事業部では、新規サービスの立ち上げを目指して 日々、アイディアの検証やプロトタイプの作成を行っています。 今回はブラウザで使えるQRコードリーダーをさっくり作りたいな～と思いjsQRを使ってみました。 jsQRとは？ javascriptで作られたQRコード読み取りライブラリです。 公式ページ https://github.com/cozmo/jsQR デモページ https://cozmo.github.io/jsQR/ ↓ デモページを試した図 使用方法 公式のDemoページと同じようなものを作ってみます。 1 jsQR.jsを使う準備 jsQR.jsをDLしてプロジェクトに含めます。 HTMLにjsQR.jsを読み込みます。

はじめに Reactに関して最低限意識したいけどできてなかったなと思うところがあったので、 わかりやすいと感じた記事を参考に自分なりに噛み砕き、この１記事にまとめました。 useStateの使い方に注意する 上記の記事がとてもわかりやすく、すごい学びになりました！ 参考記事から学びになった部分を項目ごとにピックアップして書いていきます。 関連する状態はまとめることを検討する よくあるパターンでは、ログイン情報などだと思っています。 例えば、ログインにはemailとpasswordがセットでログインするのはあるあるですよね。 なので、以下のようになりますね！ ↓書き換え前 const [email, setEmail] = useState("") const [password, setPassword] = useState("") const handleChangeEmail = (

LINEさんが日本語フォントをリリースしました。 LINE Seed (日本語) 日本語版コーポレートフォント『LINE Seed JP』をリリースしました。 フォントに関しての詳細は上記のサイトに書かれているので割愛します。2022/10/25時点では、フォントの有料販売を除けば、個人・企業ともに自由に無料で利用可能です。(詳しくはライセンス読んでください) 私の感想としては、英語・日本語混在環境において読みやすくて柔らかいフォントで、好感触を持っています。ヒラギノ丸ゴシック以上に柔らかさを感じます。 SlackをLINE Seedで表示するのって良いのでは？と思い立って、設定方法を調べたメモを記しておきます。 動作確認環境 いわゆる、MacOS版Slackで試しています。 Mac OS Monterey (v12.6) Slack (v4.28.184) 恐らくWindowsでも同じ方

通信障害？ならば別ルートだ！IIJが1枚で複数の通信網に繋げるSIMを開発2022.10.26 19:00 小暮ひさのり こんなこともあろうかと！ 何ごともそなえは重要ですよね。最近、携帯電話キャリアの通信障害で数時間に渡って音声・データ通信が使えない！といったトラブルがありましたよね。大規模なものは稀有ですが、小さなトラブルはわりと起こっています。 こうした通信障害に対応できるかもしれない技術が、IIJが発表した1枚のSIMカードで複数の携帯電話網に接続できるようになる｢マルチプロファイルSIM｣です。 片方がダメでも､もう片方に切り替えて繋げられる従来SIMカードは1枚につきひとつの通信事業への接続プロファイルが基本。 しかし、マルチプロファイルSIMは1枚のSIMカードの中に、IIJ＋別の通信事業者のプロファイルを実装。端末機器からのコマンドによって、利用するプロファイルを自由に切り

今回こそソニーのエンターテインメントロボット「poiq」の“おしゃべり”の話をしようと思っていたのですが、まだpoiqの絶妙なボディサイズの話をしていなかったので、まだハードウェアの話は続きます。 この連載ではこれまでハードウェアとしてのpoiqの素晴らしさをお話してきましたが、実ははっきり話をしていなかったことがあります。それがpoiqのサイズです。 poiqを見た人は、ほとんど口をそろえたように「思ってたよりも小さい！」と言います。私自身、実物のpoiqが手元に届いた時に同じように感じました。外形寸法は約72（直径）×約118（高さ、突起部を除く）mm。要するにドリンクサイズです。 だからドリンクカップが置けるところならpoiqがそこにいることが可能な場所となります。例えば、運転中はさして役に立たないpoiqですが、クルマのドリンクホルダーにも入ります。ちょっと「R2-D2」みたいです

肛門バイブの前にもいろいろあった…。ハイテクなチェスいかさま騒動9つ2022.10.26 16:0011,654 Kyle Barr - Gizmodo US ［原文］ （ satomi ） なんでもありだなあ。 歴代最強の名を欲しいままにしているチェス王マグヌス・カールセン。その連勝記録を、9月上旬シンクフィールド・カップで53でストップした新星ハンス・ニーマン（19）。雪辱をかけた9月末の対戦でカールセンは1手動かしただけで投了し、遠隔操作の肛門バイブレーターによる不正があって抗議の棄権をしたのではないかとチェス界は大揺れ!! 肛門バイブの作り方が横道で脚光を浴びています。 過去に100回以上不正を繰り返していた模様イーロン・マスクが途中で面白おかしく拡散したので全部冗談に聞こえちゃうけど、Chess.comが10月4日に公開した『ハンス・ニーマン調査報告』を読むと、ニーマンは少なくと

ユーザーのウェブブラウザ間でビデオやオーディオ通話をする際のタイムラグを軽減するために使用される「WebRTC」の機能により、ユーザーのローカルIPアドレスが悪意のあるサイトに取得される危険性があることがかねてから報告されています。新たに、IPアドレスの漏えいを体験できるテストサイトが公開されました。 WebRTC Local IP Leak Test 🍌 - github.com/niespodd/webrtc-local-ip-leak https://niespodd.github.io/webrtc-local-ip-leak/ GitHub - niespodd/webrtc-local-ip-leak: Oh no, stop this. You can see my local IP address 😲! Use `foundation` attribute agains

PayPayは10月26日、キャッシュレス決済サービス「PayPay」の登録ユーザー数が9月時点で5100万人を突破し、月間の決済回数は約4億回になったと発表した。 4月～9月までの半年間の決済回数は23億回を突破し、前年同期比約1.4倍になったという。 関連記事 「PayPay」登録ユーザーが5000万人超え　マイナポイント事業も追い風に PayPayは、キャッシュレス決済サービス「PayPay」の登録ユーザーが5000万人を超えたと発表した。会員数増加の要因には、マイナンバーカード保有者に最大2万円分のポイントを付与するマイナポイント事業第2弾などの影響があるという。 PayPay、送金機能にスケジュール設定　給与デジタル払い見据え、お小遣い送付などに活用も PayPayは、残高を他のユーザーに送れる「送る・受け取る」機能においてスケジュール設定を可能にした。 PayPayの「ポイント

米Microsoftが10月24日（現地時間）に発表した2022年第1四半期（7～9月期）の決算は、売上高は前年同期比11％増の501億2200万ドル、純利益は14％減の175億5600万ドル（1株当たり2ドル35セント）だった。ドル高やクラウド部門の成長鈍化が影響した。前年同期には33億ドルの税制優遇を受けていたことも減益につながった。 売上高、純利益ともにアナリスト予測（売上高は496億1000万ドル、1株当たりの純利益は1ドル30セント）を上回った。 部門別では、Azureやサーバー製品を担うIntelligent Cloud部門全体の売上高は20％増の203億ドルだった。「Azureおよびその他のクラウドサービス」の売上高が35％増と好調ではあったが、成長は鈍化している。 OfficeやLinkedIn、Dynamicsを扱うProductivity and Business Pr

Microsoftが2023年第1四半期(2022年7月～2022年9月)の決算を発表しました。決算発表の中ではMicrosoftが2018年に買収したソフトウェア開発プラットフォーム「GitHub」のアクティブユーザー数が9000万人に達したことも発表されています。 FY23 Q1 - Press Releases - Investor Relations - Microsoft https://www.microsoft.com/en-us/Investor/earnings/FY-2023-Q1/press-release-webcast Microsoft says GitHub now has a $1B ARR, 90M active users | TechCrunch https://techcrunch.com/2022/10/25/microsoft-says-gith

株式会社タカラトミーは、ダイキャスト製ミニカー「トミカ」から生まれた新たなヒーロー、WEBアニメ・玩具シリーズ「トミカヒーローズ ジョブレイバー 特装合体ロボ」とヤマト運輸株式会社がコラボレートした、変形ロボット玩具「JB08 キャリーブレイバー ヤマト運輸 集配トラック」（希望小売価格：2970円/税込）を2022年11月26日（土）から全国の玩具専門店、百貨店・量販店等の玩具売場、トミカ専門店「トミカショップ」、インターネットショップ、タカラトミー公式ショッピングサイト「タカラトミーモール」等で発売します。ヤマト運輸株式会社の正式ライセンスを受けた商品を発売するのは「トミカ」シリーズとして初めてとなります。また、2022年10月28日（金）公開予定のWEBアニメ第10話にも『ヤマト運輸 集配トラック』のジョブレイバーが登場します。その他、「ヤマト運輸LINE公式アカウント」との連動企画

小学館『小学8年生』の組み立て付録に初代ガシャポン自販機「BVM100」が初登場！高さ約260mm！実際にハンドルを回すとカプセルが出てくる！ 株式会社バンダイベンダー事業部（本社：東京都台東区）が「ガシャポン」のブランドで展開しているカプセルトイ事業は、皆さまに支えられ、2022年で45周年を迎えました。現在、ガシャポン45周年プロジェクト「答えはガシャポンだ」を展開しています。 このたび、本プロジェクトの取り組みの一環で、株式会社小学館（以下、小学館）より10月末から順次発売する、『小学8年生』（12・1月号）の特別付録として、バンダイが1977（昭和52）年、カプセルトイ市場に参入した当時の初代ガシャポン自販機「BVM100」が、初めてペーパークラフトになって登場します。ミニサイズのカプセルも6つ付属しており、組み立てた後、実際にハンドルを回せばカプセルが出てきます。子どもから大人ま

Vercel、Webpack後継を目指す、Rustベースの「Turbopack」をリリース JavaScriptフレームワークNext.jsの開発などで知られるホスティングサービス企業Vercelは2022年10月25日、Rustベースで高速に動作する新たなモジュールバンドラ「Turbopack」をリリースした。これはNext.jsでのアプリ開発を高速化するため、JavaScriptモジュールバンドラWebpackを置き換えるもの。 Webpackの700倍の速さを実現 同社によると、大規模なアプリケーションではTurbopackはWebpackの700倍高速に更新が表示されるとのこと。これは同社のビルドツールTurborepoなどで培われた各種キャッシュ最適化の技術を用いて実現されている。 TurbopackをNext.js 13開発サーバーで使用することで、超高速なホットリロード（HM

業界業務の経験豊富な「その道のプロ」に、1時間からピンポイントに相談できる日本最大級のスポットコンサル「ビザスク」。そのビザスク主催のセミナーに、株式会社Moguraの代表で、『メタバース未来戦略』の著者・久保田瞬氏が登壇。本記事では、メタバースの導入を進めやすいビジネス領域や、会社に自社でのメタバース研究を認めてもらうための提案の仕方などが語られました。 メタバースの導入を進めやすいビジネス領域 今井広夏氏（以下、今井）：それでは、質疑応答にまいりたいと思います。今回も事前に多数のご質問をいただきまして、こちらから久保田さまへおうかがいしたいと思います。 では1問目へまいります。多数、事例をご紹介いただきましたが、「メタバース導入が進みやすい・進みにくい業界や領域の特徴や理由があればお聞きしたいです」というご質問をいただきました。こちらはいかがでしょうか。 久保田瞬氏（以下、久保田）：そ

ハンズラボ株式会社は、親会社である株式会社ハンズのロゴのリニューアルに伴い、 2022年10月にロゴを変更いたします。 ハンズラボ株式会社は新しいロゴのもと、「「手」で「ひと」とITをつなぐ With our Hands」のミッションを掲げ、今後もお客様に喜ばれるシステムを提供してまいります。

はじめに tyamahoriです。こんにちは。2022/10/25の早朝に私物のMac Book Pro をVenturaにアップデートしました。その際に焦ったことがありましたのでその対応を記事に残しておこうと思います。 焦ったこと 自分は、Homebrewを使って色々とツールをインストールしていますが、アップデート後にbrew upgradeをしたら以下のようになりました。 Error: Your Command Line Tools (CLT) does not support macOS 13. It is either outdated or was modified. Please update your Command Line Tools (CLT) or delete it if no updates are available. Update them from Soft

前書き Laravel 9.35 から、新 Mailable が使えるようになりましたので、それを試してみました。 気が早い事に、コマンド使って Mailable 作成すると、新 Mailable の雛形で出来上がりますので、早めに慣れておくと良さそうです。 日本語ドキュメントも既に新 Mailable に説明が変わっています。 本題 という事で、コマンドで新 Mailable を作ります。（以降、.env でメールの設定が適切に行われ、users テーブルには、データが入っている想定で行きます） 以下のコマンドを叩きます。 php artisan make:mail ContactMail でも今回は、裏技で php artisan make:mail ContactMail -m emails.contact 今回は裏技を使って作成していきます。-m は、markdown の略で、-m

株式会社パルケの手を動かすCTO、みつるです。 この記事は先日ツイートしたものを加筆修正したものとなります。 少し前まで、Reactの状態管理ツールはZustandがファーストチョイスでした。 今は考えが変わってJotaiがファーストチョイスとなっています。 以前、状態管理ツールの沼にハマって試行錯誤した経緯はこちらの記事に書きました。 この後、状態管理ツールに対する考えに変化があり、今は私にとってJotaiがファーストチョイスとなっています。 状態管理ツールの責務が軽減された TanStack Queryを積極的に使い始めてから、サーバーと同期するようなトランザクションデータはTanStack Queryのキャッシュ任せになりました。 そうすると、状態管理ツールが担っていた役割がどんどん少なくなっていきました。 結果として残ったのは、コンポーネントのPropsで受け渡しをするには面倒な、

GREE Tech Conference 2022で発表された資料です。 https://techcon.gree.jp/2022/session/TrackB-5

●発表のアーカイブ動画はこちら：https://youtu.be/4rgGkoyUaZw ●発表の中で紹介しているUdemy講座：https://www.nextskill.co.jp/courses === プログラミングの基礎を学び、アプリケーション開発に実践的に関わり始めると、「MVC」「サービスクラス」「ドメインモデル」「クリーンアーキテクチャ」といった、よく分からない単語に遭遇します。 これはいわゆる「アプリケーションアーキテクチャ」という分野の話で、アプリケーション開発に関わり始めると、誰もが突き当たる壁の一つです。 今回はアプリケーションアーキテクチャを学ぶ最初の一歩として、「MVC」や「3 層アーキテクチャ」などの、基本的な用語の意味や関係性を整理します。 発表者が過去に書いた以下の記事を中心に、+α の内容を加えた発表になります。 ・「ビジネスロジック」とは何か、どう実装

「スクラムフェス仙台」は初心者からエキスパートまでさまざまな参加者が集い、学び、楽しむことができるアジャイルコミュニティの祭典です。ここで登壇したのは、kyon_mm氏。スペシャリストになれなくても成長する方法について話しました。全3回。3回目は、ジェネラリストにとって大事なことについて。前回はこちら。 ジェネラリストにとって大事なのは新しい分野をどんどん開拓していくこと kyon_mm氏：そういったことをやってきて、10年ジェネラリストとしてやってきたところでいうと、参考書籍のツリーをひたすら読むことは、ずっと継続しています。あと、身近なコミュニティをつくるようになったのはすごく大きいですね。 今までは、いろいろなコミュニティに参加したり、いろいろなコミュニティをつくってみたりしていたのですが、自分にとっておもしろくても距離感が遠いコミュニティは継続しないなと思っています。 継続しないと

Hints for inactive CSS properties DevTools now identifies CSS styles that are valid but have no visible effect. In the Styles pane, DevTools fades out the inactive properties. Hover over the icon next to it to understand why the rule has no visible effect. Chromium issue: 1178508 Auto-detect XPath and text selectors in the Recorder panel The Recorder panel now supports XPath and text selectors. St

LINEとつながる 唯一のビジネスチャット LINEのような使い勝手で導入したその日から誰でもすぐに使えます。 おなじみのチャットやスタンプでの楽しい職場づくりはもちろん、 LINEや他社のLINE WORKSユーザーとの連携機能で、 社外とのつながりもさらに広がります。 業務の効率化に必要な機能が 1つのアプリに トークやメール、アドレス帳のほかにも、社内周知ができる掲示板や、メンバー予定も把握できるカレンダー、資料等をどこからでも 保存/閲覧できるDrive、さらに社内外に実施できるアンケートなど、 充実した機能が1つのアプリに揃っています。

YAPC::Kyoto 2020実行委員会の id:papix です. 2020年3月に開催予定だったYAPC::Kyoto 2020は, 新型コロナウイルス感染症(COVID-19)の流行を理由として, 残念ながら開催を延期するという判断を下しました. blog.yapcjapan.org あれから2年が経過し, 新型コロナウイルス感染症(COVID-19)の流行状況や, 各種カンファレンスやイベントなどの開催/運用の状況を鑑み, いよいよYAPC::KyotoをRebootすることを決定いたしました. 開催日は2023年3月19日(日曜日), 場所はYAPC::Kyoto 2020と同じく京都リサーチパーク(KRP)での開催となります. 久々のオフライン開催ですが, YAPC::Japan::Onlineなどを通して得た知見を生かして, 会場の模様を配信の形で全国にお伝えすることも計画

経皮的動脈血酸素飽和度(SpO2)は酸素が結合しているヘモグロビンの割合のことで、呼吸の指標として使われています。Apple WatchをはじめとするスマートウォッチにはこのSpO2を測定する機能が搭載されているモデルが多くあり、定期的にチェックすることが可能です。そのApple WatchのSpO2測定機能は、医療用のSpO2測定機器であるパルスオキシメーターと比較しても同じくらい信頼できるという研究が発表されました。 Commercial smartwatch with pulse oximeter detects short-time hypoxemia as well as standard medical-grade device: Validation study - PubMed https://doi.org/10.1177/20552076221132127 How re

ヤハクイザシュニナ @SIDE_7 この画像見て、ほとんどの人が「まーたグリッチノイズか、流行ってんなー」って流し見しちゃうだろうけどちょっと待て！画像拡大してみるとコレ画像処理じゃなくて被写体の色に合わせたファイルや本のようなものを積み上げて撮ってんぞ！かっけー！ pic.twitter.com/yEif9JGhAg 2022-10-25 16:57:27

レーザー光を無数の周波数に分けてそれぞれにデータを乗せる技術により、全世界のインターネットで通信されているトラフィックの2倍に相当する毎秒1.8ペタビットものデータ伝送を可能にする技術が発表されました。 Petabit-per-second data transmission using a chip-scale microcomb ring resonator source | Nature Photonics https://doi.org/10.1038/s41566-022-01082-z New data transmission record https://www.dtu.dk/english/news/all-news/new-data-transmission-record?id=213f1735-036d-44c9-b229-d25d74dd3f02 Record-br

はじめに 導入に向けて検討したこと 流れ 1. UIKit 及び Storyboard をどのように置き換えるのか 2. 書き慣れた MVVM パターンを維持できるのかどうか 3. 既存のプロジェクト構成でもスムーズに導入できるのか 4. アプリのサポートOSが iOS14.0+ だが、 SwiftUI 特有の苦しみは問題なさそうか 5. 本当に開発効率は向上できるのか 導入決定後から本格対応までにやったこと 流れ 1. 画面構成がシンプルで、利用頻度の低い設定画面の SwiftUI 化 2. チーム勉強会の時間を使って一緒に学習 実践 移行計画 成果 おわりに We are hiring! はじめに N予備校 iOS アプリ 開発チームでは、長い間 UIKit & Storyboard & RxSwift & MVVM で開発してきました。 以前から「Storyboard やめたい！」「

Webアプリエンジニアの加瀬です。 オープンワークでは、Web履歴書を登録することでクチコミの閲覧が可能になったり、OpenWorkリクルーティングの求人に応募ができるようになります。 登録いただいたWeb履歴書に対して審査を実施しており、所属プロジェクトにてプロジェクトメンバーの方とWeb履歴書の審査を行う画面の改善を行ないました。 その結果審査スピードが向上し、審査件数の増加に寄与することができました。 改修内容及びそれによる効果について共有できればと思い、今回記事にしてみました。 改善に取り組んだ背景 冒頭でも少し触れましたが、オープンワークではユーザーのWeb履歴書の審査を行なっています。 審査業務については、オープンワークにおけるUXを高めるためのコンテンツ品質維持・向上の業務にあたっている、コンテンツマネジメントチーム（以下コンマネ）が対応してくださっています。 登録時点でプロ

はじめに こんにちは リンクアンドモチベーション QAエンジニアの小島です 開発ツールの導入者がチームにツールを浸透するのに苦労する というのはあるある話かと思います なんで必要なの？ どう操作するの？ どうメンテしていくの？ こうした壁を乗り越える話を、先日Autifyさんのイベントで発表させて頂きました その内容や気付きを紹介します 活用に至るまでの道のり 実は、弊社でAutifyを導入してから1年が経ちました 振り返ると、色々な壁を乗り越えて来たんだなと感じます そもそもAutifyってなに？から説明したり 導入でテスト工数が削減できて喜んだり 時に活用が難しくなって相談をもらったり 自由に使い方を改善するチームが出てきたり 中でも今回は、開発チームが自律的に活用するステップに焦点を当てています 発表内容 スライド speakerdeck.com YouTube 発表は30:45~で

こんにちは！cocone connectでクライアントプログラマーを担当している I です。 ソフトウェア開発において、実装したコードが想定通りに動作しているか確認したい時、テストデータが必要なケースってあったりしますよね。 検証に必要なデータを一から自分で作成する方法もありますが、データ生成ツールなどを使用してテストデータを自動生成できれば、作業時間を減らすこともできて便利です。 そこで今回は、ソフトウェア開発において汎用性の高いjsonデータを自動で生成するTipsを紹介したいと思います。 本記事で使用するテストデータ自動生成ツールは、”JSON Generator” です。 まずはhttps://json-generator.com/のURLを開いて頂くと、下記のようなコードが直接編集可能なエディター上に表示されるかと思います。 [ '{{repeat(5, 7)}}', { _id

はじめに JMDCの小原です。 今回は9/29に開催した「Engineering Management | JMDC Tech Talk #2」のイベントレポートをお届けします。 JMDC Tech Talkとは JMDCが主催するエンジニアリングに関連するイベントです。今回は1月に開催したReact Nativeに関するイベントに続き2回目の開催でした。 間が空いてしまいましたが、久しぶりの開催にふさわしいゲストスピーカーにもご登壇頂き、参加者の方々からのアンケート結果からも高い満足度を得られたイベントとすることができました。 今回のテーマについて 今回はエンジニアリングマネジメントをテーマに開催しました。ゲストスピーカーとして「エンジニアリングマネージャーのしごと」の翻訳者の一人である株式会社アトラクタ(以下アトラクタ社)CEOの原田様にご登壇頂きました。 経緯としては、今年アトラク社

デスク作業のお供に。キューブ形を活かした電源タップでUSB-Cも充電2022.10.26 11:009,863 岡本玄介 全面にポートを分散した良デザイン。 壁面のコンセントに挿してUSB機器を充電する充電器。指でつまめる立方体型がメジャーですが、その親分みたいな電源タップ｢DigiNest Cube 65W｣が、UGREENから登場しました。 プラグがぶつからない分散ポート見た目には正面にUSB-C×2とUSB-A×2しかポートがありませんが、面白いのは左右と天面にACコンセントが挿せる点。正面にポートが集中すると干渉しがちになってしまいますが、立方体を活かすとこうして分散させられるんですね。全部に挿したらタコみたいかもしれません。 最大出力はUSB-Aが最大18W、Cが最大65W、4ポートだと合計で最大65Wまで。またACコンセントは3ポートの合計が最大1,250Wとなっています。 I

サンディスクのmicroSDカード 512GBが40%OFF。写真や動画のデータ置き場はこれで良くない?【Amazonセール】

皆さん、これまでプロジェクトに携わったことはありますか？ そのプロジェクトは成功しましたか？ それとも失敗しましたか？ 日経コンピュータの「ITプロジェクト実態調査 2018」によると、半分近くのプロジェクトが失敗しているとのことです。(成功率が52.8%) そもそもプロジェクトの成功や失敗は何をもって判断するのか。まずはそれを確認しておきます。 一般的にはQCD(品質・コスト・納期)の3つの要素を全て達成していることが、プロジェクトの成功と定義されます。 ・品質(Quality) クライアントの要求を満たすシステムを納品し、品質を担保すること ・コスト(Cost) プロジェクト計画時に設定した予算内に収めること ・納期(Delivery) クライアントと約束した納期を守ること これらを達成させること、すなわちプロジェクトを成功させるためには、どんなことに気を付けなければならないのか。 私

プログラミングはじめました こんにちは、estieで取締役CTOを務めるNari（@tiwanari）です！ 6月に次男が誕生し、育児のための休暇（育休ではなく育業ですかね？）を取りました！今回はそれに関する記事になります！ これを読んだ方、男女を問わず育休取得を強くオススメします - estie inside blog で代表の平井が「なんで育休を取ったらよいか」を熱く語ってくれているので、趣向を変えて「どう取ると良いか」という実務的な内容を成功・失敗経験を踏まえて書かせてもらえたらと思います。 育休の難しさの1つは、いつ始まっていつ終わるかがわからないことだと思うのですが、仕事をしながら気持ちよく育休を活用できるヒントになれば幸いです。 やってよかったこと 生まれる前にやったことは、結果的によかったことばかりでした。行ったのは主に次の3つです。 妻とタイミングを相談しつつ、社内でよく一

はじめに さくらインターネットでは数多くのサービスを開発し提供しています。それらを開発する中でどのようなマネジメントを行っているか、およびそれらの経験から得られた知見を共有する会を社内イベントとして実施しました。本記事では、この知見共有会の模様を2本に分けてレポートします。 前編の記事では以下の発表をお伝えしました。 「IoT事業部流プロジェクト管理術」(小田島太郎さん)「ユーザー価値とプロダクト」(野田宗一郎さん) 続いて後半2人の発表をご紹介します。 分断マネジメント 3人目の発表者は、クラウド事業本部の成嶋健一さんです。成嶋さんは、当社が開発・運用を受託している衛星データプラットフォーム・Tellusなどの開発マネジメントを担当しています。今回は「分断」というキーワードを軸に、プロジェクトにおけるリスク管理やコミュニケーション管理について発表しました。なお「分断マネジメント」という言

こんにちは、認証基盤のサーバサイドエンジニアをしている佐草です。 現在弊社では、クライアント認証機能の開発においていくつか課題があり、そのため新規に認証基盤を構築しました。 今回の記事では認証基盤をどういった経緯で構築し、どういった点が難しかったかなどを紹介したいと思います。 登場人物 用語 解説 クライアント 求人募集をする企業様 ユーザー クライアントに所属する個人 IDaaS Identity as a Service 認証機能を提供するSaaS Auth0 Okta社が提供するIDaaSの一種 管理画面 クライアント向けに提供するサブシステム ディップでの認証事情 ディップのサービスには多様な管理画面が存在し、日々多くのクライアントにご利用いただいています。 クライアントが管理画面にアクセスする際、まずはそのサブシステムのログイン画面で認証を行ってから利用することになります。 しか

開発部門（基盤本部）でエンジニアの育成を担当している高玉です。 BIGLOBEではスタッフ部門とエンジニアが協力して、社内業務を改善しています。試行錯誤を繰り返しながら何とか成功させた例として、QRコード、GoogleフォームとApps Scriptを活用して、備品の補充を簡単に依頼できる仕組みをご紹介します。Google Workspaceを利用している会社や学校ならすぐに取り込める仕組みですので、ぜひご活用ください。 新人エンジニアのスキルアップを狙ってはじめたこの取り組みですが、数々の失敗もありました。そこから得られたノウハウや、Apps Scriptを使いこなすための細かいテクニックまでご紹介していきます。 QRコードを使った備品の補充依頼 失敗からの学び 機能を絞ってとりあえずリリース 要求者との会話のキャッチボールを大切に 業務改善で仕事を楽しく Google Workspac

皆さんこんにちは、虎の穴ラボのY.Fです。 2022年 10月 19日 (水) に Deno についてのLT会 『toranoana.deno #9』を開催しました。 yumenosora.connpass.com イベント紹介 虎の穴で、Deno の勉強会を開催する意図や、会社の案内をさせていただいています。 資料はこちらです。 speakerdeck.com 配信はアーカイブで視聴することも可能です。 www.youtube.com 開催概要 時間 内容 発表者 19:30〜19:35 虎の穴ラボについて 虎の穴ラボ 奥谷 19:35〜19:50 ブログをlumeに移植しよう 虎の穴ラボ 藤原 19:50〜20:05 閉鎖した個人開発サービスをDeno Deployで復元する 虎の穴ラボ 奥谷 LT レポート 各LTの内容についてレポートします。 ブログをlumeに移植しよう - 虎の

こんにちは。 臨床開発デジタルソリューション事業「MiROHA」でエンジニアとして働いている阿部です。 今回は、2022年3月から毎月開催している、「MICIN LTゆる会」について紹介します。 LTゆる会とは？事業部横断で、技術に関するナレッジをなんでも共有しよう！という場です。 MICINにはものづくりメンバーとして、エンジニアやデザイナー、PdMなど約50人ほどが在籍しております。MICINはワンプロダクトではなく、「すべての人が、納得して生きて、最期を迎えられる世界を。」というビジョンのもと、複数のプロダクトを運営していることもあり、意識的に行わないと事業やプロダクトを跨いでのナレッジシェアがしづらいことが課題でした。 自分も入社以来、他の事業でどんな技術使って解決しているのか知りたいなーと想い、有志で立ち上げたのがこのイベントになります。今年の3月から月1で開催しており、既に7回

エンジニア歴半年ほどの者です。 現在参画している現場で作業している中で、チーム開発全体の流れやそれぞれ使用しているツールの意味を考えてみようと思った結果、 なんとなくで作業していて実は全然理解できていないことや、そもそもよく分かっていなかった事が沢山出てきたので、それぞれ調べてみた結果をアウトプットするために投稿します。 ※間違っているところも多々あると思いますので、添削頂けますと幸いです！💦 全体のイメージ図概には言えませんが今の自分が知る限り、イメージではこんな感じかと思っています。 ①インフラ構築（AWS）お客様から　”こんなシステムが欲しい”　という依頼をもとに実際にシステムを開発していくのですが、ここでまず必要なことはインフラ構築かと思います。 インフラ構築とはひとつのシステムを稼働させるために必要な基盤（インフラストラクチャ）を構築すること。 システムに必要なインフラは主にハ

ウェブブラウザ「Google Chrome」の最新安定版であるバージョン107.0.5304.62/63(Windows版、macOS版は107.0.5304.62、Linux版は107.0.5304.68)がリリースされました。ビデオ会議のニーズが高まっている状況を受けてか、画面共有機能に関する改良が目立つ更新内容となっています。 New in Chrome 107 - Chrome Developers https://developer.chrome.com/blog/new-in-chrome-107/ New in Chrome 107: Better screen sharing, render blocking resources, Pending Beacon API, and more! - YouTube ◆DisplayMediaStreamConstraints.s

Microsoft、クラウドサービスの設定ミスで顧客情報が公開状態に　対象は6万5000社？　同社は「誇張」と否定：この頃、セキュリティ界隈で 米Microsoftはサーバの設定ミスが原因で、顧客との取引などに関する情報が公開された状態になっていたことを確認した。クラウドサービスの設定ミスに起因する情報の流出は国内外で後を絶たず、対策の必要性が叫ばれている。しかし今回の事案はそうした対策を主導すべき立場にあるMicrosoftでさえも、問題を防ぎ切れない現実を見せつけた。 今回の問題についてはサイバーセキュリティ企業の米SOCRadarが10月19日のブログで、オブジェクトストレージサービス「Azure Blob Storage」の設定ミスにより、Microsoftの保有する2.4TBものデータが公開状態になっていたバケットを発見したと伝えた。 SOCRadarが設定ミスを発見したのは9月

Googleを傘下に持つ米Alphabetは10月25日（現地時間）、2022年第3四半期（2022年7月～9月）の決算を発表した。Alphabet全体の売上高は、前年同期比6％増の690億9200万ドル、純利益は27％減の139億1000万ドル（1株当たり純利益は1ドル6セント）と、大幅な減益となった。 売上高、1株当たり純利益ともにアナリスト予測（売上高は705億8000万ドル、1株当たり純利益は1ドル25セント）に届かなかった。 主力の広告事業が伸び悩んだ。前年同期は41％だったが、6％に減速した。これは新型コロナパンデミック時期を除けば2013年以来の成長鈍化になる。 中でもYouTubeの広告収入が2％減と、YouTube広告（とGoogle Cloud）の売上高を開示するようになった2019年第4四半期以来初めての減収になった。 Google Cloudの売上高は38％増の68

株式会社MIXIで『家族アルバム みてね』のSREをしているkohbisです。今回はTerraformのリポジトリ構成についてお話いたします。 Terraformとは TerraformとはHashiCorpが提供するIaC（Infrastructure as Code) ツールであり、HCL（HashiCorp Configuration Language）という独自の文法でクラウドやオンプレミスのインフラリソースを宣言的に定義し、管理やプロビジョニングを行うことができます。 TerraformはAPIを通じてプラットフォームやサービス上にリソースを作成します。Terraformは対象とのAPIのやり取りを「プロバイダ」と呼ばれるプラグインに依存しており、Terraformを利用する場合はまずはじめにどのプロバイダを必要とするのかを定義することになります。 プロバイダの一覧はTerraf

U-22プログラミング・コンテスト実行委員会は2022年10月25日、一次審査を実施、審査委員による審査のもと、最終審査に進む16作品を決定した。 11月27日（日）に東京・秋葉原コンベンションホールで行われる最終審査会では、3年ぶりに制作者本人が会場に登壇しプレゼンテーションを行い、経済産業大臣賞をはじめとする各賞が決定となる予定。また同日には、今回初の試みとなった、翌年のキービジュアル候補を選出する「U-22キービジュアルコンテスト」の結果も発表される。 また、最終審査会当日の模様はニコニコ生放送でオンライン配信される。 「U-22プログラミング・コンテスト2022」公式Webサイト URL：https://u22procon.com/

『遊☆戯☆王デュエルモンスターズ』の光の護封剣 ペーパーナイフ3本セットの受注を開始！！アニメ・漫画のオリジナルグッズを販売する「AMNIBUS」にて 「AMNIBUS」にて『遊☆戯☆王デュエルモンスターズ』の商品の受注を開始いたします。 株式会社アルマビアンカはオリジナルグッズを展開する通販サイト、「AMNIBUS」にて『遊☆戯☆王デュエルモンスターズ』の商品の受注を開始いたします。 株式会社アルマビアンカ（本社：東京都中野区、代表取締役:坂井智成）は「日常でも使用できる」をコンセプトにしたオリジナルグッズを展開する通販サイト、「AMNIBUS」にて『遊☆戯☆王デュエルモンスターズ』の商品の受注を10月21日(金)より開始いたしました。 受注サイト：AMNIBUS(アムニバス)

経営者は「求心力」に、若手社員は「遠心力」に目がいっている 小林舞氏（以下、小林）：兎洞さんにおうかがいしたいと思います。兎洞さんは今まで組織開発や、インナーブランディングに関わられてきた立場から、今、「生きる」と「働く」というのは、どのような関係になっているとお考えですか？ 兎洞武揚氏（以下、兎洞）：これも答えがあるのかみたいな問いなんですけど、ちょっと弥太郎さんにご紹介したいなと思う話がありまして。我々は組織の仕事をやっているので、それに関わる調査も博報堂独自でやったりするんですけど。 その中に「会社と私の本音調査」と名付けた調査がありまして、実際調査結果を見るとおもしろいなと思ったんです。 コロナ以降、かなり世の中が変わってきている中で、経営に携わるマネジメントの方とかミドル層の方、それから若い社員の方たちが、どう会社のことを考えているのか、ある種本音をあぶり出そうという調査をやった

ホワイト企業大賞アカデミーにて『幸福学×経営学』の特別公開講座が開催されました。今回は著者の1人であり「新・幸福学」を提唱する前野隆司氏の講演をお届けします。幸せと経営の関係性について、人類の歴史から語られました。 「増加」と「定常化」を繰り返す、人口の歴史 前野隆司氏：みなさん、こんにちは。会場に来てくださった方々、ありがとうございます。オンラインの方もありがとうございます。 『ディストピア禍の新・幸福論』という本を出したんですよ。今日のテーマは「幸福学×経営学」ですが、『ディストピア禍の新・幸福論』という本に書いた人類史の話から始めたいと思います。 人類は20万年前に生まれました。リニアなグラフにすると、近代以降にすごく増えたように見えますが、これを両対数グラフにすると、どうなるかご存じですか？　ディーヴェイさんの図があるんですけど、増えて止まって増えて止まって増えて止まってという、3

クラウドの運用者に焦点を当てた、技術者向けの新しいテックイベント「Cloud Operator Days Tokyo 」。ここでRed Hatの中島氏が「IaC や CI に理解のある上司になる（なってもらう）には」をテーマに登壇。続いて、前提条件を合わせる時のポイントと、「バリューストリームマッピング」について話します。前回はこちらから。 前提条件を揃えておく時に押さえておくべきポイント 中島倫明氏：というわけで、ここからが本題になります。前提条件を揃えて課題と手段を明確化する進め方というところで、まずは我々が押さえておくべき1つのポイントがあります。それは「今と昔でインフラがどう変わっているのか」というところです。 ここでは特に変化のポイントの中でもインフラ担当者が時間をどう使っているのかという部分に注目して見ていきたいと思います。 （スライドを示して）その変化をお話しするために、2つ

Building a tooltip component Stay organized with collections Save and categorize content based on your preferences. A foundational overview of how to build a color-adaptive and accessible tooltip custom element. In this post I want to share my thoughts on how to build a color-adaptive and accessible <tool-tip> custom element. Try the demo and view the source! A tooltip is shown working across a va

ヤフーや米アマゾン・ウェブ・サービス（AWS）の日本法人など約10企業が東京大学や大阪大学など約20の大学に協賛や寄付を実施する。新型コロナウイルスが流行してから初めてリアルで学園祭を開催する大学が多い状況で、ESG（環境・社会・統治）投資として企業の露出を高める。優秀な人材の確保を視野に産学の連携を深める。企業が国内の複数の大学に対して寄付を実施するのは初めてとなる。約2億円の寄付金を目標に

By Andreas Kellas Trail of Bits is publicly disclosing CVE-2022-35737, which affects applications that use the SQLite library API. CVE-2022-35737 was introduced in SQLite version 1.0.12 (released on October 17, 2000) and fixed in release 3.39.2 (released on July 21, 2022). CVE-2022-35737 is exploitable on 64-bit systems, and exploitability depends on how the program is compiled; arbitrary code exe

世界最大級のコードホスティングプラットフォームであるGitHubでは、さまざまな脆弱(ぜいじゃく)性を検証するためのコードである「概念実証(PoC)エクスプロイト」が投稿され、セキュリティ研究者によって共有されています。しかし、このPoCエクスプロイトを精査したところ多数のコードにマルウェアが仕込まれており、セキュリティ研究者などへの攻撃に使用されていたことが分かりました。 [2210.08374] How security professionals are being attacked: A study of malicious CVE proof of concept exploits in GitHub https://doi.org/10.48550/arXiv.2210.08374 Thousands of GitHub repositories deliver fake Po

「GUILTY GEAR」シリーズの人気キャラ「ブリジット」を紐解く独占インタビュー後編では、性自認公表の舞台裏や、開発者がゲームに込めた思いを聞いていく。前編はこちら→独占取材：「男の娘」から「女性」へ　人…

A high-severity vulnerability has been disclosed in the SQLite database library, which was introduced as part of a code change dating all the way back to October 2000 and could enable attackers to crash or control programs. Tracked as CVE-2022-35737 (CVSS score: 7.5), the 22-year-old issue affects SQLite versions 1.0.12 through 3.39.1, and has been addressed in version 3.39.2 released on July 21,

はじめに 手軽に使えるようなCSSアニメーションをローディングアニメーションを中心に制作・まとめました。 CSSアニメーションというのは、JavascriptなしでHTML要素にアニメーションをつけることができるCSSの機能です。 CSSアニメーションについての概要は以下の記事が参考になります。今回の記事は制作のまとめのような形なのでCSSアニメーションについての説明は割愛します。 CSSアニメーション 入門 https://qiita.com/soarflat/items/4a302e0cafa21477707f 共同制作： @tehoooo ローディングその１ 基本的な円が回転するアニメーションです。 実装的にもシンプルで円を回転させているだけです。 See the Pen loading by tabata (@sinobata) on CodePen. ローディングその2 3つの点

Why Turbopack?With incremental behavior and adaptable bundling strategies, Turbopack provides a fast and flexible development experience for apps of any size. Incremental by designBuilding once is enough work—once Turbopack performs a task, it never does it again.

Linuxディストリビューション「antiX」の開発チームは、最新バージョンである「antiX-22」を10月19日（現地時間）に公開した。antiXはDebianを基にしたLinuxディストリビューションで、古いハードウェアでも軽快に動作することが特徴。今回の新バージョンは「Debian 11 bullseye」を基にしている。 今回の新バージョンでは、Linuxカーネルをバージョン4.9.0-326に更新したほか、軽量ウィンドウマネージャー「IceWM」をバージョン3に、Webブラウザ「Firefox ESR」をバージョン102.3に、インターネット統合アプリケーション「SeaMonkey」をバージョン2.53.14に更新するなど、収録プログラムを更新した。 また、ターミナルから利用できるYouTubeプレイヤー「mps-youtube」は利用者が少ないため削除となり、モデムを制御する

詳細解説 jqコマンドとシェルスクリプトの正しい使い方と考え方 〜 データの流れを制するUNIX哲学流シェルプログラミングShellScriptUNIXシェル芸jqUnix哲学 はじめに シェルスクリプトから JSON データを処理する時に良く使われるのが jq コマンドです。しかしほとんどの人は jq コマンドとシェルスクリプトのつなぎ方を間違えています。jq コマンドの使い方が間違っているというより、シェルスクリプトの設計思想や考え方を正しく理解していないために、間違ったつなぎ方をしていると言った方がより正確でしょう。「シェルスクリプトは正しい書き方をすれば簡単になる」このことをこの記事では明らかにしています。 追記 「jqコマンドとシェルスクリプトの上手い速い使い方」に要約版を書きました。この記事は長すぎた…。 タイトルの「UNIX 哲学流」とは jq コマンドをフィルタして使い、J

Q．IT企業に勤めるエンジニアです。課長のシステムエンジニア（SE）から「単純なミスによる後戻り作業が多く、要領が悪い」とよく叱られます。残業すると「そのような時間は残業ではない」と遠まわしに言います。事前の残業許可申請で1.5時間と書いても、1時間で済むだろうと言われ、1時間にカットされてしまいます。結局、1.5時間かかっています。本来頼るべき部長は、課長と仲が良いので、相談する気になりません。労働基準監督署への通報で調査してもらえるのでしょうか。誰が申し立てしたのか、課長に分かってしまうものなのでしょうか。 会社員に支払われる給与は、原則、労働時間に対して給与を支払う法律体系となっています。例えば月給でも、労働時間で割った金額が最低賃金を下回れば、会社は最低賃金法違反に問われます。 会社は労働基準法や労働契約法に基づき、就業規則や労働契約書に所定の労働時間を記載しなければなりません。残

先日Herokuの完全有償化が発表されて以降、蜘蛛の子を散らすようにHerokuからの脱出が図られています。 そんなわけで概ねHerokuの代替となりそうな無料サービスを紹介していきます。 ほとんどの代替サービスは完全無料というわけではなく、機能の少ない無料プランと高機能の有料プランが存在します。 有料化前のHerokuと同じということですね。 各サービスについて、実際に使ってみたという参考記事を貼っておくので、実際の使い勝手等はそちらを参照してください(他力本願） Qiita内に使ってみた記事が見つからなかったサービスは、日本では人気がないのだろうということで選外にしました。 また概要は、各サービスの説明やドキュメントに記載されているものです。 代替サービス一覧 FLy Flyはグローバルなアプリケーション配布プラットフォームです。 Turbokuを使えばHerokuアプリをFly.io

概要 2022/10/21(金)に行われた「Qiita Night～フロントエンド～」にて、「Denoからリリースされた最新フレームワーク Fresh を触ってみた」という登壇をさせていただきました！ 本投稿は登壇内容を記事化したものになります！ スライドはこちら アーカイブはこちら 登壇内容 「Denoってなに？」「Denoは知っているけど、Fresh？」みたいな人に、最新Webフレームワーク「Fresh」を知ってもらえるきっかけになればと思います！ そもそもDenoとは Node.jsの開発者であるRyan Dahlが新しく開発した JavaScript/TypeScriptの実行環境 Nodeを作った時の改善点を取り入れて再作成したため、さまざまな機能が標準で搭載されている TypeScriptのデフォルトサポート Promiseファースト ESModuleのサポート などなど...

SNS（交流サイト）やネット検索などのデータをもとに、日本の景況感を見通す手法が相次ぎ開発されている。野村総合研究所はツイッターの書き込みから社会の活気や緊張などの「空気感」を推測し、ヤフーは検索ワードから人々の気持ちの浮き沈み（ムード）を予測する。素早く集計できるなど政府統計にはない強みがあり、景気を占うツールとして期待される。野村総研は社会の活気の指数として、前向きな気持ちを示す「元気」「

◆ Live配信スケジュール ◆ サイオステクノロジーでは、Microsoft MVPの武井による「わかりみの深いシリーズ」など、定期的なLive配信を行っています。 ⇒ 詳細スケジュールはこちらから ⇒ 見逃してしまった方はYoutubeチャンネルをご覧ください 【4/18開催】VSCode Dev Containersで楽々開発環境構築祭り〜Python/Reactなどなど〜 Visual Studio Codeの拡張機能であるDev Containersを使ってReactとかPythonとかSpring Bootとかの開発環境をラクチンで構築する方法を紹介するイベントです。 https://tech-lab.connpass.com/event/311864/ man コマンドとはman コマンドは、Linux におけるコマンドやシステムコール (関数)、ライブラリなどの各マニュアル

The GitHub Enterprise Server 3.7 Release Candidate is available enterpriseproduct October 25, 2022 The GitHub Enterprise Server 3.7 release candidate is here GitHub Enterprise Server 3.7 brings new capabilities to help companies build and deliver secure software, more quickly. With over 70 new features, here are a few highlights. It's easier to deploy GitHub Actions, securely, at scale. Teams look

はじめに 今回の記事では、プログラマーが情報収集で必ず確認するべきWEBサイトを8つ一覧形式で紹介する。本記事の読者の対象は主に以下の通り。 プログラミング初心者 情報収集で困っているプログラマー 他のプログラマーの情報収集を参考にしたいプログラマー 効率よくプログラミング学習を進めたい人 プログラミング学習を楽しくさせるサイトを知りたい人 freeCodeCamp.org 世界最大規模のプログラミングメディア「freeCodeCamp」の公式サイト。8,000以上のチュートリアルがあり、しかも無料でPythonやJavaScriptなどのプログラミング言語の基礎的な文法、機械学習、WEB開発やモバイル開発などをこの１つのサイトで体系的に学べる。プログラマーは全員このサイトを確認するべきである。 GitHub 世界中のプログラマーがソースコードを共有したり、共同でプロダクトを開発したりする

こんにちは、ユアサです。 前回からJSとCanvasでレーダーチャートを作成する記事を作成しましたが、弊社で取り扱った案件でグラデーションを使うことがあり自分の備忘録という意味でもまとめておきたいと思ったので、今回は少し逸れてCSSでグラデーションを使う際のポイントなどをまとめていこうと思います。 （１）背景グラデーションの見える範囲 ブロック要素とインライン要素どちらにもbackgroundのlinear-gradient等でグラデーションを指定することはできますが、それぞれの要素の特徴ゆえにデフォルトの状態ではグラデーションの表示される範囲が違ってきます。 See the Pen gradetion-text-back by felly (@felly00505) on CodePen. 例としてspanタグとpタグの見え方を比べていきます。 上記コードでは上から インライン要素のsp

イントロダクション こんにちは、NTTコミュニケーションズ デジタル改革推進部 データドリブンマネジメント部門の有賀唯貴です！ 現在、社内の同じ部署の浅野秀平さんと「でじかいロボット部」を立ち上げて同好会として非公式に活動しています！ 今回は活動第一弾として、ROS(Robot Operating System)を使ったラジコン製作に取り組んだのでその内容を報告します。 ※ でじかいロボット部は非公式な活動です。ただいま絶賛部員募集中です！ ROSとは ROSとは、ロボットシステム構築を効率化するための共通機能を提供するオープンソースの基盤ソフトウエアです。 ロボットを開発するために便利で必要な機能や汎用な実装として モジュール・コンポーネント化のフレームワーク 再利用を重視する開発フレームワークで車輪を再開発しない モジュール間通信による分散処理 センシング、モータ制御、画像処理、経路計

はじめまして。リンクアンドモチベーションでソフトウェアエンジニアをしています、shimody13です。 主に普段の業務では、モチベーションクラウドの新規開発チームのメンバーとして働いています。 僕自身、大学生の頃はエンジニア経験はなかったので入社して初めてエンジニア配属が決まり、エンジニアとしてのキャリアが開かれたという形です。 当初は右も左も、配列も分からない自分でしたが、リンクアンドモチベーションで働く中で、徐々にエンジニアとしての奥深さ、楽しさに気づいていけて、今ではエンジニアになれて本当にラッキーだったなと思っています。現在は配属を決めてくれた、会社の人事の方には非常に感謝しています。 本記事では、そんな僕がリンクアンドモチベーションで働く中で、若手エンジニアとして働く弊社の魅力を記述していけたらと思います。自分みたいな若造が、10年年上の先輩に魅力を訴求できるかは分からないので、

ガジェット全般、サイエンス、宇宙、音楽、モータースポーツetc... 電気・ネットワーク技術者。実績媒体Engadget日本版, Autoblog日本版, Forbes JAPAN他 米国医師会が発行するオープンアクセスの医学雑誌JAMA Network Openに掲載された新しい研究では、定期的にテレビゲームをプレイする子どもは、まったくゲームをしない子どもに比べて、いくつかの認知能力テストで高い成績を示したと報告されています。 テレビゲームをプレイすることは、一般的には子どもの心身の発達にあまり良い影響を及ぼさないと考えられていますが、それを裏付けるようなエビデンスはほとんどありません。むしろ最近では、デジタルな画面を見ている時間が子どもに与える影響はもっと複雑で、さまざまな面があることがわかってきています。 2019年におこなれたオックスフォード大学の研究では、ティーンエイジャーの精

日本とシリコンバレーを繋ぐコンサルティング会社TOMORROW ACCESSでは、シリコンバレー発の業界エキスパートが最新情報を解説する「01 Expert Pitch」を開催しています。今回は「シリコンバレーからみたDX」をテーマに、ケンブリッジ・テクノロジー・パートナーズ加藤良太氏が登壇したピッチの模様を公開します。本記事では、日本とシリコンバレーの「DX」の違いについて語られました。 シリコンバレー発エキスパートが「DX」を解説 小川りかこ氏（以下、小川）：みなさまこんにちは。お待たせいたしました。それでは12時になりましたので、01 Expert Pitch第13回を始めてまいります。 「シリコンバレー発！　世界のエキスパートが最新情報を日本語で解説」ということで、本日はDXをテーマに、「シリコンバレーから見たDX」「DXを推進する際の成功ポイント」「日米間のDXの違い」をお送りし

最近のブラウザシェアは、デスクトップではChrome、スマホではSafariが主要ブラウザとなっています。Safari 16.1に実装されたCSSの新機能とバグフィックス、同時リリースされたiPadOS 16.1の新機能ステージマネージャーによる新しいビューポートサイズを紹介します。 ステージマネージャーを使用すると、下記のようにブラウザをさまざまなビューポートサイズやアスペクト比にリサイズすることができます。これにより、コンテナクエリの活躍の場が広がります。 WebKit Features in Safari 16.1 Safari 16.1がリリ−スされました Safari 16.1へのアップデート方法 iPadOSの新しいビューポートサイズ Safari 16.1のCSSの新機能とバグフィックス Safari 16.1がリリースされました 2022/10/24（米国時間）に、Safa

Kaigi on Rails 2022 にて『森羅万象に「いいね」するためのデータ構造』の発表をしました。 https://kaigionrails.org/2022/talks/pndcat/ ===概要=== サービス開発をしていると「いいね」の実装に対面することは多いでしょう。例えば EC サービスの場合、商品へのいいね、クチコミへのいいね、ブランドへのいいねなど、いろいろな対象に「いいね」をするケースが考えられます。さらには、ログインユーザーの「いいね」と、非ログインユーザーの「いいね」を作ることもあるかもしれません。 しかし、あらゆるものに「いいね」できるシステムを作るのは容易ならざることです。普通に実装するだけでは関連するコードは肥大化し、データベースのテーブルもどんどん増えていくばかりです。 似ているけど少し違う「いいね」を実装するにあたって、失敗してしまったデータ設計、そこ

Docker DesktopがWebAssemblyランタイムを統合。コンテナと同様にWebAssemblyイメージを実行可能に Docker Desktopを提供するDocker社は、Docker DesktopにWebAssemblyランタイムを統合することによる、Docker DesktopのWebAssembly対応版のテクニカルプレビューを発表しました。 またDocker社はこれに合わせて、WebAssemblyをあらゆるプラットフォームでセキュアに実行できるようにするための仕様策定と実装を進めている団体「Bytecode Alliance」への加盟も発表しました。 DockerにWASMランタイムのWasmEdgeを統合 下記の図がDocker DesktopにWebAssemblyを統合した仕組みを示しています。 左側と中央は通常のDockerコンテナを利用する場合の仕組みで

CI/CDパイプラインをポータブルにする「Dagger」をGo言語に対応させる「Go SDK」が発表されました。これによりGo言語でどこでも動くポータブルなCI/CDパイプラインの定義が可能になります。 Introducing the Dagger Go SDK: a new way to develop your CI/CD pipelines as code, and run them in containers anywhere. https://t.co/7riHAwUSMO pic.twitter.com/mEwrZySbLp — dagger (@dagger_io) October 25, 2022 CI/CDがローカルPCでもGitHubでもCircleCIでも実行可能 Daggerはソフトウェアのビルド、テスト、デプロイを行う一連のCI/CDパイプラインをポータブルにする

As we announced at Next.js Conf, Next.js 13 (stable) lays the foundations to be dynamic without limits: app Directory (beta): Easier, faster, less client JS. Layouts React Server Components Streaming Turbopack (alpha): Up to 700x faster Rust-based Webpack replacement. New next/image: Faster with native browser lazy loading. New @next/font (beta): Automatic self-hosted fonts with zero layout shift.

Fresh is an edge-first web framework that delivers zero JavaScript to the client by default with no build step. It’s optimized for speed and, when hosted on the edge with Deno Deploy, can be fairly trivial to get a perfect Lighthouse pagespeed score. This post will show you how to build your own markdown blog with Fresh and deploy it to the edge with Deno Deploy. View source here. Create a new Fre

JSer.info #615 - Node.js 19.0.0がリリースされました。 Node v19.0.0 (Current) | Node.js Node.js 19 is now available! | Node.js Node.js 19は奇数バージョンなので、開発バージョン扱いとなりLTSとしてはリリースされません。 https://github.com/nodejs/release#release-schedule Node.js 19.0.0では、node --watchの追加、HTTP/1.1でkeepAliveがデフォルト化、WebCryptoがStableへと変更されています。 依存関係がV8 10.7、llhttp 8.1.0、npm 8.19.2へアップデートされています。 また、--requireフラグのESM版である--importフラグの追加なども行われて

Make Ship HappenTurbo is an incremental bundler and build system optimized for JavaScript and TypeScript, written in Rust.

Vercel's mission is to provide the speed and reliability innovators need to create at the moment of inspiration. Last year, we focused on speeding up the way Next.js bundles your apps. Each time we moved from a JavaScript-based tool to a Rust-based one, we saw enormous improvements. We migrated away from Babel, which resulted in 17x faster transpilation. We replaced Terser, which resulted in 6x fa