昨今のフロントエンドのトレンドとしては「React」や「Vue」などのSPAを構築できるライブラリが挙げられるかと思います。 React製のフレームワークであるGatsbyは手軽に高速なwebサイトを作れると注目されています。 本書ではGatsbyの基礎的知識はもちろん、実際にブログを作り公開するまでの実践的な使い方を学べる内容となっています。 作るブログサイトのDEMOが見れるURL https://musing-banach-f3a228.netlify.app/
当ブログでは GatsbyJS の Starter を用いてデザイン等を作っていましたが、 React と GraphQL を勉強したので、ブログシステムを自分好みにスクラッチから書き直しました。その時の作業をログとして残しておきます。 GatsbyJS とは GatsbyJS は静的サイトジェネレータ (SSG: Static Site Generator) の一種です。 React を使用してサイトを組み立てます。そのため、既存の React ライブラリをそのまま活用できます。 GatsbyJS の最大の特徴は、CMS や Markdown ファイルなどさまざまなデータソースを GraphQL でクエリすることです。 GraphQL で標準化されているので、データソース毎にデータ取得方法がバラバラにならず、簡単にデータを抽出することができます。 また、プラグインシステムを搭載しています
在宅ワークのデスク環境、机やイス、モニター、キーボードなどそろえるものがたくさんあって大変ですよね。指圧師が「疲れにくい理想の姿勢」から、必要アイテムを優先順位をつけて紹介します。予算に合わせて買い揃えていきましょう。 こんにちは。ライターの斎藤充博です。 新型コロナウイルスの流行以降、リモートワークが大幅に進んでいますね。 僕は10年以上、在宅でライターをしています。さらに国家資格を持った指圧師でして、普通の人よりは体の疲れに詳しいと思います。この記事では「疲れにくい」ことを目標にした僕のデスク環境を紹介します。 リモートワークを始めたばかりの頃は「キッチンのテーブル」や「リビングのローテーブル」や「こたつ」などにノートパソコンを置いていた人も多いと思います。 でも……。その環境で仕事をするのって、どうしても疲れませんか? そろそろデスクを用意して、本格的な仕事環境が欲しくなってくる頃で
2013年から世田谷区経堂のマンションで暮らしているという「デイリーポータルZ」編集長の林雄司さんに、「住まい選び」へのこだわりについて伺いました。インターネットの黎明期から面白いコンテンツを発信し続けてきた林さんにとって、家は仕事のアイデアが生まれる場でもあります。 そんな林さんが今の部屋を選んだ理由は、生活スペースと夫婦の仕事場を兼ねる大きな部屋があること。本や雑貨など、増え続けるモノが置けるスペースがあること。そして、「床が固い」こと? 独特の視点での住まい選びについて語っていただくとともに、コロナ禍の自粛期間でも生活を面白がる、林さんの日常についても伺いました。(取材はリモートで実施しました) 前の家を決めた理由は「管理人が江戸っ子だった」から? ――これまでのお住まいの遍歴を、ざっと教えていただけますか? 林雄司さん(以下、林):特に意識したわけではなかったんですけど、山手線の駅
Reactのprops/contextの使い分け 仕事先でたまたまこれの話になり、個人的に思っていることをまとめた。 公開したのは、時々見かける「どっちを使うべき?」みたいな議論に 自分も混ざりたかった 思うところがあったから. 「とにかくpropsでいい」と自分は考えている。 なによりReactは書き方に詰まった場合に、フレームワークライブラリ固有の事情を考慮して解決するというよりも、実装や設計上の問題が一般的なプログラミングパターンの範疇の発想で解決できるのがよい 前提 以下のように考える React/preact のコンポーネント = 通常のclassや関数 状態を隠蔽して抽象する 最近は冪等性がどうとかReact語るときにあんまりいわなくなったけども.... props = 関数やメソッドの引数(入力) context = グローバル変数(モジュールグローバルな変数) 実装の指針
2021年になってJavaScript、TypeScript、Node.jsの勉強を始めました。 この記事では、読んで良かった本、記事、公式ドキュメントなどをまとめていきます。 ※2021/03時点の情報です。 個人的なリンク集ですが、「これも読むと良いよ」というものがあればぜひ教えてください。 ECMAScript ECMAScriptの仕様は、EcmaのTC39で策定されている Ecma TC39 GitHub organization ep78 TC39 | mozaic.fm Node.jsの各バージョンでのECMAScriptサポート状況 JavaScript Misreading Chat - #86: JavaScript: the first 20 years JavaScript 二十年の歴史についての回 JavaScript チュートリアル | MDN JavaScri
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く