株式会社ICSの池田・西原・松本の3人で『フロントエンドの知識地図 〜 一冊でHTML/CSS/JavaScriptの開発技術が学べる本』という書籍を執筆しました！ ICS MEDIAではHTML・CSS・JavaScriptにおける最新技術をテーマに取り扱っています。ウェブメディアの特性上、記事は断片的な情報となることが多く、体系的な発信が難しいと我々は課題感を持っていました。そこで、この書籍ではICS MEDIAでは発信の難しかった、フロントエンドの全容を一冊で伝えることを目指しています。 2023年11月24日の発売で、Amazonや書店や電子版で購入できます。 Amazon サポートページ 2023年4月に執筆を開始し、フロントエンドのトレンドをまとめてキャッチアップできるようテーマを選定しました。344ページで、紙面はフルカラー。内容の厚みにたいして、定価2,860円（本体2,6

フロントエンドと自分のキャリア形成について。このスキルツリーとセットで見るといいかもです。 https://whimsical.com/oPYtoDPyho6uWK1gDmD9e

はじめに 「Typescriptの次はRustかもしれない」という記事がバズってるのを見かけました。 なかなか面白くて、PAとしてのWASMとRustを比較している記事です。ちょうど最近「レガシーおじさん、SPAを始めてみた。そして限界を知る」でも書いた通り最近SPAに手を出してみたのですが、いろいろやろうとするとSSRのためのBackend for Frontend (BFF)等が必要になるとわかり「これJSでやる必要なくない？」とも感じていたのでちょうど良かったです。 こういうのを見るとRIAやGWTのように似たアプローチで廃れた技術や、登場が早すぎたMeteor、今も頑張ってるMSのBlazorなど色々頭をよぎります。といわけで歴史を俯瞰する意味でHTML + JavaScriptとそれ以外の技術のせめぎ合いの歴史やMSのBlazorやRustのyewなどWebassemblyを使う

プログラミング言語やライブラリの名前ではなく、ブラウザでプログラムを高速実行するための、 「ブラウザ上で動くバイナリコードの新しいフォーマット(仕様)」 である。 Google, Microsoft, Mozzila, Appleによって仕様が策定され開発が進められている。 WebAssembly (abbreviated Wasm) is a binary instruction format for a stack-based virtual machine. Wasm is designed as a portable target for compilation of high-level languages like C/C++/Rust, enabling deployment on the web for client and server applications. htt

入社してから2週間ほどJavaScriptメインで研修を受けさせていただいて大変勉強になったので、印象に残った出来事や参考になった文献を書き残しておきます。 ESLintの使い方を覚えた 簡単に説明すると規約に沿っていないJavaScriptのコードの記述に対して指摘してくれたり--fixオプションを叩くだけで自動整形してくれる超絶便利なツール。 qiita.com 今まではあまり使う機会がなかったのだけれど、今回の研修のカリキュラムでESLintの導入を丁寧に解説していただいて使い方を覚えることができた。ちなみに今の所はJavaScript Standard Styleのルールを適用して使っています。 Node.jsでCLIツールを作れるようになった 研修の課題では、CLI上でカレンダーを表示できるアプリケーション(要はcalコマンドみたいなやつ)や、CLI上でecho '"hoge"

こんにちは、hachi8833です。BPS社内勉強会の発表を元に、社内JavaScript勢の皆さまのお力を得て記事を書きました。 目的 JavaScriptをたまにしか使わない私ですが、それもあってなおさら書くときに迷いに迷います。 ネットの情報多すぎ、動き激しすぎ、選り分けるにしても指針が欲しい 古いコードや毒入りコードを拾って食あたりや、泥舟に乗って沈没するのを少しでも避けたい 最初の一歩をどこから踏み出すかの手がかりが欲しい そういったわけで、2019年前半と区切って、一度JavaScript世界について門外漢ならではの「大きな絵」が欲しかったのでした。ここに書いたことの中には来年には古くなっているものあるかもしれません。 ただ、社内のJS勢の話を総合すると、JavaScript世界は数年前に比べるとかなり落ち着きつつあるとのことです。この機会にということで、主に自分のために現在の

「私は既に萎縮している」　セキュリティエンジニア、兵庫県警に情報公開請求　「いたずらURLで摘発」問題で JavaScriptを使った無限ループプログラムのURLを掲示板に書き込んだ男性2人が、不正指令電磁的記録（ウイルス）供用未遂の疑いで兵庫県警に書類送検され、13歳の女子中学生が補導された事件。いたずらURLを貼っただけで摘発という事態に、「何がセーフで何がアウトか分からない」とエンジニアの間で困惑が広がっている。 セキュリティエンジニアのozumaさんは3月13日、どういった内容が犯罪行為になるか説明した内部文書の写しを求める情報公開請求を、兵庫県警に行ったとブログで明かした。現状を放置すると、ハッキングツールの使い方を講演したり、ブログで攻撃手法についてレポートするセキュリティエンジニアなど、「日本のサイバーセキュリティを守るべき人材が逮捕されるリスクがある」とし、警察が犯罪と判断

マイクロソフトが Excel に Python を搭載することを検討しているというニュースが流れたのは１年前のことで、結構話題になりました。昨年の Python Advent Calendar 2017 では、ExcelにPythonが搭載されることを期待して「ExcelにPythonが搭載？」という記事を書きましたが、今回は、その続編を書きます。 そのニュースというのは、マイクロソフトが Excel に Python を搭載するかどうかを検討するためアンケートを実施したということなのですが、詳しく知りたい方は、Publickeyの「ExcelにPython搭載、マイクロソフトが検討。アンケートを実施中」という記事がわかりやすいので、そちらをみてください。 その後どうなったかというと、マイクロソフトが運営しているコミュニティサイト「Excel’s Suggestion Box」に投稿されて

誤訳？東洋経済の記事が発端でツイッタートレンド入り 訳者はホラー映画「13日の金曜日」のジェイソンを想像したのかも

【追記】 Google Chrome 66 より動画の自動再生が制限されてしまいました。 そのため、DevTools を開いても自動では地球は滅亡せず、大幅に UX が低下しています。 地球滅亡のライブ感を楽しみたい方は、Firefox, Safari など他ブラウザでご利用ください。 【追記2】 LT のスライドはこちら 何をしたの？ Chrome などの DevTools を開くと**人類が滅亡**するジョークライブラリ作ったよ！ devtool-meteor https://github.com/diescake/devtool-meteor デモページ DevTools を開いたら人類滅亡https://t.co/DOhhkHBDcG pic.twitter.com/UYOKvTxTgy — diescake (@pomeranian_dev) 2018年1月14日 俺にも使えるの

はじめに うちには幼稚園に通う子供がいます。「バス来ちゃうよ、ご飯急いで！」「遅れちゃうよ、早くトイレに行ってきて！」そんなやり取りが繰り返される毎日。少しだけ険悪なムードになることもあって、はぁ、なんだか朝から嫌だなぁ...。 と、Google Homeで任意の言葉を読み上げることができると知った妻より「これ、使えないの？」との発言。人に指摘されるのを嫌うのは、幼稚園児だって同じはず。ナイスアイデア！ やりたいこと 妻から指定された要件は以下でした。 指定時刻に、指定した文章を読み上げて。 各曜日ごとに読み上げる文章は変更したいな。 読み上げ以外にも、指定時刻に特定の処理を実行できるようにしておいて。 お、おっけー...。 どうやったか 処理フロー 処理フローは、Googleスプレッドシート→Firebase→ラズパイ→Google Homeとしました。 それぞれの連携では（1）Goog

数学 - Python - JavaScript - 三角関数、グラフの描画、微分、導関数、二階微分、極値、変曲点、極限( @fmathsecond )ラジオ2さんのツイートより

React伝道師id:mizchi氏、Qiitaに入社しReact+ElectronでKobitoを開発、QiitaのフロントエンドもReactで構築 ↓ mizchi氏退社 ↓ Kobitoサポート終了 ↓ ジョージ氏Qiita入社、ジョージ氏製作のhyperappでフロントエンドを再構築 という流れを見ていると mizchi氏、Qiita社内ではみんなから存在レベルでうざがられていたんだなと察してしまい涙が出てくる

概要 ファミコンのエミュレータをJSでだらだらと作ってた。そこそこ遊べるようになったので公開しておく。技術的な内容は、またどこかで発表したり、Qiitaなどにまとめたい。（忘れないうちに。需要があるかは怪しいが。） 随分昔に作ってみたいなーと思いFPGAでの実装を開始したんだけど、早々に挫折した覚えがある。今思うとFPGAの場合タイミングの問題が付き纏うのでJSで書くより圧倒的に難易度も高いし、ハードエミュレータを実装するにしても前段階としてソフトウェミュレータを実装するのが定石っぽいので無謀だったっぽい。 ひとまずMapper0という基本的なカセット形式のみに対応し、スーパーマリオブラザーズがそこそこ遊べるくらいを目標とした。 成果物 github.com ファミコンのスペック MPU 6502(RP2A03), 8bit WRAM2KB VRAM 2KB 最大発色数 52色 画面解像度

はじめに#僕が以前書いたModern JavaScript 概観、そして Electron へは、読んで貰えただろうか？ あれは初学者には全く向いてないエントリだ。 あのエントリは、僕の理解したモダンな JavaScript 全体について概観することを目的としているからね。 あれを読んで、「今の JavaScript ってこんなに大変なのか…」と感じた人は多いだろう。 しかし、ある程度のソフトウェアを開発するために技術全般を概観しようとすれば、ああいう分量になるのは致し方ない。 と言う訳で、今回はちゃんと初心者向けのエントリを書いた。 少し多く感じるかもしれないが、丁寧に説明しようとしたからだと好意的に解釈して欲しい。 開発環境#Thinkpad X1 Carbon 2016 年モデルに Windows10 をインストールしてある。 ハードウェアスペックは、こうだ。 CPU i7 6600

http://anond.hatelabo.jp/20170128125048 優秀な外国人技術者を活用できている国内企業を一社知っている。とても感銘を受けたのでここに書いておきたい。 ある分野向けの業務系システム（参入している企業は10社以上ある）を開発販売しているベンチャーだ。 システム連携のお仕事をさせていただいたことがあるが、まずその技術力の高さに驚かされた。 2015年前半の時点で競合他社のネイティブアプリよりも高速・多機能なものを、JavascriptによるSPAで実装していたのだ。 ネイティブアプリのようにサクサク動き、ビジネスロジックが複雑で巨大なアプリケーションはjsでは作成できないと思っていたが、 実際に動くものを突きつけられてはぐうの音も出ない。 次にAPI仕様書の提供を受けたがこれも驚き。 今まで見てきた競合他社のAPI仕様書はベンチャー系によくある雑なドキュメント

※何度投稿しようとしてもBad Requestが出てしまったのでgistで投稿します。ご了承下さい。 gist.github.com

JSの学習コスト高いかという問題、言語のコア自体はシンプルだが細かい == とかのハマりどころが多いのと、言語機能自体がシンプルすぎてエコシステムを理解してモジュールを扱うところに辿り着くのが大変、という問題に分類できる— 現場の声 (@mizchi) 2016年8月15日 jQueryの学習コストは、DOMはツリーなんだよという概念の獲得と DOM API の抽象サブセットを覚えるというだけで、2016年現在は jQueryによるUI設計論(ここが高まるとBackboneとかその辺)みたいなものに手を出す必要がないなら、そんなでもないんだろうな— 現場の声 (@mizchi) 2016年8月15日 Reactが難しいと言われる場合、仮想DOMという概念がやや難しい、というか非常にCS的なアルゴリズムとデータ構造が背景にあって、その上で単純なトップレベルAPIとアルゴリズムを理解してないと