Astro | 81-web.com : 日本のWebデザイン・Webサイトギャラリー＆参考サイト・リンク集81-web.comはWebサイト制作に参考になる日本の優れたWebデザイン・Webサイトギャラリー＆参考サイト・リンク集です。81-web.com is a gallery and collection of reference sites for exceptional Japanese web design and websites, useful for web development.
Astro 採用事例 サイト 一覧|Page1|Check WebTech
採用技術にフォーカスしたWebサイトリンク集。 トレンドリサーチや技術選定の参考に、WEBデザインやコーディング、開発の参考にも使えるWebサイトギャラリー。 What is Astro? Astro is an all-in-one web framework for building fast, content-focused websites. Key Features ・Component Islands: A new web architecture for building faster websites. ・Server-first API design: Move expensive hydration off of your users’ devices. ・Zero JS, by default: No JavaScript runtime overhead to sl
Astroチュートリアルメモ その2-4,5【スタイルシート】
Astroチュートリアルその2の4と5のメモ。 スタイルシートの設定。 独自の<style></style>タグ内にcssを書くことができる。 グローバルcssを作ることも可能。 Astroで使うCSSだと、tailwind cssを使うのが一番便利そうに見える。ただ、マークダウン部分だけはcss・scssを使うしかないのかなと。 独自タグstyle <head> <meta charset="utf-8" /> <link rel="icon" type="image/svg+xml" href="/favicon.svg" /> <meta name="viewport" content="width=device-width" /> <meta name="generator" content={Astro.generator} /> <title>{pageTitle}</titl
世界最速を謳う、話題のWebフレームワーク「Astro」を試してみた - Qiita
概要 ※ 本記事は Astro の概要を把握・理解するための記事 です。「使い方」「書き方」といった技術的な記事は後で別記事にします。 普段、幅広く色々な技術で開発するため、色々な技術のドキュメントサイトを訪れることが多いのですが、最近「Astro」というワードを目にすることが増えました。 例えば、最近人気の Tailwind CSS やその辺りの技術系の公式ドキュメントで、「連携」部分の記載の中に、見慣れたフレームワークと並んでなぜか「Astro」という表記が含まれていることが多くあるのに気づきました。 調べてみたら、Astro は 2022 年 4 月にベータ版がリリースされた比較的新しい（記事執筆現在）技術で、たった一年で GitHub のスター数が約 30k にもなった非常に勢いがある技術で、今や大人気フレームワークの Next.js からも Astro に移行している人が結構いる
Web制作用のAstroテンプレートを公開しました
テンプレートについて ダウンロードはこちら GitHub 概要 Web制作用のAstroテンプレートです。以下の機能により快適な開発体験を提供します。 Astroによる優れたパフォーマンスと開発者体験 各種リンターによるエラーの即時指摘 ファイル保存時の自動フォーマット commit前のファイルのリント、フォーマット、エラーの検知 Astroについて 端的に言うと、モダンフロントエンドの開発者体験そのままにWeb制作ができるフレームワークです。 State of JS 2022 のRendering Frameworks満足度ランキングでは堂々の1位！同興味ランキングでも1位と、今非常に勢いのあるフレームワークです。 実際に使用してみて思ったことを書いていきます。 抜群の開発者体験 モジュールバンドラとしてViteを使用しているので、ホットリロードやビルドが非常に高速 Reactなどのモダ
【無料テンプレ】Notionのガントチャート/WBSでプロジェクト管理する方法 | TEMPブログ
プロジェクト管理において、 タスクの細分化とスケジュール決めは非常に重要です 。WBS とガントチャートは、組み合わせて使用することでプロジェクトをスムーズに進めることができるツールです。 この記事では、Notion を使って WBS とガントチャートを作成する方法を詳しく解説します。また、 記事の最後では、WBS とガントチャートが含まれたオリジナルの「プロジェクト管理テンプレート」を無料配布 します。 WBS とガントチャートとは？ WBS とは Work Breakdown Structure の略 で、プロジェクトを小さなタスクに分解し、階層構造で表現する手法です。プロジェクトの全体像を把握しやすくなり、タスク漏れを防ぐことができます。 例えば、「コーポレートサイト制作」というプロジェクトであれば「ワイヤーフレーム」「デザイン」「実装」などというタスクに分解することができます。 一
【無料テンプレ】Notionのガントチャート/WBSでプロジェクト管理する方法 | TEMPブログ
プロジェクト管理において、 タスクの細分化とスケジュール決めは非常に重要です 。WBS とガントチャートは、組み合わせて使用することでプロジェクトをスムーズに進めることができるツールです。 この記事では、Notion を使って WBS とガントチャートを作成する方法を詳しく解説します。また、 記事の最後では、WBS とガントチャートが含まれたオリジナルの「プロジェクト管理テンプレート」を無料配布 します。 WBS とガントチャートとは？ WBS とは Work Breakdown Structure の略 で、プロジェクトを小さなタスクに分解し、階層構造で表現する手法です。プロジェクトの全体像を把握しやすくなり、タスク漏れを防ぐことができます。 例えば、「コーポレートサイト制作」というプロジェクトであれば「ワイヤーフレーム」「デザイン」「実装」などというタスクに分解することができます。 一
オールインワンのWeb制作環境Astro！こんなのがほしかった。| cumak
※2023/1/7追記：esbuildでcssを出力している場合、index.cssがかちあう件の解決 ※2023/2/15 JSバンドルについて、誤記あり。修正 ※2023/3/8 ルートパスありきの運用に合わせる旨の記述を削除し（相対パス変換方法が現れたため）記事全体編集 ※2023/3/8 CSSの設定についてWordPressを前提とするものについての注意書き追加 ※2023/9/3 Astro3.0 HTML最適化 の無効について追加 ※2024/8/27 ビルド後cssのファイル名について追記 Astroについて、大歓迎の理由 積年の思い(？)があるので長いです。詳しい紹介をお求めの方はインストールからどうぞ。 Astroは、コンテンツにフォーカスした高速なWebサイトを構築するためのオールインワンWebフレームワークです。 個人的に、やっとこういうのが出てきてくれたか！！とい
データが多くて移行できない！？SSH接続Tarコマンドを使ったサイト引越し備忘録
先日エックスサーバーでWordPressの簡単移行ツールを使った際に、データが大きすぎて何度もタイムアウトになり困ったことがありました。 そこで、WordPressなどのWebサイトをSSHを使って引っ越しする方法をご紹介します。 初心者の方のためにもわかりやすく、リダイレクト処理などの下準備や公開前のチェックポイントなど、実践を踏まえてかな〜〜り詳しく説明しました。 この記事はこんな方におすすめです。 移行するサイトのデータ量が大きすぎて移行ツールが使えなかった SSHでデータ移行をしたい tarコマンドを使いたい サーバ移行に時間をかけたくない 長いので目次からすっ飛ばして必要な項目だけ読んでください。 前提条件 SSHが使えるサーバー 今回はエックスサーバー、コマンドツールはiTermを使いました。 下準備。リダイレクト用の.htaccessやメンテナンス中のhtmlを準備しておく作
nslookup(dig)テスト【DNSサーバ接続確認】
nslookup(dig)テスト【DNSサーバ接続確認】は、サーバー監視者向けにご提供しています。 ご指定のホストまたはIPアドレスに、当社サーバーでコマンドを発行しDNS情報の取得を行います。 問い合わせるDNSを指定することで、外部（インターネット）からDNS応答が正常出来るか確認することができます。 nslookup slookupコマンドを利用しDNS問い合わせを確認することができます。 dig digコマンドを利用しDNS問い合わせを確認することができます。 「dig」で「PTR（逆引き）」を指定した場合、入力されたIPアドレスをin-addr.arpaに自動変換しコマンド実行します。 ご指定のホスト名(FQDN)にDNS問い合わせを行い結果を表示します。 該当ホストのDNSに実際にアクセスされますのでログが残る可能性があります。 DNS問い合わせ結果取得までに30秒程度かかる場
www.kesco.co.jp
DNS Propagation Checker whatsmydns.net lets you instantly perform a DNS lookup to check a domain name's current IP address and DNS record information against multiple nameservers located in different parts of the world. Global DNS Checker - How to check DNS propagation whatsmydns.net is a free online tool that lets you quickly and easily perform a DNS lookup to check DNS propagation and see inform
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webフレームワーク「Astro」を便利に使う～環境のカスタマイズとAstro 4.3までの新機能まとめ～
初めてのAstroブログ
【scp】Linuxでリモート・ローカル間でファイルを転送するコマンド | UX MILK
DNSが正しく設定出来ているか確認するには(windows nslookup) | ウイルネット