Tailwindによる高速実装とGitHubへの自動デプロイを備えたWebサイトジェネレータ「primo」
primo https://primo.af/ primoの特徴 「primo」は、Tailwindによる高速実装とGitHubへの自動デプロイを備えたWebサイトジェネレータです。2020年7月時点で公開ベータ版ですが、ジェネレート機能は体験でき、今後の可能性を感じさせてくれるプロダクトです。 Webパーツをコンポーネント化して差し込むことができるので、書き溜めていくほど高速に構築ができる仕掛けになっています。 ドキュメントを書く GitHubでのログインが完了したら、早速サイトを作成していきます。 まずはじめに、サイトのサブドメインを指定します。現在は、サイトジェネレート機能のみ提供されていますが、今後ホスティングへの期待も伺えます。 IDEもWordpressのようなドキュメントライクに記述できるので、マークダウンに不慣れな方でもカンタンに書き始められる。 コンポーネント ダウンロー
【企業サイト構築用】Webページコーディングガイドライン
参考 Device Metrics レスポンシブ対応時に知っていると得する（かもしれない）知識 アニメーション指定 アニメーションがどのように動くかの指示を具体的に行ってください。よくコーダーになんとなく任せてしまうケースがありますが、仕様を明確に伝えることで、良い成果物が生まれます。 指示・指定が必要な例 メインビジュアルなどのキーとなるエリア、スライダーの動き パララックス効果を入れるか ページスクロール時 メニュー表示時 ページ遷移時 アニメーション参考 アニメーション指示を行う上で役立つ参考サイト集です。 Hover States Use Your Interface Best Animation Websites | Web Design Inspiration 開発情報の確認 今でも極稀に「PHPが動かないサーバで、納品直前までPHPで作っていた」など、「？」とリアクションして
普通のHTMLの書き方
保守しやすく、規模に依存しないHTML文書のために 一般 DOCTYPEで始める 置き換えられるべきまたは旧式のDOCTYPEを使わない XML宣言を使用しない 文字参照はできる限り使わない &と<、>、"、'は名前文字参照を使ってエスケープする 制御文字や不可視文字は数値文字参照を使う コメントではその内容の前後へ空白文字を置く 終了タグを省略しない 空要素の書き方を混ぜない タグや属性値の前後へ空白文字を置かない 大文字・小文字を混ぜない 引用符を混ぜない 属性を2文字以上の空白文字で区切らない 真偽値を取る属性の値は省略する 名前空間は省略する XML属性は使わない data-*とMicrodata、RDFa Lite用の属性と通常の属性を混ぜない デフォルトの暗黙のARIAセマンティックスを尊重する 文書要素 lang属性を追加する lang属性の値はできる限り短くする できる限り
サービスサイトをGatsby×Wordpress×NetlifyでJamstackなサイトにリニューアル - カミナシ エンジニアブログ
はじめまして、株式会社カミナシのエンジニア @tomiです。 カミナシは、2020年10月にサービスサイトをフルリニューアルしました。 kaminashi.jp 今回のサイトリニューアルでは、どのような構成で作ったのか、また技術選定で考慮した点をお伝えします。 Jamstackな静的サイト構成 Gatsby.jsとWordpressを使いJAMstack構成で作成しました。 最終的に以下の画像のような構成になりました。 利用した技術を並べると、 Gatsby.js Typescript StyledComponents GraphQL EsLint + Prettier Wordpress + Gutenberg Netlify 導入事例やセミナー情報など、動的な情報は記事としてWordpressに登録し、Gatsby.js側で記事をGraphQL経由で取得して表示しています。 静的なファ
WordPressで大丈夫かどうかより自分のビジネスの心配をしよう | 高橋文樹.com | Web制作
この投稿は 8年半 前に公開されました。いまではもう無効になった内容を含んでいるかもしれないことをご了承ください。 タイトルの通り、最近何度か聞かれたので、僕が思うことを書いておきます。「あれ、これオレのことじゃね？」と思ったあなた、その通りです。一度話した内容を他の人に伝えるとき、「これ読んでください！」と再利用できるようにブログ記事にしました。安心してください、ところどころぼかしていますよ！ 今回のテーマは以下の2つ。 これから新しいWebビジネスをはじめるにあたってWordPressは最適か？ すでにWordPressでビジネスをはじめたのだが開発が辛くなってきた、WordPressをやめるべきか？ この2つをスタートアップ企業もしくは起業を考えている人にメチャクチャよく聞かれるのですが、僕なりのお答えを伝えようと思います。 問１ これから新しいWebビジネスをはじめるにあたってWo
まるでコーヒーのおかわりを頼むように、妻は「離婚しましょう」と言った。 - Everything you've ever Dreamed
「離婚しましょう」奥様は言った。水曜午後8時。国道沿いのファミレス。道路に面して並ぶボックス席に、僕ら以外に客はいなかった。ヘッドライトが線になって右から左から僕らの前を通り過ぎていく。僕らは、お互いに、言うべき言葉を不発弾のように抱えていた。目の前には冷めたポテトフライとまだ温かいホットコーヒー。沈黙を破ったのは奥様だ。「離婚しましょう」まるでコーヒーのおかわりを頼むような言い方だった。 他人事みたいに言うなよ、と僕は言いたくなったが堪えた。感情を丁寧に排除することで、一時の感情に流されず、理性と意志で下した判断であることを、聞き手にわからせる意図が言葉から垣間見えたからだ。そして「別れを重いものにならないようにしたい」という気づかいが痛いほどよくわかったからだ。彼女はコーヒーカップを両手で包んでいた。何か大事なものを守っているように見えた。それが二人の過ごした時間であったらいい。 「も
トラック積み荷のせんべい配布に感謝の声 関越道の立往生現場 | NHKニュース
関越自動車道の立往生の現場で、トラックのドライバーが、周りの人たちに積んでいたせんべいを配り、受け取った人から感謝の声があがっています。 このうち20代の女性は17日午後6時半ごろ、塩沢石打インターチェンジと六日町インターチェンジの間で車の外に出てマフラー付近に積もった雪を取り除いていました。 するとトラックのドライバーから「食料ないでしょ」と声をかけられ、段ボールに入ったせんべい10袋を手渡されたといいます。 現場では当時、22時間あまり立往生が続いていて、車内に飲み物もなく、残っている食べ物はチョコレートのかけらとリンゴしかありませんでした。 女性は17日夜から車内でせんべいを食べながら空腹を満たし、その後、18日午前中には駆けつけた自衛隊員からクッキーなどをもらったということです。 しかし立往生は18日の昼になっても解消されていません。女性は「食料がないという不安が大きかったので、せ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Chakra UI ではじめる Tailwind CSS へのささやかな抵抗 / Modest resistance to Tailwind CSS starting with Chakra UI