タイトル通り、Javascriptすらまともに書いたことがない自分が2週間でReactを勉強してみました。 色んな教材をやってみた結果、この記事では皆さんにお勧めできる教材や勉強の流れを返っていきます。 他の方への参考になるだけではなく、自分が教材の内容を振り返りたい時にも参考になればと思います。 下の教材に番号が振られているので、その通りにやると効率が良いと思います。 なぜReactを勉強したの？ クロスプラットフォームでスマホアプリやPCアプリを書きたいから。 つまり、最終目標はReact Nativeです。 まずReactを勉強してからReact Nativeをやっていきたいと思っています。 これまでのプログラミング経験や言語は？ 主な言語はC言語、Python、C#です。 つまりWebのフロント、バックエンド系のプログラミング言語はほぼ未経験です。 Javascriptもほぼ書いて

本記事は NRIネットコム Advent Calendar 2022 24日目の記事です。 🎁 23日目 ▶▶Happy Christmas Eve! ▶▶ 25日目 🎄 はじめまして、入社7年目の川畑です。 主にPHPを使ったWebアプリの開発・保守・運用を担当しております。 今日はクリスマスイブですね。私は枕元に現ナマが置かれる予定です。夢はないけど嬉しい。 はじめに ローカルに開発環境を構築する際にDockerを利用されている方も多いですよね。 作って壊してが楽、ローカルにプログラミング言語を入れなくても開発環境が構築できるなどメリットにあふれています。そんなDockerを利用して環境を構築！人気エディタVisual Studio Code(以下、VS Code)でいざソースコードを書くぞ！と勇むと、下記のようなメッセージが通知されます。（PHP環境だとお考え下さい） Canno

各機能とツールについて、説明していきます。 エディタ Visual Studio Code エディタやIDE(統合開発環境)は好きに選んでいただければ良いとは思いますが、特に希望がないならば、Visual Studio Codeを選んでおけば間違いないでしょう。 Pythonを含む幅広い言語に対応し、豊富な拡張機能を備えている非常にリッチなエディタです。とりわけPythonプロジェクトについては、これさえ有れば、特にIDEなどは必要ないと思います。 インストールは↓から。 バージョン管理ソフト Python3系は日夜アップデートされていて、2022年12月現在の最新verは、3.11.1が提供されています。 とはいえ、プロジェクトによっては、3.7.1までしか動作が担保されていないもの、3.9.0で現在開発中のもの...などがあります。最新のPythonが常に必要、というわけでは決してなく

Appleは米国時間12月20日、4月に米国で開始したDIY修理プログラム「Self Service Repair」の対象をさらに拡大し、デスクトップモデルを追加した。同社がメールで米CNETに伝えたところによると、2021年型の「M1」搭載「iMac」、2020年型の「M1」搭載「Mac mini」、2022年型「Mac Studio」「Studio Display」を個人で修理できるようになった。 ディスプレイ、スピーカー、ファン、Wi-Fiアンテナ、ロジックボード、オーディオボードなどの部品を交換・修理できる。「Self Service Repair」のオンラインストアで、Apple製の部品を購入したり、修理に必要な工具をレンタルしたりできる。 同DIYプログラムは、6日から欧州8カ国（ベルギー、フランス、ドイツ、イタリア、ポーランド、スペイン、スウェーデン、英国）でも利用できるよう

Appleは米国時間12月20日、4月に米国で開始したDIY修理プログラム「Self Service Repair」の対象をさらに拡大し、デスクトップモデルを追加した。同社がメールで米CNETに伝えたところによると、2021年型の「M1」搭載「iMac」、2020年型の「M1」搭載「Mac mini」、2022年型「Mac Studio」「Studio Display」を個人で修理できるようになった。 ディスプレイ、スピーカー、ファン、Wi-Fiアンテナ、ロジックボード、オーディオボードなどの部品を交換・修理できる。「Self Service Repair」のオンラインストアで、Apple製の部品を購入したり、修理に必要な工具をレンタルしたりできる。 同DIYプログラムは、6日から欧州8カ国（ベルギー、フランス、ドイツ、イタリア、ポーランド、スペイン、スウェーデン、英国）でも利用できるよう

マイナンバーカード機能のiPhone（アイフォーン）への搭載が再来年以降になる見通しであることが分かりました。 マイナンバーカードの申請率は18日時点で63.7％ですが、政府は普及をさらに進めるためスマートフォンへの搭載を進めています。 このうち、アンドロイド端末については来年5月11日から搭載されることが決まっています。 一方、国内最大のおよそ65％のシェアを持つiPhoneについては搭載のメドが立っていなかったため、先週、岸田総理大臣がアップルのティム・クックCEO（最高経営責任者）に協力を要請しました。 複数の政府関係者によりますと、「現状では技術的な課題がある」としてiPhoneへの搭載は1年以上、先になる見通しだということです。

今年も GitHub トレンドから 2022 年の JavaScript/TypeScript を振り返ります。去年の記事はこちらです。 — GitHub のトレンドで振り返る 2021 年の JavaScript | WEB EGG 集計方法 本記事の集計期間は 2022/01/01〜2022/12/07、対象言語は JavaScript および TypeScript です。 なお GitHub がそのリポジトリをなんの言語と見なしてトレンドに掲載したかをもとに集計対象を決定していることにご留意ください。 別言語で書かれた Rust 製の JS 向けのツールや CSS フレームワークなどは基本的に対象外となります。 集計に利用したデータですが、GitHub は過去のトレンドを閲覧する方法を提供していないため、独自の仕組みで GitHub トレンドのアーカイブを生成しそのデータを利用しまし

ソフトウェア開発者向けのツール開発・販売を手がける株式会社サムライズム（本社：東京都豊島区、代表取締役：山本裕介、以下サムライズム）は、CI(継続的インテグレーション)サービスとJetBrains IDEを連携させるプラグイン🌀CIcloneの最新バージョンをリリースいたしました。本日より、JetBrainsのIDE製品内からインストール・アップデートしていただけます。 新バージョンではIDEの1ウインドウで複数のプロジェクトを開いている場合、個別にCIcloneのタブが現れるようになりました。ウインドウ間の行き来が減ることで、開発生産性をより一層向上させることができます。マルチプロジェクト対応は現在のところGitHub Actionsに対応しています。 また、サポート言語を増やし、新たにRustのテストケース抽出も行えるようになりました。 既にサポート済みのJUnit、PHPUnit、

＜排泄時の音を人工知能で解析し、症状の早期発見に寄与。将来は感染症を遠隔診断して感染拡大を防止できるかもしれない＞ 自分以外には聞かれたくないおならや排泄の音だが、公衆衛生に役立つとなれば別だろうか。それらを分析し、病気発見につなげる機械を米ジョージア工科大学の科学者たちが発明した。 合成ヒト音響再現試験装置（SHART）という名で、ポンプやノズル、チューブが付いており、人体の物理現象や音が再現・分析できるものだ。製作者らは、2022年11月に行われた全米物理学会の流動力学部門年会でこの装置について発表した（ただし、査読付き学術誌にまだ掲載されていない）。 研究者たちは、排泄の音を検知して精査できるよう人工知能（AI）を訓練した。いつの日か、コレラのような致死率の高い感染症の診断に役立て、潜在的なアウトブレイク（感染症の爆発的拡大）を未然に防ぐようにするためだ。 「ハイチではコレラが再び流

内製のポストエクスプロイトツール Immeer のご紹介とともに、弊社のネットワーク・ペネトレーションテストではどのようなことをやっているのか解説いたします。 はじめに サイバーディフェンス研究所 アドベントカレンダー 2022 の 23 日目（17 記事目）です。 弊社のネットワーク・ペネトレーションテストサービスは、数多くの内製ツールとそれを使いこなすエキスパートを主軸とした疑似サイバー攻撃を行います。 サイバーディフェンス研究所のネットワーク診断（内部・外部）は、経験豊富なエンジニアが本物の攻撃に限りなく近いテストを行うことで、ホスト単体だけでなく、ネットワーク全体を侵入対象と見なした戦略的なハッキングを実施します。数千ホストを超える大規模ネットワーク、IP電話や監視カメラといった特殊経路からの侵入可否も検証可能です。 ... 数多くの内製ツールには弊社所属の歴代ハッカー達の哲学が随

npm互換が強化されたDeno 1.29リリース。独自npmレジストリのサポート、REPLでのnpmサポートなど オープンソースのJavaScript/TyeScriptランタイム「Deno」の最新版となる「Deno 1.29」がリリースされました。 Deno 1.29では、前バージョンの1.28から対応を開始したnpm モジュールに対する互換性の向上、独自npmレジストリのサポート、REPLでのnpmサポートなど、多くのアップデートが行われています。 The biggest updates in 1.29 pic.twitter.com/Fv5RMRhQgc — Deno (@deno_land) December 19, 2022 npm対応へと方針変更をしたDeno DenoはNode.jsよりも優れたサーバサイドのJavaScript/TypeScript環境を新たに作るというコン

だが、それは間違いだった。今まで筆者が使ってきたラップトップの中でバッテリー持続時間が一番長いのは確かなのだが、筆者は、バッテリー持続時間が長ければ、それだけバッテリーを酷使するようになることを知った。このため筆者は、MacBook Proのバッテリー持続時間をできる限り伸ばすため、いまだにシステムの設定を吟味しなければならない状況に置かれている。 この記事では、「macOS Ventura」を搭載したMacBookのバッテリー持続時間をできるだけ引き延ばすために、筆者がやっていることを紹介する。 1．低電力モードの設定を確認する まず「システム設定」アプリをクリックして「バッテリー」に移動し、「低電力モード」の項目を探してほしい。 そこではオプションが設定できるはずだ。 筆者は、バッテリーをできるだけ長持ちさせるため、これを「Only on Battery（バッテリー使用時のみ）」に設定

2014年に始めたこの連載もついに50回になりました。この連載は当初12回の予定で、LXCの機能を中心に紹介するつもりでした。しかし、書いているうちに予定の回数には収まらないほど書きたいことが出てきて、結局予定していた内容を書き終えたのは第26回でした。 内容についてはLXCの機能について書いたあとは、Linuxカーネルに実装されるコンテナ関連機能の紹介が中心になりました。ここ数年はLinuxカーネルに実装されるコンテナ関連の大きな機能の追加が少なくなったことと、それ以上に筆者が新しい機能を勉強する時間が少なくなり、記事として書ける内容を取得するスピードが減速したので、新しい記事を書く頻度は減りました。 このようなマイペースな連載に長くお付き合いいただきありがとうございます。スピードが減速したとはいえ、まだ書きたいネタがなくなったわけではないので引き続きお付き合いいただければと思います。

現在Swiftにマクロを導入しようという提案がSwift Evolutionのレビュー中*1です。 SwiftによってSwiftの構文を拡張できる、いわゆるメタプログラミングと呼ばれる機能です。 実はマクロの他にもSwiftでメタプログラミングを実現する機能の提案が複数提案*2*3されています。 Swift 6はメタプログラミングの時代になるかもしれません。 現代的なプログラミング言語のマクロ みなさんはマクロと聞いて、どのような機能を想像しますか？ C言語のマクロは、プリプロセッサと呼ばれるコンパイル前のプログラムによってプログラムのソースコードに置換や文字列連結を行う機能でした。 原理的には単なる文字列操作なので、プログラムの構造や型を破壊する可能性がありました。 最初のマクロに関する投稿に対しての否定的なコメントは、C言語のマクロのような機能をSwiftに導入することは危険だという意

どのタイミングで最新チップを積んでくるのか、そこが問題。 2022年も残すところわずか。今年最後の、あるいは来年最初の大きな買い物としてMacの買い替えを検討している人は、現在わかっている新型Macについての噂をチェックしてからでも遅くないでしょう。MacBookやiMac、Mac miniなど、あらゆる機種の噂をまとめました。 MacBook Pro現行の最新機種である14インチと16インチのMacBook Proは、2021年10月に発表されました。今年の秋に後継機種が来るかと予想されていましたが、どうやらアップデートは2023年の前半になりそうです。3月か6月あたりかな？ Apple事情に詳しいBloombergのMark Gurman記者によると、次のMacBook ProはM2 ProおよびM2 Maxチップを搭載するとみられています。デザインに大きな変更はなく、純粋なスペックア

この記事はソフトウェアテストのカレンダー | Advent Calendar 2022 - Qiitaの23日目です。 毎年のことながら「何を書こう・・・」と悩んでいてTwitterに助けを求めたところ、@teyamaguさんからネタをいただきました（ありがとうございます） 案1：今年読んだ中で最も役に立ったor読んで良かった本 案2：今年で見た中で最もイケていた自動テストシステム とかどうでしょうか？ — teyamagu (@teyamagu) December 6, 2022 最も役に立った、だとなかなか決めかねる部分があり、「読んでよかった本」をつらつらと書いていこうかと思います。 私が2022年に読んだというだけで、今年発売された本には限らない点ご注意ください。また、熟読した本ばかりではなく、ポイント読みやざっと流し読みした本も含めます。（意志薄弱 The BDD Books -

おはようございます。 Hiro_Matsunoです。 正直言えることですがファームウェアのアップデートはプロか慣れてるトラブルシューティングできる人に頼ったほうがいいですよ。 実は昨日C80のファームアップデート出たから当てようと思ってやってたら速攻でドハマリしました。 原因はファームウェアの設定がテスト仕様に固定されてました。 本来だったらこんな凡ミスやりませんよね。 2台設定やっていたんですが1機はすんなり直ったんですがメインのほうがうまく治らなかったんですね。 仕方ないからるC80-1号機で代役させトラブルシューティングしてC80-2号機がようやくつながったのが22:30ですね。 それからC80-1号機も調べてみたらも設定がおかしくなり結局今日の朝も対応してやっとこさ直したところですね。 これって一番やばいのはテスターや開発者ってたまに設定そのままにしてビルド担当者に渡しちゃうんです

Jun. 10 – 12, 2024   |   Philadelphia, PA AWS re:Inforce is an immersive cloud security learning event designed for the generative AI era. Build confidence and skills with interactive security learning. Connect with the AWS teams that build the security tools you rely on. And meet AWS customers to learn about their security journeys. You’ll return to work ready to navigate the latest tech advancem

LastPassは12月22日(現地時間)、2022年8月に発生したセキュリティ侵害被害について最新のコメントを発表しました(9to5Mac)。セキュリティ被害は当初の予想よりも深刻で、顧客のパスワード保管庫のコピーや、名前、電子メール、請求先住所、電話番号などが取得されていたとのことです。 LastPassのCEOであるKarim Toubba氏は、同社のブログを更新し、セキュリティ侵害の詳細の全貌を説明しています。ハッカーはまず、名前、住所、電子メール、電話番号などの顧客情報にアクセスできたとのこと。 To date, we have determined that once the cloud storage access key and dual storage container decryption keys were obtained, the threat actor co

Reactでの広告配信プラットフォーム開発！フロントエンドエンジニア募集！ 株式会社フクロウラボ @fukurou I want to hear a detailed なにをやっているのか フクロウラボは、アプリ向けの広告配信プラットフォームを企画・開発・提供している広告スタートアップです。事業は売上成長前年比125%超え、取引顧客数も300社に近づき、シェアを拡大しています。 ◆アプリに特化した広告配信プラットフォーム「Circuit X（サーキットエックス）」 アプリユーザーを獲得したい広告主と広告収益を最大化したいメディアをつなぎ、「成果型Web広告」を通じて、顧客の商品・サービスの効果的なプロモーションを支援しています。 ────「Circuit X（サーキットエックス）」3つの強み ・動画を活用した広告を導入できる ・審査を通過した高品質なメディアに特化している ・高度な技術力に

【完走賞ゲット-24】OpenAI の ChatGPT の API を公式ライブラリの JavaScript版 を試す（使い方を ChatGPT に聞いてみたりも）JavaScriptNode.jsOpenAIChatGPT はじめに こちらは、完走賞ゲットのため小ネタを毎日投稿しようとチャレンジする Advent Calendar 2022 の 24日目の記事です。 今月のアドベントカレンダー用記事で、以下の 3記事で扱った OpenAI の ChatGPT の話です。 【KDDI Engineer&Designer】AI にブラウザ用の JavaScript のプログラムをいくつか作ってもらった話 ⇒ OpenAI の ChatGPT で生成されたプログラムの解析も少々 - Qiita 【完走賞ゲット-4】続・OpenAI の ChatGPT のネタ：JavaScript の特定の技術

Ripple UIはモダンで美しいオープンソースのTailwind.cssコンポーネントとユーティリティのコレクションです。 再利用可能なコンポーネントで実装や設定も複雑性も無いシンプルな仕様で学習コストのかからない簡単に利用できるようになっています。 例えば上記サンプルは以下のようなコードで実装されています。 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/rippleui/dist/css/styles.css" /> <script src="https://cdn.tailwindcss.com"></script> <div class="navbar "> <div class="navbar-start"> <a class="navbar-item">Ripple UI</a> </div> <div cl

写真や動画から顔やナンバープレートなどのオブジェクトを検出してぼかしを適用できるライブラリ「Magritte」をGoogleがオープンソースで公開しました。単純なぼかしよりも高いレベルの難読化を施せるもので、被写体のプライバシー保護強化に役立つとされています。 Home | magritte https://google.github.io/magritte/ GitHub - google/magritte: Mediapipe-based library to redact faces from videos and images https://github.com/google/magritte Google Opens Up Tool to Make Your Privates Private https://gizmodo.com/google-privacy-ai-magri

人工知能（AI）は、ウェブサイト制作を、根本から変えてしまうでしょう。 今のところ、AI画像生成ツールは、呪文（プロンプト）を唱える、ちょっとしたコツを覚えることで、以下のようなWebレイアウトを作成できます。 beautiful landing for spiderman website, design, ux/ui, ux, ui --ar 3:2 --v 4 --q 2 「花屋、フラワーショップ」をテーマにすると、一発でWebサイト向けレイアウトを錬成できます。 「日本」をテーマにすると、こんな美しいUIデザインに。 実際にAI画像生成ツールを使いこむうちに、少しずつわかってきた、AIツールでウェブサイトやUIデザイン画像を生成するコツを、メモ的にご紹介。 アップデート、継続していきます。 コンテンツ目次 ✨ AI画像生成ツールとは？ ✨ 唱える呪文（プロンプト）って何？ ✨ 画像を

本記事は CyberAgent Advent Calendar 2022 23日目の記事です。 「節約は固定費から。」 こんにちは、しゅん（@MxShun）です。 今年11月に中途入社、AI事業本部オペレーションテクノロジーに仲間入りしました。 今回は、年間にして 1,200 万円削減 した Amazon S3 のコストカット全ステップ を紹介します。 目次 オペレーションテクノロジー AWSコストの見直し S3コスト対象 S3コスト分析 1. ストレージ容量の削減 2. ストレージクラスの見直し まとめ オペレーションテクノロジー 私がジョインしたオペレーションテクノロジーは、 サイバーエージェント 連結売上高の53%（2022年通期決算時点）を占めるインターネット広告事業売上を最大化する システム開発 大規模インターネット広告運用を可能にする 社内システム開発 の役割を担っています。

はじめにこの記事は、個人的に大切にしている「エモーショナルUIデザイン」という考え方をまとめた記事の第2回です。第1回は以下よりご覧ください。 エモーショナルUIデザインのポイント前回、「トーンと使い勝手を融合させて、ユーザーの感情に作用するようにUIをデザインすること」をエモーショナルUIデザインと定義しました。 記事を読んでくださった方から、「トーンの作り込みにリソースを割く余裕がない」「アニメーションなどやりすぎると使い勝手が悪くなりそう」といった声が寄せられました。エモーショナルUIデザインの重要なポイントだと思っているのは、単に楽しげなあしらいを増やしていい感じのものをつくりましょうということではなく、「トーンと使い勝手をいかに融合させ、一体感のあるものとしてデザインできるか」ということです。ここの方針さえ初期から押さえていれば、あとはフェーズに合わせてブラッシュアップしていくこ

こちらはエムスリーAdvent Calendar 2022の24日目の記事です。 こんにちは、デジスマチームの田口(id:ken-tunc)です。 私達のチームではQRコードによる受付や自動後払いなど、新しい診療体験を提供するデジスマ診療というサービスを開発しています。 開発メンバー6人と小規模のチームですが、毎週のように新機能をリリースしています。 また、ユーザー数も非線形的な成長を遂げており、システムのトランザクションは日に日に増加しています。 IR資料「2023年3月期第2四半期決算発表資料」より このようなスピード感のある開発を実現できている要因はいくつかありますが、この記事ではそのうちの1つであろうデジスマチームで採用しているアーキテクチャについてまとめていきます。 デジスマ診療のアーキテクチャ デジスマチーム紹介資料 イベント駆動アーキテクチャの設計で気を付けていること イベン

DeepMindのAI｢AlphaCode｣が人間のプログラマーと互角になってきた2022.12.23 20:0020,014 Mack DeGeurin - Gizmodo US ［原文］ （ 禿頭帽子屋/Word Connection JAPAN ） 人工知能（AI）に秘められた能力の段階的な発達をたどるという話になると、なぜかチェスや囲碁といった昔ながらのボードゲームが持ち出されがちです。その例は挙げればきりがないほどで、つい最近にも、戦略ゲーム｢ディプロマシー｣をプレイできるAIが話題になりました。しかし、こうした事例で示されるのは、あくまでもAIが現実世界の問題を解く能力の範囲に限られます。 これよりずっといい｢力試し｣になりそうなのが、AIと人間をプログラミングのコンテストで競わせることです。Alphabet傘下のDeepMindが保有するAIモデルAlphaCodeが、実際に

年の瀬ご多端の折、皆様におかれましては本年も大変お世話になりました。crowdworks.jpの開発をしているプロダクト開発部部長兼VPoEの@hihats です。 本記事はクラウドワークスAdvent Calendar 2022 24日目の記事です。 我々の組織ではこれまでも技術的負債解消に取り組んできていましたが、今期（10月）よりさらに人と時間をそこに集中しています。これまでこのブログでも紹介されてきたようにRuby on Railsのモノリスとなっているcrowdworks.jpにおいて、フロントエンドのVue.jsへの移行は今年に入ってから着々と進む中、バックエンドのほうは保守性の低下からどう脱却していくかが手付かずに近い状態でした。 この本丸を攻略するにあたって、闇雲にリファクタリングしていくぞ！では到底うまくいきそうにない。まず「何故やるのか、何をゴールとするのか」の意識あわ

ちょうぜつソフトウェア設計入門――PHPで理解するオブジェクト指向の活用 作者:田中 ひさてる技術評論社Amazon 予約してまで買ったものの、なかなか時間が取れず、読めていなかった『ちょうぜつソフトウェア設計入門――PHPで理解するオブジェクト指向の活用』をようやく読み終わりました。 筆者である田中ひさてるさん自身で描かれた表紙の可愛らしさからは想像もできないハードな内容なので、一気に読もうとすると「分かった気」になるだけで全然理解していなかった、ということになりがちなので、3回くらいぐるぐる読むといいと思います（そうです、この本は本文もイラストも丸っと同じ人が書いているのです！！）。 目次 第1章 クリーンアーキテクチャ 第2章 パッケージ原則 第3章 オブジェクト指向 第4章 UML（統一モデリング言語） 第5章 オブジェクト指向原則 SOLID 第6章 テスト駆動開発 第7章 依存

情報設計とは、端的に言うと「情報に関する混乱を整えて、理解しやすい形にする行い」です。情報設計というとなんとなくWebデザインやUIデザインに関する専門的な分野として認識されることが多いかもしれませんが、“情報” に関することなので、情報があるところには基本的にどこにでも通用します。 情報設計の専門書を漁ってみると、“ふわっとした” 話か、Webサイト設計の話に終始するものが多いのですが、本来はWebサイト設計以外の分野にも通用する考え方です。今回はiOSなどのアプリケーションデザインに焦点を当てて、UIの情報設計というものを考えてみたいと思います。 この資料では、「情報設計としてのUIの組み立て方と考え方」をテーマとし、すでにあるようなUIの実例を用いて情報設計視点でのUIデザインの解説を試みます。UIの具体イメージと結果から設計の意図というものをクイズ形式で考えられる内容となっています