筆者はES6以前のVanilla JSがあまり好きではありませんでした。 そこで、バニラJavaScriptをなるべく書かなくていいように、2000年代を通じてさまざまなアプローチを追求してきました。最初はRJS（Ruby-to-JavaScript）、次はCoffeeScriptでした。どちらのアプローチも、バニラJavaScriptより楽しく書けるソースコードを、ブラウザが実行できるバージョンのJavaScriptへトランスパイルするものです。ある程度は、うまくいっていました。 とはいえ、これは明らかにその場しのぎの手段に過ぎず、ブラウザがより洗練されたJavaScriptを理解できる日を待ちわびていたのです。ただ、そんな日が来ることはなく、永久にその場しのぎでやり過ごすのかと思われる時期がしばらく続きました。 しかし、幸いなことにJavaScriptは改善を続け、2015年にはES6

Googleでの「Design Docs」とは 2007年の Google Developer Day Tokyo での鵜飼氏のプレゼンによると「Google で必ず書くことになっているドキュメント」であり、「プロジェクト立ち上げ時の 1～2週間をかけて書く」ものです。 今回は Google のソフトウェアエンジニアである @cramforce 氏が自身のブログで「Googleでの Design Docs」について解説している記事を公開されていたため、氏の許可を得て翻訳しています。 原文： www.industrialempathy.com 関連書籍： Googleのソフトウェアエンジニアリング ―持続可能なプログラミングを支える技術、文化、プロセス オライリージャパンAmazon 読了目安：11分 (目次) デザインドキュメント の解剖学 文脈と範囲 目標と非目標 実際のデザイン システ

はじめに タイトルのとおり、RDBのデータモデリング・テーブル設計を行う際に参考にしている考え方と関連資料をまとめました。 P.S. なんと本記事内でいくつか参考として挙げさせてもらっている増田さん・かとじゅんさん・奥野さん・そーだいさんからコメントいただくことができました。 本当にありがとうございます。 前提 RDBを採用するのは事実を無駄なく正しく記録するため 正規化、トランザクション、制約とデータ整合性 基本的には始めに理想として集合論・リレーショナルモデルに基づいて正規化を考え(論理設計)、パフォーマンスなどの現実問題に対して折り合いをつけていく(物理設計) 制約を最大限利用する cf: ↑P91〜 ↑P.29,41 ↑P56〜 ↑5章 ↑P347～ 情報とデータ データ：単なる事実の値→これを永続化して蓄えるものがRDB 情報：データから生み出される意味や目的のあるもの→RDBか

現在の実装でよく使用されるCSSの機能をはじめ、まもなく使用できるようになる新機能まで、現在とこれからのCSSを紹介します。 CSS3が登場した2015年以降の新機能、2022年これから登場するCSSの新機能、最近のCSSについてWeb制作に携わる人は要チェックです。 What's New Since CSS3 by Chris Coyier 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSS3以降の新機能 CSSワーキンググループ これから登場する新機能 はじめに 「CSS3」はCSSにとって大成功でした。たくさんの新機能がリリースされ、素晴らしいものばかりでした。CSSグラデーション、CSSアニメーション、border-radius、box-shadow、transform、などたくさんあります。さらに、CSS

エンジニア不足、エンジニア不足と言われて久しいですが、日本でのプログラミングスクールの先駆けとも言えるTECH::CAMPさんのサービス開始が2014年なので、今や8年が過ぎようとしているわけです。 ともすると、市場に既にベテラン級のエンジニアがわんさかいてもおかしくないんですが、今でも「エンジニア採用できない」という声が絶えることないように見えます。はて？どうしたことだろうか、と思ったので今市場でどんなエンジニアが求められているのかを考えてみました。 高い技術力よりも「いい感じ」力を求めている エンジニアというと、技術を駆使して問題解決をするスペシャリストというイメージがあり、技術力が高い=優秀という認識を持つのが自然です。実際、技術力が低くてまともにプロダクト開発出来ないようでは論外だし、技術的な難問の攻略が命運を分けるケースはあるにはあります。 しかし、実際には開発プロジェクトの失敗

なぜエンジニアが作る画面はダサいのか…?「理由」と「対策」を徹底解説【エンジニア向け画面デザイン講座】UXUIDesignUIデザイン画面設計 1.はじめに エンジニアの私がデザインを本気で勉強した結果、デザイナーとエンジニアはそもそも思考が大きく違っているということがわかりました。 今回は「それ」をデザインに苦手意識のあるエンジニア方にも理解してもらえたらと思い、わかりやすくまとめてみました。 2.アプリの画面デザインを考えてみよう まず、こんなアプリを考えてみてください。 フィットネストレーナーが使うアプリ トレーニングルームでお客様とお話しながら使う 端末はタブレット そして 会員の個人情報確認 前回までのトレーニング状況の確認 次回の予約受付 といったことをします。 使える情報としては、こんな感じです。 あなたならどう画面デザインをするか、もしお時間があったら考えてみてください。

このコンテンツは、 漫画「インベスターZ」をもとに 3人のバカが真面目に株について 解説した入門コミックです。 バカたちは株式投資の素人であるため、 内容にはあやふやな知識・勘違い・ ただの妄想が多数含まれています。 この漫画を参考にして株式投資を行い、 被った不利益については 一切の責任を負えません。 ご理解のうえお読みください。

最近増田でホットなAndroidとiPhoneの罵り合い。楽しいですね。 なんとなくこの業界に関わってきたので、どうして日本でこんなにiPhoneが支持されるようになったのか、ちょっと書いてみたいと思う。ちなみに俺は今は亡きS社（今は完全に消滅して、かつての本社は市役所になっている）でPHS（みんな覚えてる？）の開発に携わったのが最初。その後は出向で三浦半島の先の方で怒りのデスロードみたいな経験をしたり転職して某関西のメーカーでAndroidやったり。当時一緒にやってた人たちの一部は京セラに行ったけど、大体はどこに行ったか知らない。とにかく日本の一大産業であった携帯電話や基地局の生産や開発に一通り関わってきて、その衰退とともに生きてきました。 で、よく知られているように日本の携帯電話は1999年のiモードの導入から劇的に進歩し、ネットが見れるだけでなく、カメラも付きラジオも聞け非接触決済も

https://anond.hatelabo.jp/20211026193844 で、「iPhoneがなぜ日本人に受け入れられたか」を書いた増田です。ブクマが1600もついていてびっくりしました。いままでどんな気合い入れてブログを書いてもブクマ100もいったことがないのに、勢いに任せて書いた増田が1600とは…こういうのみんな知らなかったんですかね。 いろいろ言及してくれた人がいるんで、答えられる限り答えていきたいと思います。 ＞増田のいたS社ってのは、三洋電機？ まあ、隠す必要ないよね。そうです。ハイ。名古屋の工業系の大学を出て入りました。あの頃の三洋はすごかったんだ。二次電池、太陽電池、デジカメ、無線通信など、地味に覇権取ってた技術分野がいくつもあった。新潟で半導体も作っていたし、有機ELだって開発してたんだ。パナからは下に見られていたけど、社風はちょっと緩くて、でも活気があっていい会

Innovative Tech： このコーナーでは、テクノロジーの最新研究を紹介するWebメディア「Seamless」を主宰する山下裕毅氏が執筆。新規性の高い科学論文を山下氏がピックアップし、解説する。 東京大学の研究チームが開発した「Tsugite」は、木材を使った作品で、くぎやビスを使わずに木材を組み合わせられる「ほぞ組み継手」を設計し、CNC切削機で加工できるようにするシステムだ。接合部の形状をコンピュータで設計して切削データを作成、出力された切削データ通りに木材を加工するだけでいい。

インターネット白書というものがある。インターネットの動向をビジネス・技術・社会など多角的な視点で解説する業界定番の白書である。一般財団法人インターネット協会（IAjapan）、一般社団法人日本ネットワークインフォメーションセンター（JPNIC）、株式会社日本レジストリサービス（JPRS）の協力のもと、インプレスR&Dが発行している。 このインターネット白書は、『インターネット白書2021』で25号目を迎えた。そして最新号以外は、Webサイト「インターネット白書ARCHIVES」で無料で読める。 最新の2021年の副題は「ポストコロナのDX戦略」だ。2020年は「5Gの先にある世界」。2019年は「デジタルファースト社会への大転換」だ。それぞれの年の副題を並べてみよう。その時代のインターネットの様子が、端的に切り取られている。 2021年：ポストコロナのDX戦略 2020年：5Gの先にある世

ガソリン車廃止問題は相当深刻な状況だ。日本のメーカーの製品が100%EVだけになったとしても、その時代の環境負荷尺度がLCAだったとしたら、もう日本でモノ作りをやっていては絶対に勝てない。 その理由は、電源の化石燃料率にある。日本は現状非化石燃料は30%程度しかない。グローバルなカーボンプライシング規制が始まれば、製造時のCO2負荷で莫大な罰則税を受けるだろうから、非化石燃料比率を90%とかに上げない限り、競争に参加すらできない。そう言うルールになったら、全ての電気を使う、かつ国際的商品を作る製造業は日本を出て、電源のキレイな国へ移転するしか方法がない。 ではその時までに電源改革が間に合うのか。そういう話になれば、政治的難しさを全部ねじ伏せて原発の新規建設を大々的にやる以外に選択肢がない。ホントにできるのか？ もちろん本質的には電源の脱CO2をやらないで済む出口はない。だから何としてもやら

この投稿では、JavaScript(Node.js)でディープコピーするにあたって使えるコードスニペットやライブラリの処理速度を比較した結果をお見せします。 比較対象 JSON.stringify/JSON.parse Nodeビルトインモジュールv8のserialize/deserialize lodashのcloneDeep deepcopy - deep copy data clone - offers foolproof deep cloning of objects, arrays, numbers, strings, maps, sets, promises, etc. in JavaScript. clone-deep - Recursively (deep) clone JavaScript native types, like Object, Array, RegExp,

Third Row Tesla のチームが再びイーロン・マスク氏を迎えたポッドキャストを配信しました。今回は自動車、航空、医療など多岐に渡るエンジニアコンサルタント業務を提供するサンディ・マンロー氏も加わり、モデルYやテスラのビジネスについてのインタビューが行われました。サマリーをお届けします。 動画のYouTube配信はこちら（当然ながら英語です） モデルYの革新的フィーチャーはオクトバルブとヒート・ループ （文中のEはマスク氏、Sはマンロー氏です。） まずはオクトバルブについて。 E　まずこの話は一般消費者向けではなく、車がどうやって作られるのかに興味があるエンジニアなどのマニア用だ。それはともかく、モデルYで特にすごいのはオクトバルブを使ったヒートポンプのデザイン。オクトバルブは非常にクレバーなアイディアだ。 ヒートポンプとアンダーボディキャスティング（車体下部の鋳造）と呼ばれている

Google の Cloud セグメントが約5,880億円の巨額損失を出したというニュースを見かけた。 [TechCrunch] Google Cloudは2020年に約5880億円の損失 https://jp.techcrunch.com/2021/02/03/2021-02-02-google-cloud-lost-5-6b-in-2020/ Form 10-K はこちら。 この赤字について�身近で様々な意見を見かけたが、自分の印象と異なるものが多かったので個人的な意見を書いておきたい。 以下、 $ 1B = $ 1 Billion（10億ドル）とする。 GCP は大丈夫か？ このニュースを見て GCP 大丈夫かな？続くのかな？というのが気になる人がいると思う。むしろ何千億円の赤字なんて大丈夫かと思うのが普通だろう。 しかしながら、Cloud で何千億円の赤字を出したところで Goog

情報科学若手の会とは、情報科学に携わる学生、若手研究者、エンジニアのディスカッションと交流の会です。NTT東日本特殊局員の登氏が政府に配布停止要請されたVPNソフトの話など、シン・テレワークシステムの開発のもととなった数々の経験を開発秘話として講演しました。今回は登氏がNTT東日本に呼ばれるまでの経緯について。前回の記事はこちら。 村井研を真似た部屋を大学内に作る 登大遊氏（以下、登）：しばらくして、どうも他にすごい大学があるという噂が回ってきました。「SFCの村井先生の研究室はすごいらしい」と。みんな知らなかったんのですが、ちょっと筑波大の学生が夜中に見学しに行ったら、あそこはすごいと。「村井研はすごい」と。 こういうものを作りたくて、我々も真似しようとヤフーオークションや大学廃棄で大量機材を持ってきました。あとは、先ほどの国のお話とかでの収益と、SoftEtherも売れていたので収益が

JAMstackってなに？実践に学ぶ高速表示を実現するアーキテクチャの構成 JAMstackは、「JavaScript」「APIs」「Markup」の3つの技術を組み合わせた、新しいWebアプリケーションアーキテクチャです。いち早くJAMstackを利用してWebサイトを作成した、寺川直宏さんと風間雅也さんにJAMstackについて聞きました。 JAMstackという言葉をご存知でしょうか。JAMstackは、「JavaScript」「APIs」「Markup」という3つの技術を組み合わせた、新しいWebアプリケーションアーキテクチャです。パフォーマンスの改善、セキュリティの担保、スケーラビリティの確保が見込めるため、フロントエンド界隈で、大きな注目を集めています。 しかしまだ登場したばかりの概念ゆえ、実例も少なく、理解しにくい面もあります。そこで、いち早くJAMstackでWebサイトを

はじめに Jamstackという言葉をきくようになって久しいですが、最近改めてJamstackを学ぶ機会がありました 以前こんな記事も書きましたがライブラリやサービスを並べただけで何も分かってませんでした ようやくちょっとだけ理解してきたので、Jamstackの特徴やそれを支える仕組みをまとめます とりあえず流行りの構成を試してみただけの昔の自分へ届けてあげたい記事です Jamstackとは https://jamstack.org/ JamstackのJamはJavaScript/APIs/Markupの頭文字です JavaScriptでAPIをたたいてMarkupを配信することを意味しています これだけ見るとSPAなど単なるWebアプリのようですね Jamstackの特徴としてパフォーマンスの高さとセキュリティの高さがうたわれています これらをどのようにして実現するのか見ていきます J

Amazonで商品を探そうとしても、どこのメーカーかも分からずに「最新版」をうたうヘッドセットなど、見るからに怪し過ぎるアイテムが次々と出てきます。闇市化しているAmazonでは、説明文の日本語がおかしいこともしばしばです。 実際、Amazonの本から「ラジオ」で検索すると、スポンサー表示であるラジオ機器が先頭に表示されます。そこで、Amazon裏技の検索コマンド「&sort=salesrank」を追加して絞り込みすると、公式「ベストセラー」表示の付いた書籍が表示されました。 Amazonには検索結果URLの末尾に特定の検索コマンドを追加すると、表示される商品を絞り込める裏技があります。例えば、インチキベストセラーを除去するには、Amazon裏技の検索コマンド「&sort=salesrank」を追加。これでAmazonが本当のベストセラー順に絞り込み検索表示が変わります。 実際にAmazo