Is Stencil a Better React?
Recently I went looking for ways to code web components and found this great post - “All the Ways to Make a Web Component - October 2020 Update”. It lists ~30 libraries for creating web components, comparing code style, performance and bundle size. One of the libraries got me intrigued - Stencil - which looks very promising and has lots of stars on GitHub - about 8.6k. Stencil is a React-inspired
現実世界のAWS、「伸縮自在な倉庫」Flexeが提供する空間以上のもの（2/2） - BRIDGE（ブリッジ）テクノロジー＆スタートアップ情報
データと意思決定者 Flexeの顧客向け出荷ダッシュボード （前回からのつづき）Flexeは倉庫のキャパシティにフォーカスする一方、その空間以上のものを売っている。 さまざまな注文および在庫システムをダイレクトに統合した独自の倉庫管理システム（WMS）は、時間どおりに出荷された注文の割合や注文の正確性、 労働生産性、注文単価とユニットあたりのコスト、さらには商品の到着時には倉庫へ格納されるまでの時間といったことまでパフォーマンスメトリクスで表示できる。 Siebrecht氏によるとコストと効率を最適化するためにこれらのデータを利用し、各倉庫内での一括受注処理の流れ（スタッフが作業を実行するための割当て）を変更をしたり、小売業者と倉庫オペレーターは戦略的な決定をいくつでも行うことが可能だ。Siebrecht氏は 「それ以外のデータの利用例には、ネットワーク全体の在庫バランスの再調整や、それぞ
コンテナ・サーバーレスデプロイの自動管理を支援する「AWS Proton」がパブリックプレビュー開始
米Amazon Web Servicesは、サーバレスおよびコンテナベースアプリケーションのインフラストラクチャプロビジョニングと、コードデプロイメントの自動化および管理を支援するサービス「AWS Proton」パブリックプレビューの提供を、12月1日（現地時間）に開始した。 AWS Protonによって、インフラストラクチャチームは標準テンプレートを一元的に定義して、組織内で利用できるようになり、開発者の生産性に影響を与えることなく、インフラストラクチャの管理および更新が可能になる。 AWS Protonは、CodePipelineやCloudWatchといった、一般的に使用されるCI/CDパイプラインおよび可観測性ツールと統合されており、AWS FargateやAWS Lambdaのような、AWS上で提供されるサービスのベストプラクティスに基づくテンプレートが提供される。 アプリケーシ
Windows 10でJSONを扱う (1/2)
最近、JSON（ジェーソン）を用いたデータ交換が増えてきた。JSONとは13日の金曜日に来るヤツでもなければ、スーパーマーケットの名前でもない。「JavaScript Object Notation」の略で、当初はJavaScriptでオブジェクトデータをファイルに保存したり、通信で送信するなどの前に「シリアライズ」するための仕様だったが、現在ではECMAやIETFで標準化されており、さまざまな言語から利用が可能だ。 Windowsで作業する際にもこのJSONデータを扱うことがあり、今後もさらに増えていくことが考えられる。今回は、JSONをちゃんと解説して、Windowsでの簡単な使い方を見ていく。なお、JSONの仕様書はECMA-404であり、以下のサイトから入手が可能だ（https://www.json.org/json-ja.html）
Apple M1チップ搭載のMac上で動作する「Android Emulator M1 Preview」がリリース。
GoogleがApple M1チップ搭載のMac上で動作する「Android Emulator M1 Preview」をリリースしています。詳細は以下から。 GoogleでAndroidエミュレーターを開発されているLingfeng Yangさんは現地時間2020年12月04日、Appleが新たに販売を開始したApple Silicon「Apple M1」チップ搭載のMacで動作するAndroidエミュレーター「Android Emulator M1 Preview」をリリースしたと発表しています。 Friday, December 4, 2020 We’ve made a rough initial preview of the emulator running on Apple Silicon available here.[…]This is a preview of some ba
7 Ways to Make Your iPad Feel More Like a MacBook
Want to turn your iPad into a laptop replacement? Here are 7 key ways to beef up your tablet experience. While you might have considered the iPad just a bigger iPhone when it first launched, the device has increased in both power and usability over the years. Thus, you might have interest in ditching your MacBook for a lighter, more portable iPad. Apple has made many hardware and software innovati
iOSデバイス上に仮想マシンを作成できるアプリ「UTM」がApple Silicon Macをサポートし、M1チップ搭載のMac上にARM64版WindowsやUbuntuをインストール可能に。
iOSデバイス上に仮想マシンを作成できる仮想化アプリ「UTM」がmacOS 11 Big SurとApple M1チップ搭載のMacをサポートし、M1 Mac上にARM64版WindowsやUbuntuをインストールすることが可能になっています。詳細は以下から。 Appleが2020年11月に販売を開始したApple Silicon「Apple M1」チップ搭載のMacでは、x86_64のWindowsやLinux OSは動作しないものの、AppleのHypervisorフレームワークとオープンソースのCPUエミュレータQEMUを利用して、ARM版のWindows 10やLinuxを動作させられることが確認され、ラッパーアプリも公開されていますが、 JailbreakしたiPhoneやiPad上に仮想マシンを作成し、WindowsやLinuxを動作させるQEMUベースの仮想化アプリ「UTM
Posts in the "React" category | Bekk Christmas
UseEffects only for side effectsI have created numerous bugs by using useEffect wrong, and I have learned the hard way how to solve them. As a result of my errors I have acquired a set of best practices I like to follow, and I like to share them with you. Happy reading! Three techniques for faster React apps“Premature optimization is the root of all evil” is an oft repeated adage, and rightly so.
TypeScript＋Reactで安全に動かし続けるために LINE証券のフロントエンドにおける型安全性への取り組み
2020年11月25〜27日の3日間、LINE株式会社が主催するエンジニア向け技術カンファレンス「LINE DEVELOPER DAY 2020」がオンラインで開催されました。そこでLINEのフィナンシャル開発センターFront-endチームのフロントエンドエンジニアである鈴木僚太氏が、「LINE証券フロントエンドにおける型安全性への取り組み」というテーマで、TypeScript＋Reactで安全に開発を続ける方法について共有。前半は「LINE証券」のフロントエンドがどのように作られているかについて紹介しました。 LINE証券フロントエンドにおける型安全性への取り組み 鈴木僚太氏（以下、鈴木）：このセッションでは『LINE証券フロントエンドにおける型安全性への取り組み』についてお話いたします。私はフィナンシャル開発センターの鈴木僚太と申します。よろしくお願いします。 最初少し自己紹介をさせ
React向けライブラリを解説～フォームの状態管理を助けるFormikとは？
昨今、WebアプリケーションのフロントエンドをReactで作成する機会は少しずつ増えてきました。Reactそのものは状態管理とUIを効率的にひもづけるためのフレームワークですが、その周辺には、複雑な状態管理を効率化するライブラリやきれいなUIを提供してくれるライブラリなど、魅力的なライブラリが数多く存在しています。本連載では、そんなライブラリを1つずつ、実例を添えて解説することで、現場で課題に出会った際に適切なライブラリを選択できる力を養います。第1回となる今回は、入力フォームについて扱います。 対象読者 JavaScriptとWeb開発の基礎に理解がある方 Reactを用いたJavaScriptアプリケーション開発の経験者 前提環境 筆者の検証環境は以下の通りです。 macOS Catalina 10.15.7 Node.js 14.14.0／npm 6.14.8 React 17.0.
2020年のCSSのまとめ、FlexboxやCSS Gridの使用状況、よく使用するプロパティや単位、人気のフレームワークやツールなど
CSSを10年以上書いてきた人にとって、この2020年は今までとは全く違ったCSSになったと感じた人も多いと思います。 レスポンシブはブレークポイントの代わりにCSS Gridでより簡単に実装できるようになり、グローバルなスタイルシートに頼るのではなく、CSS-in-JSでスタイルをコンポーネントに配置してテーマ性のあるデザインシステムを構築できます。 フレームワークではTailwind CSSが浸透し、ユーティリティ・ファーストのCSSが使用されるようになりました。2020年現在、CSSの使用状況を調査した「The State of CSS 2020」を紹介します。 The State of CSS 2020 The State of CSS 2020は、The State of CSS Surveyでアンケートを行った調査結果をまとめたものです。私も1票分参加しました。 ちなみに、代表
AWS MFAを一撃で認証するCLIコマンド作ってみた - Techtouch Developers Blog
この記事はテックタッチアドベントカレンダー7 日目の記事です。 6 日目はハルキスト伊藤（@ihiroky）による BHO (Browser Helper Object) をめぐる冒険 でした。 プロダクトオーナーの尾崎です。今年の最初に購入したスタンドアローン食器洗い機が便利すぎて、いまだに毎日心の中で感謝し続けている日々です。 今年買ってよかったものダントツ 1 位。ありがとう、サンコーさん。 この記事は何 免責事項 現状と不満 1. シェルが変わるたびに認証が必要な問題 2. 複数のAWS_PROFILEが切り替えられない問題 3. MFAトークンの入力が面倒くさい問題 トークン生成のためのsecret keyを入手する secret keyをセキュアに保存する secret keyからMFAトークンを生成する 本当にセキュアなのか？ PCのみを使うことで"MFAとしての強度"が下が
新型MacBook Pro、20コアCPU搭載か 128コアGPUも開発中との噂
新型MacBook Pro、20コアCPU搭載か 128コアGPUも開発中との噂 最短で2021年春に新モデルが登場、秋までにかけて発表予定 Appleは、MacBook ProおよびiMacのAppleシリコンモデルを2021年に発表する可能性がある。Bloombergが、来年以降のAppleシリコンMacの発表計画や搭載されるチップの仕様を明らかにした。 Appleは今年11月、MacBook Pro、MacBook Air、Mac miniのエントリーモデルをAppleシリコン（M1）へ移行。2年間かけてすべてのMacラインアップをIntelから自社製チップに切り替えるとWWDC 2020で発表していた。 高性能コアが最大32個内蔵されたチップもデスクトップ向けに開発中か M1チップは最大8コアCPUを内蔵している AppleはMacBook ProおよびiMac向けに、16個の高性
GitHub、最も使われている言語はJavaScript、TypeScriptも急上昇。パンデミック後にGitHubの利用が急増。年次レポート「The 2020 State of the Octoverse」発表
GitHub、最も使われている言語はJavaScript、TypeScriptも急上昇。パンデミック後にGitHubの利用が急増。年次レポート「The 2020 State of the Octoverse」発表 GitHubは、この1年の利用動向などをまとめた年次レポート「The 2020 State of the Octoverse」を発表しました。 全文は上記のWebサイトからレポートをダウンロードして読むことができます。ここでは主なポイントを紹介しましょう。 GitHubの利用ユーザーはトータルで5600万人以上。この1年で6000万以上の新規リポジトリが作成されました。
GitHub、年間レポート「The State of the Octoverse 2020」を公開
同レポートは、「生産性レポート」「コミュニティレポート」「セキュリティレポート」の3本で構成されている。 2019年10月～2020年9月のデータから、GitHubを見てみると、GitHubを利用している開発者数は5600万人、新しく作成されたリポジトリは6000万、フォーチュン50社の72％がエンタープライズ版GitHubを利用している。また、アクティブユーザーの34％が北米、30％がアジア、26％がヨーロッパに分布し、JavaScriptが2014年から2020年に至るまでもっとも使用されているプログラミング言語であった。 「生産性レポート」では、新型コロナウイルス感染症の影響で、より多くの時間をオープンソースプロジェクトに費やしていることや、前年よりもリポジトリ作成数が35％増加するとともに、オープンソースプロジェクトへの貢献が25％増加し、週あたりのプルリクエストのマージ時間が7.
真のマットブラックなMacBookが将来登場するかも
絶対にカッコいい。 現在はスペースグレー色が用意されているMacBookですが、将来にはマットブラックカラーが投入されるかもしれません。 Apple（アップル）による米特許商標庁への特許出願｢Anodized Part Having a Matte Black Appearance（マットブラック調の陽極酸化部品）｣では、アルミニウムやチタン、スチールなどの素材をマットブラックカラーに仕上げる方法を解説しています。 さらにこのマットブラック、表面のアルマイト層の表面をエッチングすることで｢一般的な全ての可視光を吸収する｣ことを目指している、というのです。これにより、光を反射しない完全なマットブラックカラーが実現できるかもしれません。 アップル製品におけるマットブラックといえば、iPhone 7で投入された過去があります。しかしiPhone 7のマットブラックは塗装ハゲが問題になったことから
Raspberry PiでAWS互換のコンテナ環境を作れるAmazon ECS Anywhere。AWSがコンテナとKubernetesでハイブリッドクラウド／マルチクラウド対応へ大きく踏み出す
AWSの競合であるGoogle CloudやMicrosoft Azureは、すでにコンテナとKubernetesをベースとしたハイブリッドクラウド／マルチクラウドのソリューションであるAnthosとAzure Arcを展開しています。 AnthosもAzure Arcも、Kubernetesによってクラウド基盤やオンプレミスを抽象化したうえでコンテナのポータビリティを用いることで、自社クラウドのアプリケーションをオンプレミスでも他社のクラウドでも実行可能にすることを基本的な仕組みとしています。 「Amazon ECS Anywhere」と「Amazon EKS Anywhere」も、これらと似たソリューションを提供するものといえます。 コンテナのポータビリティとKubernetesのインフラ抽象化の機能を活用することで、AWS上のコンテナアプリケーションが簡単にオンプレミスや他社クラウド
M1 Mac対応のアプリを確認できる「Is Apple Silicon Ready?」 | ライフハッカー・ジャパン
バックパックの背中「汗」問題を解決! これを取り付けるだけで夏場でもさらっと快適【今日のライフハックツール】
GitHubで最も使われている言語はJavaScript TypeScriptが急上昇でPHPは下落
米GitHubは12月2日、2019年10月からの1年間で最も利用者数の多かった開発言語はJavaScriptだったと発表した。年次レポート「The 2020 State of the OCTOVERSE」の中で発表したもので、JavaScriptは2014年から首位を守っている。 JavaScriptは1995年に誕生。当初はWebブラウザで実行するものでしかなかったが、2009年にはJavaScriptで記述したプログラムをWebサーバで実行し、動的Webページを生成可能にした「Node.js」が登場。2013年にGitHubが開発したフレームワーク「Electron」を利用することで、macOS、Windows、Linuxで動作するデスクトップアプリケーションを開発できるようになり、さらに活躍の場が広がった。 2位はPython。2019年の3位から順位を1つ上げた。最近では、機械学
GitHub Hacking ~GitHubを容量無制限のクラウドストレージとして使用する試み~ - Qiita
警告 今回紹介している内容はGitHubの公式からは「やるなよ!!」と言われている内容を紹介しています 私のディスク容量はいくつですか？ これを理解した上で以降を読み進めてください 問い GitHub には git push した場合には容量制限があり、1ファイル100MB を超える場合は Git LFS を使って git push を行わないとエラーが発生してしまいgit push することができません。 この仕様については共通の認識としてよく出てきますがリポジトリの総計の容量の上限については言及されていません。そのため、実際にやってみてどこまでできるのか試してみたいと思います。 実際にやってみた結果 約1254652ファイル、約164.6GB のリポジトリ全てGitHubにpushすることに成功しました!! GitHubすごい!! リポジトリはこのような感じになっておりました。 (あま
Rust エラー処理2020 - 電気ひつじ牧場
このエントリは，Rust 3 Advent Calendar 2020の8日目の記事です． はじめに エラー処理の基本 Result<T, E> Errorトレイト ?オペレータ ベストプラクティスを支えるクレート anyhow thiserror failureクレートについて まとめ 追記 はじめに Rustを書いている時にアプリケーション固有のエラー型を定義したい場合があります．この辺のベストプラクティスは今まで何度か変化*1しており，今年の9月にエラーハンドリングのプロジェクトグループが発足*2したことからも分かるとおり，今後も変化していく可能性が濃厚です． この記事では，エラー処理まわりに関する基本的な内容と，現時点でのベストプラクティスとされているanyhowとthiserrorを用いたエラー処理について紹介します． エラー処理の基本 Result<T, E> Rustには例外
Rubyで設定を書けるLinux用キーマッパー 「rumap」をRustで作った - さんちゃのblog
この記事は、 CAMPHOR- アドベントカレンダー 2020の8日目の記事です。 Rubyで設定を書けるLinux用のキーマッパーをRustで実装した話をします。 Rumap Rumap は Ruby DSLで設定を書けるLinux用のキーマッパーです(正確にはX Window System用)。 github.com キーマッパーとは何かというと、karabinarみたいなやつです。 つまり、キーボードの入力をなにか別の入力に変換するアプリケーションです。 例えば、以下のような設定ファイルを書いたとします。 remap 'Control-BackSpace', to: 'Delete' これを rumap に食わせて起動すると、 Control と BackSpace を同時押しすると、代わりにDeleteが入力されるようになります。 また、キー入力を変換するだけでなく、キー入力をトリ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Announcing one-click install Next.js Build Plugin on Netlify
Engadget | Technology News & Reviews
A Look At Linux 5.10 + Mesa 21.0-dev On Intel "Tiger Lake" Xe Graphics - Phoronix
Auxiliary Bus Support Coming To Linux 5.11 - Phoronix
「超高速」M1 Macの余波か、販売店による中古MacBookの大幅な値下げがネットで話題に【やじうまWatch】
Debian -- News -- Updated Debian 10: 10.7 released
The New NTFS Linux Driver Updated With Better Compression Handling - Phoronix
Amazon ECS Anywhere - A Wild Card Entry For AWS Into The Multi-Cloud Game
Engadget | Technology News & Reviews
「Excel」にラムダ関数、ベータ版でテスト中 ～Excelの数式はチューリング完全な言語に／VBAやJavaScriptを知らなくてもユーザー定義関数を利用可能
How to create a CLI with NodeJS
オープンソースのドキュメントをいち早く日本語化、NICTがAI自動翻訳技術をLinux Foundationに提供
React Hooks - Chapter 1
How To Use MDX Stored In Sanity In A Next.js Website — Smashing Magazine