はじめに おはようございますこんにちはこんばんは。 筆者はPHPの経験がまだ2年に満たない程度なのですが、PHPの比較は何かとクセがあるなぁと思いながらコーディングする日々です。宇宙船演算子やエルビス演算子など筆者もまだあまり使いこなせていない面白い演算子もありますので、学習も含めて改めて皆さんと一緒に比較演算子を見ていこうというのが本記事の趣旨となっております。 はじめに 大前提 ==や!=を書くのは控えましょう 型を揃えて比較しましょう 基本の比較演算子 曖昧な比較と厳密な比較 宇宙船演算子 三項演算子 エルビス演算子 null合体演算子 おわりに 参考文献 大前提 ==や!=を書くのは控えましょう 既存からあるものならともかく新規で生み出すのは止めましょう。思いも寄らない比較結果になる可能性があります。新規で書く場合は===と!==を使いましょう。逆に既存からあるものを===に置き換

こんにちは、クラシルiOSのEMの@RyogaBarbieです。 2021年のSwiftUI 3、2022年のSwiftUI 4からSwiftUIを本番で使用するアプリも増えたのではないかと思いますが、 クラシルでも新規開発される画面では積極的にSwiftUIを使用していこうという流れになっています。 今回はSwiftUIを導入するに当たって、チーム内で採用してる実装方針について紹介していこうと思います。 主にWWDCのSwiftUI関連のセッションなどでAppleが公式で発表、推奨しているに則るようにしています。※おすすめのセッションは文末に記載しています。 クラシルの実装方針には Structural Identityを意識した実装 不活性修飾子やmodifier内で三項演算子などをうまく活用する Spacerと.paddingの使い分けの方法 データソースを持つViewを1つに限定す

こんにちは、ユニファの開発エンジニアマネージャーの田渕です。 皆さん、年も明け、ようやく2023という数字にも慣れてきた頃かなと思います。 今日の内容は、エンジニア向けと言うよりもエンジニアを理解したい人向けの内容です。 一般的に、他業種の方々と比べるとエンジニアは疑い深い、慎重な人が多い職業と言われることが多いです。 仕事の時だけならばまだしも、プライベートでまで言われることも有り……。 今日は、「どうしてエンジニアは疑い深くなるのか？」の原因の一端について、完全に私見ではありますが、お話してみたいと思います。 エンジニアのお仕事って？ エンジニア エンジニアはプログラムを書くだけが仕事ではありません。 一般的にシステムの開発をすることが仕事の中心と思われがちですが、実は違います。 システムと言うのは作ったら世に出して動かさねばならず、そして一度世に出ると多くの場合止まる事を許されません

スタメンエンジニアの井本です。 漏洩チェッカーのWebアプリケーションをフルスタックに領域問わず開発しています。得意な領域はインフラ含むバックエンドです。 本記事では、先月2022年12月にリリースしたサービス、漏洩チェッカーについて、プロダクトと開発体制の紹介をします。 漏洩チェッカーについて 技術について 技術スタック アーキテクチャ 組織について 組織体制 開発体制 まとめ 漏洩チェッカーについて 漏洩チェッカーは情報漏洩を未然に防ぐセキュリティ管理サービスです。 企業にとってセキュリティ事故の影響は甚大であり、近年、情報の漏洩事故の件数は年々、増加の傾向にあります。 情報資産に関するセキュリティ事故には、外部からのサイバー攻撃のほか、従業員などにより会社の内部で引き起こされる、不正行為や悪意のない不注意などによる情報漏洩があります。 漏洩チェッカーは後者、内部で引き起こされる情報漏

山陰の日本酒がすきな内立（@b1a9idps）です。2023年1月から STORES 決済 の開発部門のシニアマネジャーを担うことになりました。 マネジメント業務をはじめて1年が経ったので、やってきたことや自分自身の心情について思い出せるように書き残しておこうと思います。はじめたての頃に思っていたことはこちらにあります。 note.com 経歴 かんたんに自分の経歴を説明します。現在、STORESではマネジメント業務が中心ですが、副業ではがっつりJavaを書いています。 入社して4年7ヶ月 入社~3年半：STORES 決済 のバックエンドエンジニアとして開発業務を行う 3年半~4年半：バックエンドチームのプレイングマネジャーを担う マネジメントをはじめて1年経っての所感 マネジメントをはじめて1年の間の、チームの課題の洗い出しから解決に向けて実行したことや自分がマネジャー・シニアマネジャー

株式会社Helpfeelの今をお届けするPodcast、今出川FMを更新しました！！！！！ 今回の今出川FMは、CTO の akiroom が Scrapbox 事業開発の sawachin を迎えて話した様子をお送りします。 #18 : 祝 Scrapbox Drinkup復活！ sawachinとScrapboxについてしっかり話しました by 今出川FM 今出川FMはSpotifyをはじめ、複数のプラットフォームに配信してますので、お好きなプラットフォームで聞いていただければと思います。 Anchor: 今出川FM • A podcast on Anchor Spotify: 今出川FM | Podcast on Spotify Apple Podcasts: ‎今出川FM on Apple Podcasts Google Podcasts: 今出川FM Amazon Music:

はじめにこんにちは。株式会社SHIFT QAリードの野村です！ 私が異業種からIT業界に飛び込んで５年ほど経ちました。今SHIFTには業界未経験の女性が毎月たくさんご入社されています。 今回は私と同じように異業種からチャレンジされている方々へ、また他社で同じようなフェーズにいる方々へ向けて、私がこの５年でどのような目標をもって成長してきたかなどを伝えられたらと思い、ブログを書いてみました！ この記事を女性に届けたい理由今回女性というところにフォーカスした理由として、私自身が20代後半で転職をして結婚・妊娠を経験したこともあり、同じように環境の変化に対して「この先、どう成長していこうかな」という悩みを抱えている人がいるのではないか？と思ったからです。まだまだ男性が多い業界のなかで相談しにくい話でもあると思うので、これを読んで少しでも将来のご参考にしてもらえたら嬉しいです！！ IT業界転職前は

はじめまして！ ROBOT PAYMENT人事の上村です！ 私の業務内容は人事の中でもエンジニア側に特化した立ち位置でして、このブログも編集長なんていう偉そうな肩書で運営してます笑 さて今回は、 「2023年キックオフ資料」を見てほしいっっ！！！ という、私個人の衝動で記事を書かせていただきました。 「気持ち＞体裁」で書いてますので見栄えは悪しからず。 はじめに 早い話が資料を見てくださいなんですが、折角なので私に紹介の時間をください。 speakerdeck.com そもそもこの資料は社内向けに作成したもので、毎年期初である1月に実施するKickoff Meetingで使用した資料になります。 全部署が同様に昨年の振り返りと今期の方針を発表するのですが、正直一番、気合入ってました。(上村個人の感想です) 過去最大となる10名の採用を達成 2022年はエンジニア採用が一気に拡大しました。

【プロフィール】植木　勇太（うえき　ゆうた） 新卒でITベンチャーに入社し、ソフトウェアエンジニアとしてサービス開発を経験。その後、トヨタ自動車のグループ会社で新規事業を立ち上げ、製造業向けSaaSのPdMを担当。日本の伝統産業にソフトウェアで貢献したいという思いを胸にestieへ。 経歴 新卒で上場ITベンチャーに入社し、ソフトウェアエンジニアとしてtoC向けWebサービスの開発を担当していました。 その後、トヨタ自動車のグループ会社にて、プロジェクトマネージャーとして製造業向けにITサービスの新規事業を立ち上げました。初期は要件定義や設計、進行管理といった開発領域を主に担当し、最終的にはプロダクトマネージャーとしてユーザーリサーチやマーケティング・セールスまで、広く業務を経験しました。 転職のきっかけ 今の自分では大企業からイノベーションを起こすことは難しいと考えたことが転職のきっかけ

米IT業界で、解雇などによる人員削減の動きが加速している。新型コロナウイルス禍に伴う外出禁止や社会のデジタル化で顧客を拡大してきた米IT業界だが、景気後退懸念が強まる中でコスト削減を急ぐ他、将来の収益悪化に備え構造改革を進める狙いもあるとみられる。 【ワシントン＝坂本一之】米IT業界で、解雇などによる人員削減の動きが加速している。米IT大手のMicrosoftは1月18日、従業員全体の5％弱に当たる約1万人を削減すると発表。新型コロナウイルス禍に伴う外出禁止や社会のデジタル化で顧客を拡大してきた米IT業界だが、Meta（旧Facebook）なども従業員の削減を明らかにしている。景気後退懸念が強まる中でコスト削減を急ぐ他、将来の収益悪化に備え構造改革を進める狙いもあるとみられる。 Microsoftのナデラ最高経営責任者（CEO）は人員削減に関し「世界の一部地域で景気後退が見られる」と指摘。

エックスサーバーが「現時点で値上げの予定はない」と発表。同業他社から値上げのアナウンスが相次いでいた。 レンタルサーバ大手のエックスサーバー（Xserver、大阪市）は1月18日、「現時点で値上げの予定はない」と発表した。同業他社から値上げのアナウンスが相次ぎ、顧客から問い合わせが増えているため、同社の意向を表明した。 ただ、独自ドメインなど「固定で年々上昇している、円安の影響を大きく受ける、すでに原価に近い販売価格で提供している」サービスは今後、価格維持が難しい可能性があるとし、「値上げを行う前には速やかに告知する」としている。 Xserverの運用サイト数は230万件で国内シェア1位。同業他社では、GMOインターネットグループが運営する「お名前.com」などが値上げを発表している。 関連記事 お名前.com値上げ、ドメイン登録やレンタルサーバなど　現行料金に10～20％の「サービス維持

ソニーネットワークコミュニケーションズは1月19日、光インターネット回線の「NURO 光」の東北エリアでの提供を始めると発表した。まずは宮城県で2月中旬から最大通信速度10Gbpsのサービスを提供する。サービスの受け付けは1月19日から始める。 宮城県で提供を始めるサービスは「NURO 光10ギガ」（月額基本料金5700円から）「NURO 光forマンション10ギガ」（1戸当たり額負担金2640円から）の2種類。それぞれ通信速度は上り／下りとも最大10Gbpsとしている。 宮城県での提供エリアは、仙台市青葉区、仙台市宮城野区、仙台市若林区、仙台市太白区、仙台市泉区、石巻市、塩竈市、気仙沼市、白石市、名取市、多賀城市、岩沼市、登米市、栗原市、大崎市、富谷市、柴田郡大河原町、柴田郡村田町、柴田郡柴田町、宮城郡七ヶ浜町、宮城郡利府町、黒川郡大和町、遠田郡涌谷町、遠田郡美里町。 同社は「近年、高画

ニトリホールディングスは18日、デジタルチューナーを搭載しないAndroid TV搭載4Kディスプレイ「43V型 4Kチューナーレス スマートTV」を発表した。価格は3万4900円。 ニトリホールディングスは1月18日、デジタルチューナーを搭載しないAndroid TV搭載4Kディスプレイ「43V型 4Kチューナーレス スマートTV」（MST-43-4K）を発表した。一部店舗と直販サイト「ニトリネット」で2022年12月から販売しているという。価格は3万4900円。 ネット動画の視聴に特化したAndroid TV端末。NetflixやAmazonプライムビデオ、YouTubeなどのアプリをプリインストールした。スマートフォンから動画をミラーリングできるChromecast built-in、Googleアシスタントなどにも対応している。 液晶パネルはVA方式でバックライトは直下型LED。ス

1月19日、2022年10月に発表があったGoogle MeetとZoomのビデオ会議デバイスの相互運用開始のスケジュール確定が発表された。 左：Google MeetハードウェアでのZoomミーティング、右：Zoom RoomsでのGoogle Meet この相互運用により、次のような操作が可能となる。 Google Meetハードウェア デバイスからZoomミーティングに参加する Zoom RoomsからGoogle Meetミーティングに参加する 各機能の実装スケジュールは以下の通り。 MeetハードウェアでのZoomの相互運用 管理者設定：2023年1月19日以降、順次運用開始（機能が表示されるまで最長1週間⁠）⁠。 エンドユーザーデバイス上での利用：2023年1月26日以降、順次運用開始（機能が表示されるまで最長15日⁠）⁠。 Zoom RoomsでのMeetの相互運用 2023

著書に『宇宙世紀の政治経済学』（宝島社）、『ガンダムと日本人』（文春新書）、『教養としてのゲーム史』（ちくま新書）、『PS3はなぜ失敗したのか』（晋遊舎）、共著に『超クソゲー2』『超アーケード』『超ファミコン』『PCエンジン大全』（以上、太田出版）、『ゲーム制作 現場の新戦略　企画と運営のノウハウ』(MdN)など。 PlayStation 5専用VRヘッドセット『PlayStation VR2」の発売が2月22日に迫るなか、本体発売から1ヶ月以内に登場する対応/専用ゲームソフトの追加タイトルが発表されました。 今回の発表は、昨年末の『ファンタビジョン』など6本に続くかたちです。PS VR2に初代PS VRとの互換性がないことはソニー公式が明かしていますが、そのためかPS VRタイトルのリバイバルが少なからずの印象を受けます。 その中でも『Rez Infinite』といえば、PS VRのロー

著書に『宇宙世紀の政治経済学』（宝島社）、『ガンダムと日本人』（文春新書）、『教養としてのゲーム史』（ちくま新書）、『PS3はなぜ失敗したのか』（晋遊舎）、共著に『超クソゲー2』『超アーケード』『超ファミコン』『PCエンジン大全』（以上、太田出版）、『ゲーム制作 現場の新戦略　企画と運営のノウハウ』(MdN)など。 HomePod（第2世代）を発表したばかりのアップルが、さらにスマートホーム向けに複数のハードウェア製品を準備中といううわさが出てきました。 新型 HomePod はスマートスピーカーながら温湿度センサーを搭載するなど、家電製品の制御を意識した製品でしたが、新製品も長らく他社の後塵を拝していたスマートホーム市場のテコ入れ策となる模様です。 アップルの内部情報に詳しいBloombergのMark Gurman記者によれば、そのうち1つは冷暖房や照明などの制御、ビデオの表示、Fac

[追記] 2022/8/4 に Twilio がフィッシング攻撃で顧客データを漏洩しました。これが下で説明していたデータを預けるリスクです。 クラウド電話APIサービスのTwilioにフィッシング攻撃で顧客データ漏えい - ITmedia NEWS クラウド電話APIサービスを手掛ける米Twilioは8月7日（現地時間）、4日に「高度なソーシャルエンジニアリング攻撃」を受け、一部の顧客アカウント情報に不正にアクセスされたと発表した。 最近驚いたのですが、どうもセキュリティ・プライバシーを重視する人たちは Twilio Authy から他のワンタイムパスワード（TOTP [Time-based One Time Password]）ツールに移行しているようです。 TOTPは多要素認証としてよく使われるようになってきています。Google は2要素認証（2段階認証）によってアカウントへの侵入が

Home シンセサイザ 全シンセユーザー、必携!　シンセのためだけに開発されたオシロスコープ、KORG NTS-2が発売開始。開発者にその面白さを聞いてみた 2023/01/21 全シンセユーザー、必携!　シンセのためだけに開発されたオシロスコープ、KORG NTS-2が発売開始。開発者にその面白さを聞いてみた 2022年5月に発表されていたので、すでにご存じの方も多いと思いますが、KORGがコンパクトなオシロスコープ、NTS-2 oscilloscope kit + PATCH & TWEAK with KORG（メーカー希望小売価格、税込価格30,800円）がいよいよ発売となりました。これはKORGのキット専用ブランド、Nu:Tektの製品として登場するもので、簡単なネジ留めで組み立てることができるコンパクトな機材。一般的なオシロスコープと異なり、シンセサイザ専用に設計されたものだけに

無駄にほしい

PlayStation 5(PS5)向け次世代VRシステム「PlayStation VR2(PS VR2)」向けの新作12タイトルを含む、30以上のローンチタイトルが発表されました。 PlayStation®VR2のローンチ時期に発売予定のラインナップを公開！ – PlayStation.Blog 日本語 https://blog.ja.playstation.com/2023/01/20/20230120-psvr2/ PlayStation VR2: 13 new titles and launch lineup revealed – PlayStation.Blog https://blog.playstation.com/2023/01/19/playstation-vr2-13-new-titles-and-launch-lineup-revealed/ PlayStation

ピクシブは、初学者向けiOSアプリ開発の教材資料を無償公開した。お絵かきSNSの開発を通して、実例に近いiOSアプリ開発を学ぶことができるという。 ピクシブは1月19日、初学者向けiOSアプリ開発の教材資料を無償公開した。内容はお絵かきSNSを開発するというもので、実例に近いiOSアプリ開発を学ぶことができるという。また、同社でモバイルアプリ開発の初学者向けに実施した研修の内容についても紹介している。 同社では2022年2月からiOS・Androidアプリエンジニアの育成プロジェクトを始めている。モバイルアプリの開発手段の多様化に伴い、エンジニア採用のミスマッチが増加。モバイルアプリエンジニア不足を解消するために、自社で育成していく取り組みを始めたという。 研修ではまず、プログラミング言語「Swift」と開発ツール「Xcode」に慣れるように、米Appleが提供しているアプリ開発のための課

JADEの伊東です。 年末に、Googleの品質評価ガイドラインが改訂されました。SEOに取り組んでいる方の多くはご存じと思いますが、この改訂において、E-A-TがE-E-A-Tにバージョンアップ。 Eが長音になり息が続かなくて呼吸が大変との声も届いております（N=1）。 それはさておき、新たに、”Experience” (経験) が判断基準のひとつとして明示されるようになったわけですが、改訂版ガイドラインにおいて、このExperienceはどう語られたか？ 理想はドキュメントを読んで「完全理解」すること（かっこいい！） でも、全部読むの大変ですよね（本音！） そんなお忙しい皆様のためにひと肌ぬがせてください！ 「検索品質評価ガイドラインにおける”Experience”」に関連する事項をざっとまとめてみました。 「新しいE-E-A-Tについてざっと理解しておきたい」 「社内やクライアントへ

米国では大手IT企業で、大規模なレイオフが実施されており、私が勤めている会社も例外ではなかった。自分が失業するかもしれないという体験は日本では味わったことがなかったので、これを機会に自分の感じたこと、考えたことを記録しておきたい。 先日は無期限有給休暇の導入で話題となったマイクロソフトが新たなレイオフを発表すると、複数メディアが報道。ブルームバーグ「エンジニアリングの人員削減ではこれまでよりかなり大きい規模」スカイニュース「全社員の5%または1万人以上の削減」など。#アメリカ https://t.co/gYK0cbdF25 @GeekWire — シアトル日本語情報サイト🇺🇸 ジャングルシティ (@junglecity) January 17, 2023 レイオフされるかもしれないときに思ったこと今の会社にJoinした後も、自分の周りの人がレイオフされるのを見てきた。ただ、「エンジニア

アメリカのIT大手、グーグルは20日、世界的な景気減速を背景にコストの見直しが避けられなくなったとして、社員およそ1万2000人を削減すると発表しました。 これは、グーグルのスンダー・ピチャイCEOが社員に宛てたメッセージを会社の公式ブログに掲載して明らかにしたものです。 この中で、人員削減の理由について、世界的な景気減速を背景に経済環境が厳しくなりコストの見直しが避けられなくなったことを挙げ、世界の全社員の6％程度に当たる、およそ1万2000人の削減を決めたとしています。 影響を受けるアメリカの社員には、すでに電子メールで通知したということです。 ピチャイCEOは「今は事業の焦点を絞り、コスト構造を再構築して、人材と資本を優先すべき分野に向けるべき時だ」などとコメントしています。 アメリカでは、今月に入り、マイクロソフトが1万人の削減、アマゾンが人員削減を1万8000人を超える規模に拡大

1月13日からTwitterのサードパーティアプリの多くが、TwitterのAPIに接続できなくなる問題が発生している。この問題に対してTwitterは18日、長い間記載しているAPIのルールへの違反を理由に、一部のアプリが動作しなくなっていることを言及した。ただし具体的に何の違反かは示されていなかった。 19日現地時間、Twitterから新たな告知はないが、TwitterのDeveloper Agreement and Policyが改定され、今回の問題に関する条項が追加されていていることが判明した。その内容は「ライセンス対象物を使用またはアクセスして、代替となったり類似したりするサービスや製品を作成する」ことを制限するもの。 Twitterのサードパーティアプリの開発・配信停止の報告が相次ぐ このような状況から、サードパーティアプリの開発・配信の停止や今後の開発が難しい旨の声明がその公

Ubie Discoveryというヘルステックスタートアップでプロダクト開発エンジニアをしている丸山@h13i32maruです。 最近、チームの生産性改善をするためにトイル計測をはじめました。今日はこのトイル計測について簡単に紹介します。 「生産性」ではなく「伸びしろ」の計測 手作業、繰り返される作業、自動化が可能、etc 改善可能な作業を計測する トイル40%超え トイルの撲滅は...これからだ！ 「生産性」ではなく「伸びしろ」の計測 生産性を改善するにはまずは生産性の計測から始めることが重要です。 計測指標として有名なものにFour Keysがあります。Four Keysは「変更のリードタイム」「デプロイ頻度」「変更失敗率」「平均修復時間」を計測してチームのパフォーマンスを評価するものです。このFour Keysは組織全体としての生産性の結果指標だと理解しています。例えば僕のチームでは

2023年1月13日に一部のサードパーティ製Twitterアプリが認証エラーを起こして使えなくなり、その後1月19日、Twitterから公式にサードパーティ製アプリの開発に制限をかけるお触れが出されました。このことを受け、以前からTwitter向けアプリの「Twitterrific」を開発してきたチームが、Twitterrificの開発終了を発表しました。 Twitterrific: End of an Era • The Breakroom https://blog.iconfactory.com/2023/01/twitterrific-end-of-an-era/ Twitterrificは2007年から開発されてきた最初期のサードパーティ製Twitterアプリの1つで、Apple Design賞を受賞するなど輝かしい経歴を持っています。Twitterの投稿を「tweet(ツイート)

サイバーセキュリティ企業のNordVPNはこのほど、少なくとも500万人がオンライン上で個人情報を盗まれ、ボット市場で平均866.03円にて販売されていたと発表した。この被害者のうち、約1万3000人以上が日本人だという。 データを盗むマルウェアの代表格はRedLine、Vidar、Racoon、Taurus、AZORult 本データは、NordVPNが3つの主要なボット市場を調査して得られたもの。 この場合の「ボット」は、自律的なプログラムを意味するのではなく、データを収集するマルウェアのことを指す。またボット市場とは、ハッカーがボットマルウェアで被害者のデバイスから盗んだデータを販売するために利用するオンライン市場のこと。 データはパケットとして販売され、その中にはログイン情報、クッキー、デジタル指紋、スクリーンショットなどの情報、つまり侵害された人の完全なデジタルアイデンティティが含

俳優の市原隼人さんが1月17日、自身のInstagramを更新。17年使ってきたPCをに卒業することを明らかにしました。ファンからは物を大切にする姿勢に称賛の声が寄せられています。 時代を感じるな……（画像は市原隼人Instagramから） 市原さんが18歳ごろ、初めて一人暮らししたときから連れ添ってきた愛用のMac G5。当時、SONYの映像用カメラを手に入れた際、編集のために購入したデスクトップPCです。ただ、17年使い続けてきた結果、「物持ちは良い方だけど、最新のアプリに適合しなくなりながらも、頑張っていたけども…文明の利器にはかないません。。」と限界がきたことを明らかにしました。 蓄積されたデータは膨大だったようで、「中のデータを取り出し新たな形にSETして、とてつもない量の写真の整理に追われる…」と苦労しているもよう。ただ、「#懐かしい写真がたくさん出てきた」とハッシュタグを付け

2022年に個人情報の漏えい・紛失を公表した上場企業は150社（前年比25.0％増）──そんな調査結果を東京商工リサーチが1月19日に発表した。半数以上がウイルス感染・不正アクセスによる情報漏えいだった。 調査対象は上場企業とその子会社。1年間で発表された情報漏えい・紛失事故は165件（前年比20.4％増）。漏えいした情報は合計で592万7057人分（前年比3.0％増）で、いずれも過去最高となった。 最も漏えいした情報が多かったのは大丸・松坂屋ホールディングス傘下のJ. フロント リテイリングの約191万人分。第2位が森永製菓の約165万人分。他にも決済システムのメタップスペイメント、MaaSのトヨタコネクティッド、企業向け研修サービスのリスクモンスター、液晶タブレットのワコムなどで、特に大規模な情報漏えいがあった。 漏えい・紛失の原因として最も多かったのは「ウイルス感染・不正アクセス」で

こんにちは。 aya-kyanです。 私は、現在進行形でオンラインプログラミングスクール「FJORD BOOT CAMP（フィヨルドブートキャンプ）」に通っています。 bootcamp.fjord.jp まだ卒業はしていないのですが、現時点で既に通ってよかった！！！！！！！！！と心から思っているので、本日はそのお話をしたいと思います。 ちなみに、現在の自分の進捗としてはチーム開発を終え、残すは自作サービスを作るのみという最終段階にいます。 対象となる読者 フィヨルドブートキャンプ（以下、フィヨルド）について、下記のような不安を感じている方がいたらぜひ本記事を読んでほしいです。 興味はあるけど、ITの知識が皆無で不安な方 通いたいけど、プログラミングスクールの中でも大変だという噂を聞いて覚悟が決まらない方 IT知識ゼロの人間が働きながら取り組んだら、具体的にどのくらいお金・時間がかかるのか知

Innovative Tech： このコーナーでは、テクノロジーの最新研究を紹介するWebメディア「Seamless」を主宰する山下裕毅氏が執筆。新規性の高い科学論文を山下氏がピックアップし、解説する。 東京大学情報理工学系研究科と東京大学先端科学技術研究センターに所属する研究者らが発表した論文「サッカーでのキック方向予測におけるニューラルネットワークを用いた判断根拠の教示システム」は、サッカーのPK（ペナルティーキック）において、蹴る方向を予測する機械学習モデルの開発した。 また、システムによって特定した動作の特徴を判断根拠として教示することがゴールキーパーのトレーニングとして有効であるのかを調査した研究報告を発表した。 サッカーのPKでは蹴られたボールがゴールに到達するまでの時間が速いため、ゴールキーパーは相手プレイヤーの蹴る前の動作を見て予測し、通常蹴るとほぼ同時に左右どちらかに飛び

オンライン決済サービスを提供する「PayPal」が12月に受けたサイバー攻撃の結果、約3万5000人のユーザーの個人情報が流出したことを2023年1月18日に発表しました。PayPalは個人情報を悪用した不正な取引の形跡は見つからなかったことをユーザーに通知しています。 paypal breach notification (PDFファイル)https://regmedia.co.uk/2023/01/19/paypal_breach_notification.pdf PayPal accounts breached in large-scale credential stuffing attack https://www.bleepingcomputer.com/news/security/paypal-accounts-breached-in-large-scale-credentia

人気の秘密はシャープで培ったものづくりの手法 光触媒は1972年、東京大学大学院生だった本多健一氏と藤嶋昭氏が発見・開発した日本発の技術だ。二酸化チタン（TiO2）に光を照射して生まれる酸化力が、有害物除去、消臭、抗菌、防藻、防カビ、防汚といったさまざまな効果を発揮する。昨今の社会的な状況を反映して、多くの応用製品が世に広がっている。 カルテックは創業者で社長の染井潤一氏をはじめ、シャープからのスピンアウト組が多い。染井氏は創業時の思いをこう振り返る。「シャープ時代から殺菌・脱臭技術として光触媒に取り組んでいた。既に『プラズマクラスター』が強いブランドとして定着していたことから、光触媒はシャープの外で事業化するのがよいと判断した。発展途上国で生活飲料水の健康被害に苦しむ子供たちの姿を見たときに、学生時代に学んだ光触媒を思い出し、一念発起して2018年に創業した。『光触媒で子供たちの命を救い

Burikaigi 2023 https://burikaigi.dev/

"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)

Qiita Advent Calendar 2022 Online Meetup で LT したので、その記録 Qiita Advent Calendar 2022 Online Meetup - connpass で Lightning Talk の機会を頂いたので、その記録です。テーマがアウトプット... アウトプットとは何なのか... 結論: アウトプットとは発信 それは 「ふつうのひと」 の学びのログ 社会人20年目エンジニア、発信で技術学びなおしてる話 いわゆる退職エントリ 自ら機会をつくりだし自らを変える発信 - Qiita ...からの、うれしかった記事 日々息をするようにアウトプットしている人は何を意識しているのか？ - Qiita 2022 年がんばったこと 2022 年 55 冊 本を読むまで知らなかったこと - Qiita 最近がんばったこと AZ-900 と MS-

services: my-app: build: . logging: driver: json-file options: max-size: 1m max-file: '3' 説明 loggingのoptionsにmax-sizeとmax-fileを指定します。 max-sizeあたりでログがロールオーバーされ、max-fileの数だけログ保持されます。 疑問点 ログは、docker-compose logsやdocker logsコマンドで確認しますが、ロールオーバーされた古いログはどう扱われるのでしょうか。 検証 とりあえず、stdoutにベラベラ出力するコンテナを作成します。

最近ちょうぜつソフトウェア設計入門――PHPで理解するオブジェクト指向の活用という本でデザインパターンの章があって、流石に最低限は覚えておかないと思ったのでメモ。 デザインパターンって何？ デザインパターンは名前だけ知ってる状態な人のために軽く説明。 ソフトウェア設計でよく起きる問題に対する典型的な解決方法のこと。以下の特徴があります。 実装方法が決まっているアルゴリズムと違い、パターンの指針に従い自分で実装する必要がある。 実証・テスト済み 〇〇パターン使っているよ！と他人に伝えるだけで意思疎通しやすくなる 今回紹介するデザインパターンについて refactoring.guruで上げられているパターンのうち、星が3かつ簡単なものを中心とした TypeScriptではあまり使われないもの/アンチパターンとされているものについては外している 10個も紹介したところで一気に覚えられないというこ

やりたいこと フロントエンド側をデプロイした後に、画面を開き続けてるユーザを強制的にリロードさせたい バージョン管理はできるだけ自動化したい 作ったもの AWS CodeBuildのbuldspec.yml 自動でバージョンを採番する バージョンをビルドしたモジュールに埋め込む 最新のバージョン情報をAWS S3にファイルとして保存する バージョンを比較するAWS Lambda 強制リロードするフロントエンド AWS CodeBuildのbuldspec.yml ${CODEBUILD_RESOLVED_SOURCE_VERSION}でCodeBuildが把握しているソースのバージョンを取得できます。（詳細） それを使って、./src/version.jsを置換しています。 build: commands: - sed -i -e "s/CODEBUILD_RESOLVED_SOURCE_

1.はじめに どうも、ARIの名古屋支社に勤務している愛知県民こと、 新藏（にいくら）と申します♪ (/・ω・)/ 以前の記事では、Qiitaにアップロードできる画像の上限（100MB/月） に達した場合の対処法について記載しました。 当時はアップロードした画像を、ユーザ自身で削除することができませんでしたが、 2023/1/17のリリースノートにて、ユーザ自身での削除が可能になりました！ そこで今回はQiitaにアップロードした画像を、自分で削除する方法について記事にしたいと思います♪ Qiita初心者の方や、画像をよく使う方の参考になれば幸いです。 (*^^)v 2.Qiitaにアップロードした画像を、自分で削除する では、早速進めていきましょう♪ 2.1.今回は例として、以下の約3.7MBの画像を削除します。 2.2.上記の画像をアップロードした場合の容量は以下となります。 2.3.

はじめに ChatGPT、ご存知ですか？ 先月OpenAIから発表された対話型AI。ChatGPTは対話形式で大規模言語モデルに命令をすることで、AIに様々なことをさせることができるようになるAIです。 ChatGPTについては色んな方が説明してくれているので詳しい説明は割愛するとして、今回はそのChatGPTの創作への活用方法についてみていきましょう。 活用方法１ 口調の書き分け自動変換 オリジナル主人公を作るゲーム、例えばスカイリムのようなゲームで、キャラクターの設定を老人にしているのに若者口調で話したり、男女の書き分けをされていないせいで女性でも男性口調で話したりされて没入感を削がれた経験ってありませんか？ 自分はあります。 なんでああいうゲームが出るかって、口調の書き分けがめんどくさくて手間だからなんですよね。 男女だけで二通り、老人とか若者とかそういうタイプが増えれば４通り、８通

"AWS Builders Online Series"とは？ AWS Builders Online Seriesは、AWSにおける様々な技術についてのオンラインセミナーシリーズです。 AWSのエキスパートによる最新の技術やベストプラクティスについての詳細な説明や、ハンズオンのセッションが開催されます。 これにより、AWSを使ったアプリケーション開発や運用において最適な方法を学ぶことができます。 私はAWSに登録したてだったので、初心者向けのセッションを受講しました。 その中でもT2というデータ分析に興味がある人向けのセッションを受講しました AWS Key Messageと主要アップデート AWS re:Invent 2022という世界的に開かれたカンファレンスでの発表のまとめです。 "差別化に繋がらない重労働を取り除く" 差別化に繋がらない重労働＝インフラ周りの、競争力に繋がらないが

Vue3でのフロントエンド開発において、開発環境構築時に調査した内容を作業メモベースで記事にしていきます。 動作環境 本記事では以下のバージョンを前提としている。 eslint 8.25.0 prettier 2.7.1 typescript 4.7.4 vue 3.2.41 eslint-plugin-vue 9.6.0 また、viteを利用しており、create-vueコマンドで作成したvueプロジェクトで作業している。 プロジェクト作成時の設定は以下の通り。 √ Add TypeScript? ... Yes √ Add JSX Support? ... No √ Add Vue Router for Single Page Application development? ... Yes √ Add Pinia for state management? ... Yes √ Add

ローカル変数の借用 Rustコンパイラは、プログラム中の全ての参照型に対して、その参照の使用方法によって生じる制約を反映した生存期間（lifetime）を割り当てる 生存期間とは、プログラム実行中のある参照が安全に利用できる期間 例 fn main() { let r; { let x = 1; r = &x; } assert_eq!(*r, 1); }

「エンジニア歴6年ほど経って得た知見を、惜しみなく公開。技術のトレンドとテクニックを、網羅的に追えます！(有料レベル)」について 対象の記事 (魚拓：https://megalodon.jp/2023-0117-1550-00/https://qiita.com:443/joer/items/e579d3e4b35e88868996) 改訂履歴 2023/01/25: コミュニティガイドラインに沿わせる改訂 経緯 Twitterで流れてきたので見た。 感想 「1. Testing Trophyを意識して、フロントエンドのテストを書きましょう」1について、挿入されている画像が著作権法上要請される引用の要件を満たせていない恐れがある。出典を示すべき。 「16. ChatGPTを多用しましょう」1について、生成されたコードの基となるオリジナルのコードは、LGPLやGPLなどコピーレフトなライセン

そんなもんチラシの裏に書いてろよ、なんて記事です。 未経験からWeb系、何だか香ばしい響きですね、 諸悪の根源は商材屋か、僕のような初学者か。 記事のタイトル通り構成も可読性も悪い、書き殴りです。 似た境遇の方のアドバイスになれば良いなと感じております。 フロントエンドの話が多くなるかも知れません。 私自身の背景としましては２０代半ば、学歴は酷い(高卒) 地方在住、前職は管理職として従事していてプログラミングの経験はありませんでした。 趣味として始めたプログラミングですがやはり学習中に詰まることが多く、それを解決できた際のアハ体験のようなもの、自身でコードを書いて思い描いた物を具現化出来る事やスキルが市場価値に直結する事に魅力を感じ、書いていて一番楽しいと感じるwebAppのプログラマーを目指し転職活動を開始しました、技術トレンドの移り変わりが早いフロント領域であれば、若さと熱意で経験豊富

Web Vitalsのスコアを計測するためにLighthouseを用いることがあると思うのですが、このスコアは実行するデバイスのCPUスペックによって変化するので注意が必要です。 一般的に、Lighthouseはリアルユーザー環境での計測と違い、計測ごとのスコアのブレが少ないという特徴があります。 ただし、計測ごとにスコアのブレが少ないものの、そもそものスコアの値は環境により異なります。 これは、Lighthouseで計測するときのスロットリング方法によるものです。 (リアルユーザー環境とラボ環境での計測の違いについてはこちらをご覧ください) Lighthouseで計測するときのスロットリング方法 Lighthouseでは、計測の際にスロットリングを行います。 例えば、Mobile Deviceを想定してLighthouseを実行する時に、NetworkスロットリングとCPUスロットリング

Goではbuild constraints（build tagsとも呼ばれる）を利用することで、異なるビルドを作り分けることができます。 この機能を利用することで、デバッグ用とリリース用や無償版と有償版といった複数のバリエーションのビルドを作ることができます。 本記事でのGoのバージョンについて 本記事ではGo 1.17以降を対象とします。 build constraintsの書き方はGo 1.17から変更になったのですが、1.16は既にサポートされていないバージョンなので、本記事でも扱わないこととします。 詳細については https://go.dev/design/draft-gobuild を見るようにとリリースノートにもあるので、以前の記法と「なぜ変更になったのか」が気になる方はそちらを御覧ください。 build constraintsの付け方 build constraintsは以

衛星データプラットフォーム Tellus と Elixir Livebook を使って、植物の分布から田畑の利用状況を推測する（休耕地探索編） はじめに 経済産業省の「衛星データ利用環境整備・ソリューション開発支援事業」において、弊社は衛星データ無料利用事業者として支援を受けています 本事業では日本発の衛星データプラットフォーム「Tellus」のデータの一部を無料利用できます （一般利用者が無料利用できるデータもあります） 「Tellus」から取得できる様々なデータを使って何をどう実装できるのか、現在調査検証中です 連載で「Tellus」の公式メディア「宙畑-sorabatake-」の記事を参考にしながら、 Elixir で衛星データを扱っています 参考にする記事 今回は植生（植物の集まり、植物がどれくらい生えているか）を見るために算出した NDVI(Normalized Differen

はじめに 業務でAWSアカウントの初期セットアップをすることがあったので、設定の1つとしてCostExplorerを使ったAWSの利用料のアラームを設定した備忘録です。 通知用SNSの作成 まずはAWSコンソールにログインし、検索バーに"sns"と入力 左メニューのトピックからトピック一覧を表示し「トピックの作成」から作成 タイプはスタンダードを選択し、名前と表示名にコストを通知してくれそうな名前を入力、アクセスポリシーはアドバンストにし、次のポリシーに置き換え、残りはデフォルト設定で「トピックの作成」 SNSトピックアクセスポリシー { "Version": "2008-10-17", "Id": "__default_policy_ID", "Statement": [ { "Sid": "__default_statement_ID", "Effect": "Allow", "Pri

(video at https://fsharpforfunandprofit.com/ddd/) Statically typed functional programming languages encourage a very different way of thinking about types. The type system is your friend, not an annoyance, and can be used in many ways that might not be familiar to OO programmers. Types can be used to represent the domain in a fine-grained, self documenting way. And in many cases, types can even be

「パフォーマンスについて言えば、ZigはCよりも速いです。」 この一文は Zig 言語の公式サイトの詳細な概要に実際に書いてある文章です。 その理由としていくつか挙げた上で最後にちらっと「Zig は SIMD ベクトル型を直接公開しており、移植性の高いベクトル化コードを簡単に記述することができます。」と書いてあります。今回の記事では画像処理っぽいお題を使って実際に SIMD 最適化される様子を検証してみます。 ベンチマーク環境 OS: Ubuntu20.04 on WSL2 on Windows11 CPU: AMD Ryzen 9 5900X 12-Core Processor お題 一般的な画像データ構造の表現である、幅×高さ×4(RGBA)の長さを持つ8bit整数の配列を受け取り、in-placeでRGBの値を 10 加算して明るくするという関数を考えます。Aの値は元のままとします。

The State of JS 2022 公開など : Cybozu Frontend Weekly (2023-01-17号) こんにちは！サイボウズ株式会社 フロントエンドエキスパートチームの @mugi_uno です。 はじめに フロントエンドエキスパートチームでは毎週火曜日に Frontend Weekly と題し「一週間の間にあったフロントエンドニュースを共有する会」を社内で開催しています。 今回は、2023/01/17 の Frontend Weekly で取り上げた記事や話題を紹介します。 取り上げた記事・話題 The State of JS 2022 毎年恒例 The State of JS の 2022 版が公開されました。 React や Next.js がより安定感強く利用されているような結果が出ていました。 昨年と比較し、ビルドツールでは webpack が少し後退

昨年の話ですが、AWS Solution Architect Professional(SAP)試験に合格しました。 実は一回受験を投げ出したんですが、合格までこぎつけることができました。 自分のように途中で投げ出している人も多いと思うので、体験記録として残します。 受験者背景 普段は株式会社IVRyでソフトウェアエンジニア/AIエンジニアとして活動しています。 IVRyは昨年正社員が1→20名へと急拡大しましたが、まだまだ人が足りません。(絶賛募集中です) そのためインフラ部分も自ら設計・実装することがほとんどです。 サービス立ち上げ当初は、なんとなく知っている知識の組み合わせで開発をしていましたが、事業がスケールするにつれて本格的な運用が求められてきました。約2年くらい前に Solution Architect Associate(SAA) は取得していましたが本番運用となるとあまり自

@nerusanです。 前回の記事では、環境構築の方法とポイントを述べました。 今回は、AWSでの環境構築について述べます。 今回も前回と同様に具体的な手順を述べるのはなく、 具体的なポイントや用語について述べていきます。 ECS/Fargateについて まず、ECS/Fargateについて軽く述べたいと思います。 Amazon Elastic Container Service(ECS)は、フルマネージドなコンテナオーケストレータです。 つまり、コンテナを管理する機能を提供するものです。 オーケストレーションとしてよく挙げられるのが、kubernetes(k8s)があります。 k8sは、オープンソースとなっており、その特性上、クリティカルな課題が発生した時に自身で解決するか、コミュニティでIssueとして取り上げ、解決するということになります。 その点、ECSは、AWSが提供する独自のオ

概要 図形を編集できるソフトウェアなどでよく見かける、矩形オブジェクトをリサイズしたり回転したりできる機能が作りたくて先日コードを書いてみたが、想像以上に難しかったのでハマりポイントを含めた制作手順をここに書くことにした。 制作環境 Vite TypeScript PixiJS 描画ライブラリは何でもいいのだが、描画領域をクリックしたらイベントが取れるライブラリだと楽なのでPixiJSを採用した。 環境の用意 npm create vite Project name: ... sketch √ Select a framework: » Vanilla √ Select a variant: » TypeScript

概要 「ファミコスト」という、同棲カップルや夫婦など2人で支出管理している方向けのモバイルアプリを作りました🎉アプリの紹介と、開発期間に考えていたことを備忘録的に書いていきます。 作った経緯 我が家は共働き夫婦なので、2人の生活費をジャンル毎に負担割合を決めてそれぞれ出し合い、月一回スプレッドシートでお金のやり取りを計算していました（「今月は妻に〇〇円渡す」など）。半年ほど続けてみてほとんどの支出が固定（金額は変動する）でルーチンワークということが分かり、月一回の作業が面倒になってきたので効率化するためにアプリを作り始めました。 どんなアプリか 2人でお金を出し合う出費を「コスト」として登録すると、月ごとに「相手にいくら渡す」「相手からいくら受け取る」を計算してくれるアプリです。自分の方が実際の負担額より多く立替えている場合は緑色で「自分が受け取る金額」を表示し、逆に相手の方が多い場合は

はじめに フロントエンドのWeb開発においてconsole.log()というのは非常によくお世話になります． しかしconsoleオブジェクトにはには他にもたくさんのインスタンスメソッドがあり，それらを使わずに開発を行うのは少しもったいないです． この記事では様々な機能を紹介していき明日から開発で使用していただければ嬉しいです． assert console.assert()は第一引数に論理式をとり，第二引数以降には任意のオブジェクトを取ります． 第一引数がfalseとなった場合，第二引数をコンソールに出力します． サンプル // assert const wishToSuccess = () => { return Math.random() < 0.5 } console.assert(wishToSuccess(), "失敗しました") 出力 log 一般的にログを出力するconso

初めまして、株式会社スマートラウンドCTOの小山（@doyaaaaaken）です。 昨年末、Startup CTO of the year 2022というイベントに出場させていただき、嬉しいことに優勝しました。 スマートラウンドの開発体制・組織に対して評価いただけた結果の優勝だと思っていますが、短時間のピッチでは詳細まで伝えきれない部分も数多くありました。 各スライドごとに掘り下げて語れる内容が色々あり、これまで行ってきた取り組みの裏に込められた思想や背景について紹介したいという思いがありました。 会社のフェーズが大きく変わりつつある今、これまでの取り組みの自分なりの振り返りも兼ねて、ピッチ資料について解説する一連の記事を書くことにしました。 なお🔗ピッチ資料はこちらでも公開しているので、よければぜひご覧ください。 （ピッチで実際に話した内容の全文はログミーさんが書き起こし記事にしてくだ

ざっくり流し読みして、ろくに動作確認もせずに書いているので、あんまり鵜呑みにせずに自分で調べながら読んでください。 クライアント側で完了を待つ defer サポート React 18 には Streaming という機能があるんですってね。 「ファーストビューの表示には間に合わなくてもいいから、ちょっと遅れてでも表示したい」みたいなデータを、サーバー側で用意しつつ、クライアント側では <Suspense> で待っててもらい、データの用意が出来次第サーバーからクライアントに流し込んで表示、みたいなユースケースで役立つ技術だと思っています。しらんけど。 何ができるようになるかというと、 loader() 内で「別にこれ初回表示に間に合わなくてもいいな」というデータを、次のように Promise が完了しないまま return できます。その際、いつもの json() ではなく defer()

要約 エンジニア向けのニュースアプリをFlutterで作った。 毎日Zenn、Qiita、noteやそのほか海外のテックメディアを開くのが面倒。 RSSフィードで登録していくのもいいが面倒だし、時に不要な情報もある。 個人に最適化されたニュースを提供し、エンジニアの日々の情報収集を効率化させることを目的とした個人開発アプリを作ることにした。 スマホアプリ開発言語はFlutter,バックエンド言語はPython、インフラはGCPのCloud FunctionsとFirebaseを利用。 背景と課題 わたしたちエンジニアは毎日チェックすべき情報が多すぎる。毎日Zenn、Qiita、noteやそのほか海外のテックメディアをひらいて、不要な情報の中で自分に関連するような情報を見つけて確認する作業をしているとあっという間に１時間が経過してしまう。おそらく、わたしたちが重要な記事に辿り着いて読んでいる

こんにちは株式会社スペースマーケットのwado63です。 僕が働いているスペースマーケットでは、毎週金曜日にチャプタータイムという時間があります。 その中で技術的負債の返却や技術的な探究を行う時間があり、その時間を利用してfigmaからSVGコンポーネントを生成するスクリプトを作成しましたのでご紹介をいたします。 スペースマーケットのチャプターについてはこちらをご覧ください。 はじめに FigmaからSVGアイコンを出力するという記事は既にいくつもあります。 僕自身も上記の１番目の記事を過去に見ていて、参考に作ったら２番目の記事とほぼ同じ内容が出来ていました笑 先人の記事に感謝しつつ、実際に実装する際に詰まった箇所や、ちょっと工夫した点などを紹介したいと思います。 作ったもの FigmaのAPIからReactのアイコンコンポーネントを自動生成し、PRを作成するgithub actionを作

スタートアップのプロダクト開発 #2 〜リリース予定に間に合わない？！TechTrain新機能を開発したインターン生たち！〜 はじめに こんにちは、TechBowl 平井です。 スタートアップのプロダクト開発 #1 では初期のTechTrainの開発についてご紹介しました。 #2である今回は先日リリースした新しい機能について、実装したインターン生2名（バックエンドエンジニア：えぐ・フロントエンドエンジニア：りんちゃん）の開発風景をお伝えします。 リリースした新しい機能『Railwayのヒント集』とは TechTrain内にある実践型開発ドリルRailwayでは、Railway取り組み中にわからない部分を質問できるRailway専用のslackワークスペースが用意されています。 今回リリースしたヒント集は、その質問チャンネルで質問回数の多かった質問を集めたページを該当のStation（Rai

はじめに Iさんと一緒にSREチームとして活動しているMです。初めまして。 2022年の年末年始、みんせつSREチームが初めて迎える連休でした。 これまでみんせつ連休中のシステム対応は、人力駆動で障害を検知しトリアージする運用となっていました。そのため対応基準が明確でないという問題があり、手始めとして年末年始期間のSLOを定めてみてはどうか？という提案を上司のT郎さんからいただきました。 今回はSLOって何？というところから、Iさんと私の2人で手探りでSLOを定めた過程と、連休を終えて実際そのSLOはどうだったか？を振り返っていきたいと思います。 SLOとは？ サービスレベル目標ことSLOとは、サービスレベルに関する目標基準を定めたものになります。 うーんわかるようで、わからない・・この説明では設定する目標の具体的なイメージが沸かなかったため、各社のSLOを眺めてみることにしました。 その

はじめに こんにちは！ プロダクト開発人材の副業転職プラットフォーム Offers を運営する株式会社 overflow で Offers のフロントエンドを開発している fumiya です。 2023 年は記事をたくさん書こうと思っています。 この記事はこれまで Emotion を使ってきた私が、現在のプロジェクトで CSS Modules を使うようになって感じているそれぞれの使っていて良いなと思った点をまとめた記事になります。 比較する開発環境について 前の会社で経験した Emotion の環境と現在の CSS Modules を使った環境について説明します。 掲載しているコードは雰囲気を感じてもらえる程度のものを作りました。 以前の環境（Emotion） これまでやってきたプロジェクトでは Emotion を使用していました。 また、String Styles の形式を採用していま

<details> <summary>概要が入ります。</summary> 詳細テキストが入ります。 </details> 簡単に実装できますが、当然ですがこのままだとアニメーションがありません。 開く時のみのアニメーションでよければ、JSを使わずにcssのみで実装可能です。 detailsタグはopen属性をトグルすることによって表示の切り替えを行うので、開閉時どちらにもアニメーションを適用させる際は、JSが必要になります。 ただ、このopen属性があるせい（？）で実装が少し厄介になります🫠 簡単に要約すると、デフォルトの状態ではopen属性での切り替えをするためアニメーションが効かなくなります(display: noneのイメージ)。 そのためopen属性の付け外しをpreventDefault()で回避し、表示切り替えのアニメーションの処理をします。 アニメーション完了後に、ope

テーマ選定理由 昨年10月末にNext.js13が発表され、様々な変更点の中で、レンダリングやデータフェッチの方式がReact18の恩恵が受けられるように変わり、パフォーマンスが向上するということを知り、これまで新規開発の案件しか経験していなかった自分にとって、普段の業務でも特別扱ったことのなかった非機能要件(+Next.js13)について勉強できるよい機会だと考え選定した。 概要 レンダリング サーバーコンポーネント、クライアントコンポーネント 静的、動的レンダリング データフェッチ 奨励事項 SCでのデータフェッチ 静的、動的データフェッチ パフォーマンス検証 SC、CCのフェッチデータ表示速度 fetch() リクエストの自動重複排除 ストリーミング 結論&感想 レンダリング サーバーコンポーネント(SC)、クライアントコンポーネント(CC) Next.js 13からの新しい考え方と

バッファロー Wi-Fi 6モデルはL2TP/IPsecのみ対応 バッファローから2019年以降に発売されたIEEE 802.11ax（Wi-Fi 6）対応ルーターの内、型番が「WXR」で始まる上位機種はL2TP/IPsec VPNサーバー機能を備えています。ただしNTT東西のフレッツ網上でVNE各社が提供するIPv4 over IPv6接続サービスを利用している場合、VPNサーバー機能は利用できません。 また、2018年以降に発売された「AirStation connect」シリーズのメッシュネットワーク対応ルーターにもVPNサーバー機能が実装されています。 第4章　VPNサーバー機能 - WXR-6000AX12Sシリーズ ユーザーマニュアル WXR-6000AX12S / WXR-6000AX12B / WXR-5950AX12 WXR-5700AX7S / WXR-5700AX7B

The art of styling drop caps has been around for hundreds, if not thousands of years. Its use in print styles to signify the start of a new section or chapter can be seen through history. But, it's always been problematic to style in the digital age. There hasn't been a "clean" solution to styling them. The CSS initial-letter property will make things much easier. # Browser supportWhere can you tr

イラストは、テキストだけでは伝わりにくいものを、視覚的にわかりやすくてくれる、とても効果的な手法です。ただどうしても、イラストを描くことはハードルが高く感じてしまいがちです。でも大丈夫！世の中のものはだいたい○と△と□でできているのです。本セッションでは、テクニカルライター向けに簡単にイラストを描けるテクニックをご紹介します。

Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything

2023年1月12日（木）のRegional Scrum Gathering Tokyo 2023の登壇資料になります。 このセッションでは、他者との噛み合わない会話と対立を終わらせ、相互理解や合意に辿り着けるようにするためのスキルおよび技術を、アンガーマネジメント・NVC（Nonviolent Communication）・マインドフルネスの3つの観点から、講演者自身の実践事例を含めて、「エモさ」を抜きに整理しお伝えします。 セッションの詳細は、こちらも併せてご参照ください。

Burikaigi 2023 https://burikaigi.dev/ Twitter https://twitter.com/__sakito__

NodeSource has been a part of the Node.js ecosystem since 2014, contributing to the open-source project, distributing binaries (over 100m annually!), providing expert Node Services, and building tooling (N|Solid) to support developers to make the best software leveraging Node.js. Every year, we look at the open-source projects we believe are the most interesting and will impact the ecosystem. This

Our team is a couple of months into developing a new application, and our suite of unit 240 tests takes 46 seconds to run. That duration is not excessive yet, but it’s increasing in proportion to the number of tests. In a couple of months, it’ll take a couple of minutes to run our tests.

Error handling in Type/JavaScript is a topic that doesn’t get the importance it deserves. It’s crucial to the longevity of any project to catch and log errors. As I’ve started working with TypeScript more over the years, I started to realize that I didn’t really understand error handling. I would often run into this problem: error is type unknown, so we can’t perform any actions with error until w

Art Directing for the Web. Five minutes with CSS Template Areas

Rootport💰🍹🍑 @rootport 「カラスが賢すぎるエピソード」で好きなのは、ヨーロッパでは「煙草の吸い殻を入れるとエサの出るマシン」を使ってカラスにゴミ拾いさせる実験がたびたび行われていること。ヒトにポイ捨てしないことを覚えさせるよりも、カラスにゴミ拾いを覚えさせるほうが早いらしい。 2023-01-19 19:13:46 Rootport💰🍹🍑 @rootport 「カラスが吸い殻を誤飲したら可哀想！」 「カラスは賢いから誤飲しないんだよ、たぶん」 「絶対にしないと言える？」 「そりゃまあ、万物の霊長たる人類でも『高層ビルの屋上で片足立ちしてセルフィーを撮る』とか『密室でスプレー缶に穴を開ける』みたいな自殺行為をする個体はいるわけで…」 2023-01-19 19:17:53

はじめに この記事では、フロントエンドのレンダリングパターンの 1 つである Islands Architecture について概略した上で、Astro における Islands Architecture の実現方法をチュートリアル的に解説します。Astro は 2022 年の 8 月に v1 がリリースされたばかりの UI フレームワークであり、ユーザーもまだそれほど多くはないと思われるため、なるべく前提知識がない方でも理解できるように各ステップの説明を細かく噛み砕いておこなうつもりです。また最後に補論として、Astro v2 について本論と絡めて簡単に紹介します。 Astro と Islands Architecture Astro は、高いパフォーマンスを実現するウェブサイトをモダンな DX (Developer Experience) のもとで開発することを目指した UI フレーム

Nuxt: A vision for 2023This past year has been an exciting one. Looking into the new year, there is a lot we have planned as a team and we'd love to share it with you. Nuxt: A vision for 2023This past year has been an exciting one. Looking into the new year, there is a lot we have planned as a team and we'd love to share it with you. ✨ This past year has been an exciting one, with the release of N

米CNBCテレビは20日、米ツイッターの従業員が約1300人まで減少したと報じた。イーロン・マスク最高経営責任者（CEO）による買収前には約7500人いた従業員が5分の1以下になったことになる。 報道によると、フルタイム勤務のエンジニアは550人を下回っており、元社員はサービスの維持が困難になるだ…