22新卒技術研修で実施したFlutter研修の講義資料です。 動画:https://youtu.be/oQCJZFqDwIo ハンズオン用リポジトリ https://github.com/mixigroup/2022BeginnerTrainingFlutter
![Flutter研修【ミクシィ22新卒技術研修】](https://cdn-ak-scissors.b.st-hatena.com/image/square/a09ff44d08deaec3001294f80e1a3e90d23cb987/height=288;version=1;width=512/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2F8618be92707347a9bcaf44d39b5901c5%2Fslide_0.jpg%3F21617817)
メフィラス役で大人気の山本耕史 公開から17日間で興行収入27億円を突破した映画『シン・ウルトラマン』(全国公開中)で大きな話題を呼んでいるのが、山本耕史演じる外星人メフィラスの存在感だ。「すごく大きな反響がありました」と驚きを見せる山本が、公開後の周囲の反応や、難解な役へのアプローチ方法、さらには出演ラッシュの現状について語った。 【画像】メフィラス役で大人気の山本耕史「プロテイン、私の好きな言葉です」 ■大絶賛のメフィラス役、山本なりのアプローチ方法とは 見た目は人間、中身は外星人のメフィラス - (C) 2021「シン・ウルトラマン」製作委員会 (C) 円谷プロ 山本が演じたメフィラスは、外見は人間で日本語も堪能だが、中身は外星人というキャラクター。本編に登場すると、作品のテイストを変える存在として、物語に大きなインパクトを与えた。劇場公開後、メフィラスは大きな話題となり、「山本さん
","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 PC誘導枠5行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"
これは何 以下記事のアンサーブログです。 qiita.com 以下のことはコメントに書いたんですが、書ききれなかった部分もあったり整理したほうがいいなと思い記事に起こしています。 現代のアプリケーションではC10K問題よりも先にDBやアプリケーションのボトルネックが先に来るため、C10K問題に遭遇するよりも先にやることがある ミドルウェアとしての成り立ちから設定ファイルの書き方に至るまで、それぞれのソフトウェアで思想が根本的に異なるので、単なるパフォーマンス比較をしてもあまり意味がない NginxとApacheの違いをC10K問題を中心に語るのは時代が違う この記事に限らず、多くの「Nginx vs Apache」系記事では「ApacheはC10K問題を抱えている」という論理をベースにそれぞれの違いを表現しています。 が、これは2022年においては(実際にはもっと前からですが)既に事実では
脳をハックして乗り切ろう 人間の脳というか感情は意外に厳密な判断をしない 幸・不幸もわりとアバウトに判断してる だから不幸な事がちょっと続くとめちゃくちゃ不幸って気分になってしまう 生まれた時からカウントすれば総じて幸運な人生だったとしても 不幸なことにフォーカスしてしまうと人生まるごと不幸という気分になってしまう 俺がオススメするのはその逆で幸運にフォーカスする方法だ どんな些細なことでもいいので ・自分が人より幸福だと思えること ・過去自分に起きた幸運なできごと などを列挙するんだ 世の中にはとんでもなく不幸な人が沢山いるので 「この人達にくらべれば」みたいに下と比較するのもいいぞ 最初は馬鹿らしくてやってられないかもしれないが 騙されたと思って50個も数えたら本当に元気が湧いてくるぞ 人間の脳って単純だな 人間、自分が不幸だと思ってると 生き方が乱暴になって、ますます不幸になることが
高木 2年前だから、まだワクチンもなくて、医者も治し方を知らないし、世の中がてんてこ舞いになってた時期だよ。よりによってそんな時に罹るなんて……。今なら助かって帰ってくる人も多いだろ。そう考えると、余計なこと言うようだけど、もし志村があと1週間でもコロナに罹るのが遅かったら、きっと助かってたよ。もっと病院の体制も整っていてさ、違った結果になったと思うんだよな。 加藤 まあな。でもあいつだって罹りたくて罹ったわけじゃないからさ。不可抗力だよ。 高木 不可抗力だなんて、一言じゃ言えないよ。あんな早い時期に罹って、やっぱバカだよ。 加藤 いや、言えるんだよ。罹ったのは仕方ない。あの頃は、無理だったんだよ。 高木 そうかな。 加藤 長さん(いかりや長介)が死んで18年だろ。あっという間だよな。こんなこと言うとなんだけどさ、志村がいないとコントはできないけど、長さんがいなくても、不思議と4人だけでも
Reactが好きです。 Reactが好きです。コンポーネントを関数として扱うのが好きです。 SolidJSはReactそっくりの書き心地(DX)を保ちつつ、Reactに足りない要素を兼ね備えた期待の新人です。 コードの比較 React const Counter = () => { const [count, setCount] = useState(0) useEffect(() => { console.log(`Count: ${count}`) }, [count]) return ( <div> <div>{count}</div> <button onClick={() => setCount(prev => prev + 1)}>Add</button> </div> ) } const Counter = () => { const [count, setCount] =
The Edge Runtime The Edge Runtime is designed to help framework authors adopt edge computing and provide open-source tooling built on Web standards. It’s designed to be integrated into frameworks (like Next.js) and not for usage in application code. This runtime is purposefully minimal and designed for security and speed. When your framework is built on the Edge Runtime, it runs everywhere Node.js
156. 富岳から学ぶべきこととポスト富岳 (2022/4/20) 年度も変わって、牧野の旧理研AICS、現R-CCS での「粒子系シミュレータ研究チーム」も10年の年限ということで解散になりました。富岳開発のFS2020プロジェクト自体は前年度、2020年度で終了しており、プロジェクトリーダーの石川さんは既に2020年度末に R-CCS を離れています。 AICS を R-CCS に名称・組織変更し、機構長/副機構長も全て入れ換えた理事長は昨年度末で交代となり、理事も大きく入れ替わったようで、名称変更はプラスだったのか?という気はします。名称・組織変更(及び各センターのトップの入れ換え)は前理事長が進めたもので、AICS だけでなく基本的に全センターが対象になりました。新理事長がこれから理研をどういう方向にもっていくのかは注目されます。 一方、ポスト富岳は今年度にフィージビリティスタディ
はじめに みなさんは、型ガードを有効活用できていますか?もしかしたら、型ガードを利用せずに type assertion で、 never型 や unknown型 を無理やり割り当てて解決してないでしょうか? 今回は、みなさんもぜひ型ガードを有効に利用して、型安全なTypeScriptコーディングができればなあと思い本記事を書いていきます。 TypeScriptの型ガード(Type Guard)について Type Guardを使用すると、条件ブロック内のオブジェクトの型を制限することができます。 これだけ言われてもどう使うかはあまりわからないですね。 具体例を下記にコードで示していきます。 type DogBreed = 'Shiba Inu' | 'Golden retriever' | 'Chihuahua' type Dog = { readonly dogBreed: DogBre
・ネットを巡回して、いろいろなハックしてる人のブログや論文を100個ぐらい読む。 ・親切なPFNの人にお時間もらって、謎だった部分や、自分なりにたてた仮説のコンセプトをきいてもらう。 ・Udemyがちょうどセールをしてたので、AI系のクラスを3万円分購入(総額20万円相当)。2倍速でざっくり見る。 …だいたいこんな感じの3週間。数学が難しすぎて、わからないこともいっぱい。ただ頭のなかでe4eエンコーダやpix2pix的に、概念モデルのエンコーダーを作れば、数式なしでもいける感はあった。 総論としてはAIは面白いですね、ロケットサイエンスと別の方向性で「言語化されてない職人芸のアート領域」があり、ここを抑えることができれば、最先端の発見や成果は色々とうまってそうという印象を受けました。 とりあえずStyleGan2で基礎勉強をしながら、BigGan、VQGanとProblematic Dif
『Google Docs』や『Figma』といったリアルタイムな共同編集ツールの恩恵を受けている人は数多くいるでしょう。『Visual Studio Live Share』のようなエンジニアに嬉しいツールも生まれ、今日ではオンライン上でも円滑なコミュニケーションが可能になっています。 これらのツールの基礎にあるのが「共同編集」のテクノロジーです。本記事ではこの技術に焦点を当て、その仕組みと主にフロントエンドでの実用例について紹介します。 記事の前半では、リアルタイムな共同編集に用いられる技術やアルゴリズムについて、発展の歴史とあわせて紹介します。解説用のコードにはJavaScriptおよびTypeScriptを使用しますが、フロントエンドエンジニアに限らず共同編集の仕組みについて気になる読者が知識を深めるきっかけとなるはずです。 さらに後半ではフロントエンドの開発者目線で、前半で紹介した技
Webサイトをレスポンシブ対応にする時、メディアクエリを使用するのも一つの方法ですが、CSSのclamp()関数を使用すると、最小値と最大値を定義してその間の値は流動的にすることができます。 たとえば、小さいスクリーンでは最小値の16px、スクリーンが大きくなるにつれ、最大値の24pxになるまで少しずつ大きくなる、という感じです。 このclamp()関数を使用して、CSSでレスポンシブ対応のフォントサイズやレイアウトを簡単に定義できるツールを紹介します。ツールはオンラインでも、ローカルでも利用できます。 Min-Max Calculator Min-Max Calculator -GitHub Min-Max Calculatorの特徴 Min-Max Calculatorの使い方 Min-Max Calculatorの特徴 Min-Max Calculatorは、レスポンシブ対応にする時
スターフェスティバル株式会社 エンジニアの@nano72mkn です! 今回は、GW にエンジニアが Figma に入門した時のこれ覚えておけば Figma 活用できるんじゃない(個人的意見)のまとめをしていこうと思います! Figma 活用技術 これから紹介する機能たちは、同じ要素を使い回す場合にとても力を発揮します! エンジニアで Figma を触らないといけなくなった時、使い回し技術だけでも習得しておけばデザインを崩すことがなく手を入れることが可能です! AutoLayout フロントエンジニアの方にはFlexBoxとpaddingが設定できるようになる機能といえばイメージが湧くと思います! 等間隔で配置させることができる 各要素間をひとつひとつ調整する必要はないです! 要素の内側に余白を持たせることができる ドラッグ&ドロップで簡単に並び替えができる 並び替えた後に他の要素の位置を
この記事は HDL Advent Calendar 2021 5日目の記事です。 qiita.com はい、Cra2yPierr0tです。 皆さん、来週の月曜に会社や研究室に顔を出すと、ボスがニコニコしながら近づいてきて「〇〇さん、一ヶ月くらいでこんな感じのLSI作ってくれない?ツールはフリーな物を自分で探してね!」と言ってきたらどうしますか?こんな無茶振りをされるという事は、妻子を人質に取られているか拳銃を突き付けられている可能性がありますね。今この文章を読んでいる皆さん、幸運です。この記事を読めば、ボスとの交渉に使えるギリギリ成果物っぽいサムシングをこしらえる事が可能です。 ではやっていきましょう。 概要 RTLをChiselで生やしてGDSII*1をOpenLANEを使って生成しましょう。Chiselの詳しい説明はインターネットに先達が書いた記事が存在しているのでそちらを参照してくだ
チップ設計プラットフォームのEfablessがGoogleのサポートを受けて展開する「Open MPWプログラム」が開催中です。オープンソースでチップの設計図を作成し提出すれば、製造・輸送費などすべて無料でオリジナルのチップが手に入るチャンスが与えられます。締め切りは2022年6月8日です。 efabless.com https://efabless.com/open_shuttle_program 半導体を設計するメーカーは、半導体製造の依頼先であるファウンドリから「Process Design Kit(PDK)」と呼ばれる開発キットを購入するのが一般的ですが、PDKは非常に高価です。そのため、Googleは2020年に半導体ファウンドリの「SkyWater」と協力して業界初のオープンソースのPDKを公開。さらにGoogleは半導体企業のEfablessにも出資し、Multi-proje
GitLabは、これまでGitLabが自社で開発し提供してきたWebIDEを、Visual Studio CodeベースのWebIDEへ移行していくと表明しました。 Here's what's coming next to GitLab Web IDE. https://t.co/1iHQrvR46a — GitLab (@gitlab) May 24, 2022 GitLabには以前から、Webブラウザの画面からコードを管理しつつ、そのままコードの編集などを可能にするWebIDE機能が統合されていました。このWebIDEはオープンソースのMonaco EditorをベースにGitLabが開発してきたものと説明されています。 今回の発表は、このWebIDEをVisual Studio CodeベースのWebIDEに置き換えるというものです(ちなみにVisual Studio CodeもMo
はじめに ソフトウェアエンジニアでテストマンを生業とする Kuniwak です。今回は家を買うためにやったことを紹介します。 というのも、家を買うためにやったことを知人に話してみたら面白がられたため、誰かの役に立つかもしれないと思ったからです。 なおこの記事はソフトウェアに関する技術の記事ではありません(随所に検証の基本的な考え方などが散りばめられていますが…)。また、この記事で紹介する意見・手法は多分に cocopon 氏の影響を受けています。cocopon 氏の家購入エントリもこの記事と同時に公開されているはずです。 また、この記事はとても長いので先にポイントを説明しておきます。この記事ではライフプランシミュレーションに始まり次のような3Dモデルを作って日照や照明の検証をしていきます。また、3Dモデルを作るだけでは漏れが出るのでさまざまな検証を組み合わせています: 検証のために作った3
自由入力された文章をデータ化する形態素解析ですが、巨大な辞書が必要になったり次々登場する単語に対応することなどなかなか大変そうなイメージでしたが、機械学習を使った、単語分割するコンパクトな実装「TinySegmenter」を発見。ブラウザやDenoでいい感じに使えるESモジュール版にしてみました。 「頻出単語表示 by TinySegmenter」 文章を入れると、頻出単語順に並び替えて表示する、サンプルアプリ。このアプリでは、3文字以上を単語としています。一日一創ブログをコピペしてみるといい感じに! プログラムで組み込む方法は簡単、ブラウザやDenoで下記コードを入れるだけ。 import { TinySegmenter } from "https://code4fukui.github.io/TinySegmenter/TinySegmenter.js"; const segs = T
JavaScriptの文字列や配列は最長でどこまで格納できるか、気にしたことはありますか?関数は何個まで引数を取れるのでしょうか?ブロックのネストは何段まで? この記事では、そんな素朴な疑問に答えてみます。 テストに使った環境は、 macOS 12.3.1 (Arm64) Node.js v17.7.2 Firefox Nightly 102.0a1 (2022-05-29) です。当たり前ですが、この記事に載せる数値は環境によって変わる可能性があります。 テストに使ったスクリプト類は https://github.com/minoki/javascript-limits に置いてあります。 文字列の長さ まずは文字列の長さです。 規格には The String type is the set of all ordered sequences of zero or more 16-bit
Yahoo! JAPAN は日本にて検索やニュースといったメディアサービス、e コマース、メールサービスなど、100を超えるサービスを提供している企業です。これらのサービスで利用するためのユーザーアカウントも長年提供し続け、月間のログインユーザーは 5,000 万を超える規模となっています。しかし、このユーザーアカウントを提供する中で、ユーザーアカウントに対しての攻撃を継続的に受けており、また、アカウントを継続利用する上での課題についてユーザーから問い合わせも多く頂いていました。これらの課題の多くはパスワードという認証手段に依存するものでした。また、当時、技術的にもパスワード以外の認証手段を提供するための機能やデバイスの普及が始まりつつありました。こういった背景のもと、Yahoo! JAPAN はパスワードによる認証からパスワードレスな認証へ移行すると判断しました。 なぜパスワードレスか
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く