Node.js を推奨版に切り替え Gatsby.js Tutorials を始めたところ、gatsby コマンドがエラーで先へ進めなかったので解決策を検索してみると、Node.js が最新版ではなく推奨版なら大丈夫らしいので、Scoop で切り替えます。 これで gatsby コマンドがエラーになることもなく、先へ進めるようになりました。 スターターのインストール スターターを選定 Starter Library からオフィシャルブログとして提供されている gatsby-starter-blog を試したものの、せっかくお手軽に始められるスターターを使うなら、もう少し機能が多いものが良いかなと考え、gatsby-starter-lumen に決めました。 gatsby-starter-lumen をインストール プロジェクトフォルダに gatsby-starter-lumen をインスト
GitLab Pages は無料でしかも帯域利用枠が無制限という太っ腹の仕様。このブログは以前までは Netlify で運営していた。Netlify は素晴らしいサービスだったんだけど、帯域利用枠とビルド時間がやけに食う Gatsby には GitLab Pages の方があっている。 ブログを GitLab Pages に移したらいいことしかなかった。 Netlify と Gatsby の相性は悪い？Netlify の素晴らしさに触れてからなんでもプロジェクトを Netlify に入れていた。今でも Netlify は大のお気に入りだ。でもある時にふと「Gatsby にはあんまり相性がよくないのでは？」と思うようになった。なぜなら Gatsby はその特性上、コンテンツの内容を変更してデプロイするとビルドがいる。Netlify の無料プランにはこのビルド時間が月に３００分でそれを超えたら
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 最近、あまりプログラミングが得意でない人のサポートをする形で、長い時間にわたってペアプログラミングを行っている。そのなかで、気がついた悪い習慣と成長するための良い習慣というものをまとめてみる。 この記事のバックグラウンドとなる体系的知識が本になりました。 エンジニアリング組織論への招待 ～不確実性に向き合う思考と組織のリファクタリング あわせて読みたい 経営者マインドが足りない！vs. 現場に任せてくれない！の対立をなくすカードゲームをつくった話 新人プログラマに知ってもらいたいメソッドを読みやすく維持するいくつかの原則 新人プログラマ
高品質な無料写真素材・フリーフォトを40以上の有名ストックフォトサイトから日本語で横断検索できるサービス「O-DAN(オーダン)」
先週アップしたエシカルデザインに関する内容に関して、具体的にどのようにして“正しいデザイン”を行えば良いのかという質問が寄せられた。 一つの方法は、UXピラミッドの原則に従ってプロダクトの体験価値を検証したり、UXハニカムを活用する方法もある。 それらに加えて今回紹介したいのは、GoogleのAndroidチームが採用しているUXデザイン手法である。とてもシンプルですぐにでも活用できる内容になっている。 進化するデジタルプロダクトに対するUXデザインアプローチサービスのデジタル化やDXが進む中で、多くのプロダクトにおける「完成」という概念がなくなり、デザインは常に進化し続ける必要性が出てきた。特にユーザー体験においては、デバイスの進化やユーザーの感覚の変化などを考慮し、常に改善を続けなければならない。 では、実際にどのようにデザインの良し悪しを判断すれば良いのだろうか？継続的にバージョンア
はてな公式ブックマークレット はてな公式であるにはあるのだけど… はてなブックマーク - はてなブックマークをはじめる (セットアップ) 上の方にある「ブックマークする」では javascript:(function(){var d=(new Date);var s=document.createElement('script');s.charset='UTF-8';s.src='http://b.hatena.ne.jp/js/Hatena/Bookmark/let.js?'+d.getFullYear()+d.getMonth()+d.getDate();(document.getElementsByTagName('head')[0]||document.body).appendChild(s);})(); という内容でブックマークレットが作成されるが、私のChromeの環境では動作
トゥート予約投稿、フォロー管理、分析がこれ一つ！ ボット管理、フォロワー属性の把握など、マストドンを100倍楽しめるサービスです！
2019/02/16 11:00 当ブログでも使用されているReact用の静的サイトジェネレータGatsbyJsのコンセプト、技術的な仕組みや、�使い方について紹介します。 GatsbyJsとは GatsbyJsは、React用に作られたモダンで高速なサイトを作成できる静的サイトジェネレータです。 当ブログもGatsbyJsで構築されていますが、GatsbyJsのサイトのトップページに書かれている様に、驚くほど簡単に爆速モダンWebサイトを構築できます。 Build modern, beautiful, secure, blazing fast, apps and websites with React. そんなGatsbyJsは大きく分けると以下の4つのコンセプトに基づいて実装されています。 モダンなWeb技術を手軽に超絶パフォーマンス豊富なデータソースへの対応安価でスケーラブル・セキュ
はじめにギフティ Advent Calendar 2019 - Qiitaの1日目の記事。このブログにタグ機能を導入したので、その時の手順を解説する。基本的に公式の記事に従えば良いのだが、差分が分かりづらいのと、自分で理解した内容を補足したいので、記事にした。 前提このブログはGatsby公式のgatsby-starter-blogをベースに作られている。 gatsbyjs/gatsby-starter-blog: Gatsby starter for creating a blog デモこの記事に付けられているタグ（「GatsbyJSで最強のブログを作る」）をクリックすると、そのタグが付けられた記事に絞り込まれた一覧を確認できる。 手順各記事に tags を追加する各タグの一覧ページが生成されるようにするテンプレートを作成する記事ページにタグを載せる各記事に tags を追加する各記事の
ようこそ！GatsbyJS日本語サイトへ！ GatsbyJS勝手に日本語翻訳サイトです。→ 公式サイトへ(英語) このサイトは管理人である[ヤル蔵(@xtuberz)]が自己学習のため、勝手にGatsbyJSのサイトを翻訳しています。 手書きでピタピタ書いていきますのでよろしくお願いします。 はじめは翻訳しようと思っていたのですが、意味のない繰り返しや読まなくても良い部分が多く、堅苦しい言い回しがあり翻訳したとしても読みにくいと感じてしまったので、私が公式サイトの文章を読んで必要な部分をまとめています。 雰囲気はGatsbyJS翻訳サイトではありますが、私の独断と偏見で綴った「GatsbyJSまとめ」と言う立ち位置で考えて頂けると幸いです。 Gatsbyとは？ GatsbyJSはReactをベースにしたオープンソースフレームワークです。 最近流行っている「静的サイトジェネレーター」の１種で
Adobe Stock のコレクションには 3 億点以上の素材がそろっています無料で試す Adobe Stock のコレクションには 3 億点以上の素材がそろっています無料で試す
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く