国産ヘッドレスCMSとして注目されているmicroCMSとNext.jsを使用したWebサイトのモダンな制作方法を学べる解説書 -モダンWebサイト制作入門
※本ページは、アフィリエイト広告を利用しています。 国産ヘッドレスCMSとして注目されている「microCMS」とJavaScriptフレームワーク「Next.js」を使ったモダンWebサイトの制作について初心者でも分かりやすく解説した入門書を紹介します。 当ブログはWordPressですが、ここ数年ヘッドレスCMSに注目が集まってきています。ヘッドレスCMSって何？という人からNext.jsは使ったことがないという人でも本書でしっかりと学ぶことができます。 著者陣は非常に豪華で、microCMSの開発陣です。開発者と聞くと開発側の目線なのでは？と心配になるかもしれませんが、実装者目線のステップバイステップで架空のコーポーレートサイトを実装しながらmicroCMSとNext.jsを用いたWebサイトのモダンな制作方法を学べます。 WordPressは使ったことがあるけどヘッドレスCMSは初
はじめに 本記事は dely Advent Calendar 2019 の15日目の記事です。 昨日は開発部サーバサイドエンジニアの高橋くんが「Rails6の複数データベースの仕組みと実装時にハマったところ」という記事を書きましたので是非読んでみてください。 tech.dely.jp こんにちは！dely開発部SREの井上です。 本記事ではWEBサイトのパフォーマンスを定期的に計測する仕組みについて紹介をしたいと思います。 実は去年のAdvent Calendarでも同じような記事を書いたのですが、時代背景に沿って計測するツールをsitespeed.ioからLighthouseに変更したので理由も含めて紹介させてください。 基盤の構築においては下記のサービスやツールを利用しています。 AWS CodeBuild S3 Athena Terraform Lighthouse 前置きはいいから
Prime Videoに加え、2023年11月8日から、東映特撮ファンクラブ(TTFC)・U-NEXT・DMM TV・他にて配信中！
感染症専門医がおすすめする 新型コロナの正しい最新情報が得られるWebサイトまとめ（忽那賢志） - エキスパート - Yahoo!ニュース
毎日新型コロナウイルス感染症に関する報道が続いています。 中には正しく情報を伝えているメディアもありますが（例えばBuzz Feedは今回の新型コロナウイルス感染症関連の記事は素晴らしいものが多いです）、一部には過剰に不安を煽る報道や間違った報道もあります。 感染症は間違った情報が独り歩きしやすく、テレビのワイドショーの言うことを鵜呑みにするのではなく、ご自身で正しい情報にアクセスすることが大事です。 一般の方が新型コロナウイルス感染症について情報を得るために有用なWebサイトをご紹介します。 感染者数などの情報 東京都東京都 新型コロナウイルス感染症 対策サイト 東京都 新型コロナウイルス感染症対策サイト 3月7日時点での表示東京都の新コロサイトですが、これは素晴らしいです。東京都民の皆さまはぜひご覧ください。 「検査陽性者の状況」では陽性者数のうち何人が入院して、そのうち何人が重症かが
Googleスプレッドシートが高度なWebサイトに大変身するノーコードサービス「Siteoly」を使ってみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、普段から使い慣れているGoogleスプレッドシートを高品質なWebサイトに変換できるWebサービスをご紹介します！ ユーザーがやることはセルの値を変更するだけというお手軽さと、Webサイトのレイアウト構成を細かく変更したり上級者向けにJavaScriptやCSSを編集する機能も無料で提供されているのが特徴です。 手っ取り早くクオリティの高いWebサイトを作成したい人にも最適なので、ぜひ参考にしてみてください！ 【 Siteoly 】 ■「Siteoly」の使い方 それでは、「Siteoly」をどのように使えばいいのか詳しく見ていきましょう！ まずはサイトのトップページにアクセスして、画面上部にある【Login】ボタンから無料のユーザー登録をしておきます。 Googleのアイコン部分をクリックしてください。 するとアカウント選択画面が表示
若者の“Webサイト離れ”が進む――知っておきたいSEO最新動向と対策ポイント5つ | 【レポート】Web担当者Forumミーティング 2019 Autumn
IT業界の動きは目まぐるしい。2010年代だけをみてもスマホ、ソーシャル、VR、AI、5G、量子コンピュータなど、注目トレンドが次々と生まれている。その一方、ECをはじめとしたインターネットビジネスの中心は1990年代から「Webサイト」が担い続けてきた。だが、「それもいずれ変わっていくだろう」とハートコアの神野純孝氏は話す。 CMSベンダーであり、SEOにも明るい神野氏が「Web担当者Forum ミーティング 2019 秋」に登壇。今後Webサイトはどうなるのか、最新のSEO事情について語った。 将来的に、Webサイトは廃れるのか？Webサイトは、インターネットビジネスの起点となる要素だけに、IT業界のトレンドの影響を大きく受ける。直近では「5G」「AI」「量子コンピュータ」などに注目が集まっているが、これらの実用化・普及が進めば、ECサイトの在り方も当然変わるというわけだ。 サンフラン
コードを1行追加するだけでどんなWebサイトもノーコードで編集できる「Scepter」を使ってみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、WebサイトのHTML内に1行のコードを追加するだけで、誰でもノーコードでカスタマイズができるようになるWebサービスをご紹介します！ Webサイトの要素を直接クリックしてそのまま編集ができるようになるので、誰でも簡単にカスタマイズができるうえ、好きな要素を追加してまったく異なるページを作成してしまうことも可能です。 Webサイトのカスタマイズやノーコード開発にご興味ある方は、ぜひ参考にしてみてください！ 【 Scepter 】 ■「Scepter」の使い方 それでは、「Scepter」をどのように使えばいいのか詳しく見ていきましょう！ まず最初にトップページ上部にある【Sign up for Free】ボタンをクリックして無料のユーザー登録を済ませておきます。 ユーザー名・メールアドレス・パスワードを入力すれば登録完了です！ 次に「S
WebCrumbs WebCrumbsはWordPressを使う感覚でReact製のWebサイトやアプリを運用できるOSSです。プロジェクトを「ReactのためのWordPress」と位置付けており、Reactアプリの為の業界標準ソリューションを目指しているそうです。 WPライク、というようにReactベースのWebサイトを直感的な管理画面で簡単に作成、管理、拡張する事が可能との事。コーディング不要の管理画面でWebサイトの様々な面を管理・制御、プラグインで機能拡張、特定のニーズに合わせたフルカスタマイズも可能となっており、完全オープンソースで提供されています。 もちろん他言語対応で既に30か国以上の方のコミュニティへの参加があるようですが、日本はまだ未参加のようなので、ご興味ある方はぜひご覧になってみては如何でしょうか。ライセンスはMITです。 WebCrumbs
ターゲットブラウザを決める時に役立つ便利なツールを紹介します。 条件は細かく設定でき、下記は日本のユーザーを対象、シェアが0.2%以上あり、現在サポートされていないブラウザを除いたものです。iOSのSafariが多く、Chrome for Android, Chrome for desktopと続いています。 Browserslist Browserslist -GitHub Browserslistの特徴 Browserslistの使い方 さまざまな条件でターゲットブラウザを調べる Browserslistの特徴 Browserslistはフロントエンドでよく使用されるツール（Autoprefixer, Babel, ESLint, PostCSSなど）でブラウザのターゲットや互換性を共有するツールです。 0.5%以上シェアがあるブラウザ、最新2バージョンのブラウザ、サポートが終了してい
こんにちは！ちづみ です！(ブログはこちら）（＾_＾） 以前このようなツイートをして、少し反響があったので、私がいつもXDでwebデザインの模写する時に行っている手順をnoteにまとめました😊 ✅拡張を駆使した速い模写の準備(XD) クロームの拡張Window Resizer で予定のカンプの幅にブラウザを変更 ↓ クロームの拡張Full Page Screen Captureでスクショ ↓ XDの拡張Mimicにurlをコピペ ↓ スクショを複製し1枚はトレース用に薄くひく ↓ サイトの検証も見ながら数値等を確かめつつ模写 pic.twitter.com/BSV8KPnBNM — ちづみ (@098ra0209) October 6, 2019
DESCRIPTION Webサイトをアプリストアから配信することができます ステップ別にWebサイトをアプリ化していく方法をみていこう Webサイトをつくることができるなら、アプリも配信できます 本文 DESCRIPTIONで大上段に断言してますが、概ね事実です。アプリ化なのでコンテンツはメディアアプリといった「アプリ」でないとというのはありますが、まず入り口として、HTML/CSSとちょっとしたJavaScriptでつくられたWebサイトをアプリとして実機で動作確認する方法をみていきましょう。 アプリ化してみるWebサイトはこちらです: ミシュランガイドにも掲載されたフレンチレストランのWebサイトをリニューアルしたので、裏側から考え方、実装まで解説します。で経緯や裏側をご紹介しましたが、こちらのWebサイトを Capacitor というライブラリを利用してアプリ化して、iOS、And
鈴木たかのり（@takanory）です。今月の「Python Monthly Topics」では、Python製の静的サイトジェネレーターSphinxを使用してWebサイトを構築し、テーマを適用、外部へ公開する流れについて紹介します。後半ではSphinxの便利な拡張機能を紹介し、Webサイトをより便利にしていきます。 Markdownでドキュメントを書くだけで、きれいなWebサイトが簡単に公開できるので、ライブラリのドキュメントなどでもよく使われています。 Sphinxとは SphinxはPython製の静的サイトジェネレーターです。静的サイトジェネレーターとは、Markdown等の軽量マークアップのテキストファイルから、静的なWebサイトを生成するアプリケーションのことを言います。Python製の静的サイトジェネレーターにはSphinxを含め以下のツールなどがあります。 Sphinx：h
今後LIGが制作するWebサイトは、Internet Explorerの対応をやめます。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGでフロントエンドエンジニアをしているライダーです。 IE対応、やめます。 2007年の創業以来Web制作に携わってきたLIGは、これまで長らく、Internet Explorerを動作環境に含んだWebサイトの制作を提案してまいりましたが、 今後、LIGが制作するWebサイトは、 Internet Explorerの対応を行いません！ ただしInternet Explorerに特別な配慮が必要な場合は、お申し付けください。これまでのノウハウを活かし、Internet Explorer上でも動作するよう制作させていただきます！ もちろんMicrosoft Edgeに関しては、これまで同様に対応を続けますよ！ 今日は、その背景を簡単にお話しさせてください。 IE対応によってできなくなることがある できる・できないに関しては、さまざまな考え方がありますが、ここでは予算やスケジュ
Astroで作成したWebサイトをAWS Amplify ホスティングにサクッとデプロイしてみた | DevelopersIO
こんにちは！コンサル部のinomaso(@inomasosan)です。 前回Astroでローカル環境にWebサイトを構築したので、今回はAWS Amplifyでのデプロイを試してみました。 デプロイ先について Astroの公式ドキュメントにはNetlifyやVercelといった様々なデプロイ先のガイドがあります。 今回は使ったことのないAWS Amplifyにデプロイしてみることしました。 ガイドにはAWS Amplify以外にも、S3静的WebサイトホスティングやCloudFrontとS3を組み合わせた手順が載っているので、機会があれば試してみようと思います。 やってみた デプロイするWebサイト作成 前回はサンプル用テンプレートでWebサイトのプロジェクトを作成しましたが、今回はシンプルにするためにテンプレートはEmptyを選択して再作成しています。 トップページにAstroと表示され
そもそもHTTP/2やHTTP/3とは何か？ HTTP/2やHTTP/3とは、例えばあなたが今利用しているパソコンと、本コラムのデータが保存されているサーバーとの通信をやり取りするための「ルール」のようなものです。HTTP/3では、HTTP/2よりも通信効率が上がりWebサイトの表示速度が速くなると言われています。「HTTP/2」について知りたい方は、当コラムの『「HTTP/2」とは？あなたのサイトを高速化する次世代プロトコルに迫る』をご覧ください。 「SSLコラムなのにどうしてHTTP/3の記事を書いているんだろう？」と思う方もいるかもしれませんが、「HTTP/3」はSSL/TLSの利用が前提となっているため、SSLサーバー証明書（以下、SSL証明書）とは切っても切れない関係なのです。さて、本題に戻りますが「本当にWebサイトの表示が速くなるの？」「どうして速くなるの？」「対応を検討した
概要 本記事は、メタ社(旧 FaceBook) が開発した OSS であるメモリリーク検知ツールである [memlab] をさっそく試してみた記録になります。 公式ドキュメント以上の付加価値はあまりありませんが、ざっくりと雰囲気を掴んでもらって使用を検討して頂ければ幸いです。 memlabについて memlab は、 Puppeteer API を用いたシナリオを作成することで、そのシナリオ実行によって発生するメモリリークの検出及びヒープ領域の分析を補助してくれるツールです。 本記事は実際に動かすところに重きを置くので、ツールの背景などの詳細は以下記事を参照ください。 ざっくり言うと、 memlab では以下のことが行なえます。 Puppeteer ベースでの宣言的なシナリオの作成 ヒープ領域とメモリリークの可視化 シナリオ内でのヒープのスナップショットの自動取得 スナップショットの解析と
あおり・唆し罪の新設 2024年７月14日から、拳銃等の不法所持等を、公然と、あおり、またはそそのかす行為に対し、罰則が科せられます。 ★ 禁止となる行為 拳銃等の不法所持や、人の生命、身体又は財産を害する目的での拳銃等以外の銃砲等の不法所持を、公然と、あおり、またはそそのかす行為 ※「公然と」とは、「不特定又は多数人が覚知しうべき状態」をいい、不特定または多数の人が見ることのできるインターネットやSNSも含まれ得ます。 たとえば… ○ インターネット上で、拳銃の自作方法を解説した動画を投稿し、不法所持を呼びかける ○ 不特定または多数の人が見ることのできるSNSで、「拳銃を販売します」などと言い、価格・売主の連絡先を投稿する などの行為が犯罪に問われる可能性があります。 ★ 違反すると… １年以下の懲役または30万円以下の罰金が科されますが、犯罪の成否は、個別事案の証拠関係に応じて判断さ
2020年以降に必要なSEOの考え方をまとめたチェックリスト41項目 - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ もはや常識となりつつありますが、SEOのプロジェクトを行う際の対象範囲は、年々（日増し？）に増えていきます。 各施策についての知識はありつつも、優先順位は適切なのか、抜け漏れはないのか、常に確認を行うことが大事です。そのような場合、対象範囲を網羅したチェックリストがあれば非常に便利です。 今回はSEMrushが作成した、41の項目をまとめたチェックリストを紹介いたします。SEMrushの機能紹介が多めですが、内容も有用なものとなっています。 Googleの検索結果の上位に表示され、オーガニックのトラフィックを増加させる手助けとなるSEOのチェックリストをお探しだろうか。 我々は2020年にSEO
静的サイトジェネレーター「VitePress 1.0」正式リリース。VueとViteを採用し、高速なWebサイトを構築
静的サイトジェネレーター「VitePress 1.0」が正式リリースされた。UIフレームワークのVueと高速なバンドラであるViteを基盤に、MarkdownのコンテンツからSPAなWebサイトを構築できる。 オープンソースとして開発されている静的サイトジェネレーターの「VitePress 1.0」正式版がリリースされました。 VitePressは、Markdownで記述されたコンテンツを静的で美しい外見を持つWebサイトへと高速に変換する機能を備えたフレームワークです。 デフォルトでテクニカルドキュメントに適したテーマが用意されており、すでにVite、Rollup、Pinia、VueUse、Vitest、D3、UnoCSS、IconifyなどのWebサイトのドキュメント部分に使われているとのことです。 VitePressは、同じく静的サイトジェネレーターである「VuePress」のモダン
最近のWebサイトやスマホアプリで見かけるUI、レイアウト、コンポーネント、アニメーション、インタラクションなどがまとめられたギャラリ−を紹介します。 デザインのアイデアを探している時に、ブックマークしておくと便利です。
はじめに AWS S3 を用いてホストしている Web サイトで任意の期間だけメンテナンス画面を表示したいという要件がありました。 構成としては、前段に CloudFront をかましていているだけのシンプルな構成です。 細かい設定としては、S3 オリジンは静的 Web サイトホスティングを有効にし、CloudFront からのアクセスしか受け付けないように設定しています。 この記事では、上記の構成でどうやってメンテナンス画面を実現するかということをメインに考えていきます。 やりたいこと 実現するにあたりメンテナンス時の要件を整理してみます。 一般ユーザが Web サイトにアクセスするとメンテナンス画面を表示させたい。 管理者や開発者など特定の IP アドレスによるアクセスは許可し、通常通り操作できるようにしたい。 どうやって実現するか 結論から言うと、CloudFront に WAF の
以下はAman Varma( Twitter / GitHub / stackoverflow / Webサイト )による記事、12 Super websites to help you with your CSS problems ☺の日本語訳です。 12 Super websites to help you with your CSS problems ☺ これらは、あなたのCSSをより楽しく簡単に装飾してくれる、そしてもしかしたらあなたが躓いているCSSの問題の多くを解決してくれるかもしれないWebサイトたちです。 1. Pixel art あなたもきっとピクセルアートが好きに違いありません。 90%の人はpngでピクセルアートを書いてサイトに追加していると思いますが、でもそのピクセルアートをCSSで書けたらもっといいと思いませんか？ そこでPixel Art to CSSです。 書
はじめに 仕事でWebサイトを作った際に、 デザイン案で非常に参考にさせて頂いたサイト様をまとめました。 Parts. SaaSのサービスサイトやLPを中心としたデザインの参考サイトです。 部分ごとにパーツやセクションごとのデザインが載っているので、 探しやすくとても参考になりました。 動くWebデザインアイディア帳 「動かしたいパーツ」ごとの逆引きリストを扱っているサイトです。 機能的 or 印象的で有効なデザインが多数載っており参考になりました。 ※注意として 動くWebデザインアイデア帳のサイトは、書籍に明記している通り「3年間の期限付き」です。 （※書籍の売れ行き次第で変わります。） ちなみに実践編の方ですが、私も書籍を購入させて頂きました。 Web Design Trends(ウェブデザイントレンド) Webに関わる全ての人のためのメディアです。ウェブサイトの制作やデザインに役立
最終更新日時： 2022年2月2日 モトリーフールはアメリカのバージニア州に本社を民間の金融アドバイスを行う会社です。 今回は米国株投資を行う投資家にとって「必読のサイト」の一つをご紹介していきたいと思います。 モトリーフールは日本語版での情報も提供しており、米国株式などを投資する際に非常に役立つサイトです。 この記事では「モトリーフール」にぜひともメールアドレスを登録して米国の新鮮な市場情報をゲットしていただきたいと思い記載いたします。 （最近では広告費をバンバン使っているので様々なメディアでも取り上げられています） 2021年11月1日に日本事業の撤退が発表されました。 有益な情報サイトだっただけに非常に残念です。 モトリーフールとは？ モトリーフールのメリット・デメリット 「モトリーフール」に登録するメリット 「モトリーフール」のデメリット 「モトリーフール」に登録するメリットに
30分以内に結果が出る高度なSEOテクニック ｜SEO Japan by アイオイクスSEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
SEOの施策は数あれど、施策の効果が反映されるまではある程度の期間が必要となる場合がほとんどです。 今回の記事はFAQとQ&Aのリッチリザルトについての記事となりますが、たしかにこの施策であれば、効果が反映されるまでの期間は比較的短いと言えるでしょう。ニール・パテル氏いわく、「30分以内で結果が出る」とのことですが、果たしてその内容はいかに。 実装における注意点や、構造化データのテンプレートまで提供されており、非常に興味深い記事となっております。 私はとあるSEOの新しい施策に取り組んでいる。そして、その施策は新しいサイトであろうが、古いサイトであろうが、効果的な施策となっている。 あなたのサイトがほとんどリンクを獲得していなくても、効果が得られる施策だ。 この施策の最も優れている点は、他のあらゆるSEOの施策と異なり、結果を得るまでに数ヶ月も数年間も必要としない点だ。実質的には、30分以
この記事は アノテーション株式会社 AWS Technical Support Advent Calendar 2022 | Advent Calendar 2022 - Qiita 8日目の記事です。 はじめに アノテーション テクニカルサポートチームの Shimizu です。 CloudFront + S3 で構成した静的 Web サイトはサーバーレスで管理が楽なため、ご検討される方も多いでしょう。 一方で従来のWebサーバーの運用に慣れている方は少し戸惑うかもしれません。例えば慣れ親しんだ .htaccess ファイルが無いため「S3 でこの設定ってどうやるの？」という疑問にぶつかることもあると思います。 そこで本記事では、実際によくいただくお問い合わせを元に、CloudFront + S3 の Webサイト構築時に役立つ情報をまとめてみました！ S3 バケットへの直接アクセスを禁止
Amazonも！有名WebサイトのCSSボタンデザイン77個をコピペ再現できる Copy ＆ Paste CSS
CSSボタンデザインは、スタイルを変えるだけでガラリと印象を変えることができるウェブデザイン要素のひとつです。 Copy & Paste CSS は、AmazonやSpotify、Slackといった有名Webサイトで使われているボタンデザイン用CSSスニペット77個を集めた無料ツールです。ボタンをクリックするだけで、Internet Explorer や Chrome などクロスブラウザ対応のCSSソースコードをコピペできます。 詳細は以下から。 AmazonやSpotifyも！有名サイトのCSSボタンデザイン77個をコピペ再現できる Copy & Paste CSS Copy & Paste CSSは、海外でよく見かける有名サイトで使われれているボタンスタイルをCSSで再現し、コピペで実装できるようにまとめたCSSライブラリです。 BootstrapやGithub、Tailwindといっ
Googleのジョン・ミュラー氏による、57のSEOについてのアドバイス - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
SEOの情報は日々、誰かが、どこからか発信しておりますが、Googleからのアナウンスは特に注意して追っていきたいものです。特に、ジョン・ミュラー氏は、Q&A動画やTwitterなどで有益な情報を発信してくださっています。今回の記事は、ジョン・ミュラー氏によるアドバイスの中でも特に重要なものをまとめたSearch Engine Journalの記事を紹介いたします。 この記事は、Googleのサーチ・アドボケートのジョン・ミュラー氏によるアドバイスの総まとめである。これらを参照し、ぜひ、あなたのSEOに関する知識に磨きをかけていただきたい。 Googleのサーチ・アドボケートとして、ジョン・ミュラー氏は多くのSEOに関するアドバイスを共有してくれている。その量は、全てを把握することに困難が生じるほどだ。 毎週、ミュラー氏は、SEOの担当者に手を差し伸べており、Q&Aセッションで多くの質問に
WebサイトのログインにPasskeyを追加できる新サービス「Passwordless.dev」、Bitwardenが正式公開。月間1万ユーザーまで無料
オープンソースのパスワードマネージャ「Bitwarden」などを提供しているBitwarden,Inc.は、Webサイトのログイン機能にPasskeyを簡単に追加できる新サービス「Passwordless.dev」の正式公開を発表しました。 WebサイトをPasskey対応にすることで、ユーザーはパスワードを覚えておく必要がなくなると同時に、指紋認証などの手軽な手段でWebサイトにログイン可能になります。さらに、サーバ側でのパスワード流出や、ユーザー側での偽サイトに誘導されるフィッシングなどのリスクがほとんどなくなるというセキュリティ面での大きなメリットもあります。 一方で、WebサイトをPasskey対応にするには、ログインに関わる認証のロジックを従来のIDとパスワードの組み合わせに加えて、Passkey対応を追加しなければなりません。 今回正式公開されたPasswordless.dev
みなさまこんにちは、Webディレクター・プランナーのむむです。 Webサイト（ホームページ）を作りたいと思ったときに、何から調べたらいいのか悩みませんか？ 決して安くない金額と時間がかかるWebサイト制作。Webサイト制作で頭を抱える人が少しでも減りますように……。そんな願いを胸に、 Web制作（ホームページ制作）に関して、これを見れば全部わかるという資料を作りました！ なんと全75ページの超大作！ もう、本ですね。当時の自分にこの資料を渡してあげたい。 資料ダウンロード また、こちらの記事ではWebサイトを制作するメリットや価格、制作期間などを解説します！ LIGにWeb制作の相談をしませんか？ 2007年創業、年間150サイト制作の実績で、毎年複数のデザインアワードを受賞しています。 訪問した瞬間貴社の魅力がグッと伝わる！そんなWebサイトを制作します 💡LIGのWeb制作実績・お問
Responsive Height Design -レスポンシブを高さの観点から、Webサイトやスマホアプリの実装で役立つテクニック
レスポンシブ対応と言うと、通常は幅、水平方向のサイズのバリエーションですが、最近では高さ、垂直方向のサイズに対するニーズも高まっています。スマホではさまざまな高さのサイズがあるだけでなく、横向きのランドスケープもあります。またデスクトップでもブラウザをスクリーンいっぱいの高さにしているとは限りません。 レスポンシブを高さの観点から考慮した、Webサイトやスマホアプリの実装で役立つCSSのテクニックを紹介します。 Responsive Height Design by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに なぜ高さに対してテストするのか デベロッパーツール CSSで垂直方向を考慮する 垂直のメディアクエリの使用例 終わりに はじめに Responsive Height Design！
【2021年版】YouTubeチャンネルを伸ばすための厳選された17のテクニック - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ 動画コンテンツは、直近で最もニーズが増加している表現方法と言えるでしょう。 マーケティング観点からも決して目が離せない存在になりつつありますが、動画マーケティングでYouTubeを外すことはできません。YouTubeから多くの視聴数を獲得することも夢ではありませんが、そのハードルが高いこともまた事実です。 今回は、Backlinkoから様々な施策をまとめた記事を紹介させていただきます。自身のYouTubeチャンネルの成長のヒントに慣れば幸いです。 この記事では、YouTubeでより多くの再生数を獲得する方法を説明したいと思う。 ここで紹介するのは、私のチャンネルが月間で276,000の再生数を獲
GPTが自社の情報を正しく学習するためにはWebサイトをセマンティックなHTMLでマークアップした方がよい説 | DevelopersIO
ChatGPTを試用している中で、質問に対する回答が誤っていることがあります。自社の情報をWebサイトで提供している企業として、どのようにすれば、GPTがより正確な自社の情報を学習するようになるのでしょうか。 ChatGPTに質問しつつ考えてみました。 はじめに ChatGPTについて、日々さまざまな応用が提案されています。 そのChatGPTを試用している中で、質問に対する回答が誤っていることがあります。自社の情報をWebサイトで提供している企業として、どのようにすれば、GPTがより正確な自社の情報を学習するようになるのでしょうか。 ChatGPTに質問しつつ考えてみました。 事前調査 まず、Generative Pre-trained Transformer 3 (GPT-3)について調べてみました。 WikipediaのGPT-3に関する項目では、GPT-3 の事前学習データについて
完全無料！誰でも美しいオンラインドキュメントやWebサイトを作成できる「Slick」を使ってみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、誰でも簡単に美しいオンラインドキュメントを無料で作成できるWebサービスをご紹介します！ 多彩なテンプレートやすぐに使えるコンテンツなどが搭載されているので、ちょっとしたドキュメントを作ってシェアするのに重宝します。また、カスタマイズ次第では個人サイトなどのWebページを公開する用途にも活用できるので、ご興味ある方はぜひ参考にしてください！ 【 Slick 】 ■「Slick」の使い方 それでは、「Slick」をどのように使えばいいのか詳しく見ていきましょう！ まずはサイトのトップページから【Sign up】ボタンをクリックして、無料のユーザー登録を済ませておきます。 ユーザー名、メールアドレス、パスワードを設定するだけなので簡単です。 （※GoogleやFacebookアカウントでもログイン可能） 以下のようなダッシュボード画面が表示
モダンWEBサイトにおける画像最適化について
はじめに この記事は『Picture perfect images with the modern img element』という記事を参考に画像最適化に関しての重要な観点をまとめたものです。 画像はWEBにおいても重要な役割を担っており、2021年時点で1つ以上の画像を含むWEBサイトは95.9%、faviconなども含めて1回でも画像取得のリクエストを送信するWEBサイトは99.9%であるという調査もあります。 さらには、LCP要素の約70%が画像であるという調査が出ています。 Largest Contentful Paint（LCP）は、Googleが提唱するCore Web Vitalsの1つで、ウェブページのパフォーマンスを測る指標です。詳しくは次の章で解説します。 つまり、WEBのパフォーマンスにおいて画像の最適化は重要な観点でありユーザ体験に直結することがわかります。 画像最
【2024/6/28（金） 16:00追記】 いつもニコニコ漫画をご利用いただきありがとうございます。 本日（6/28）、スマートフォン版Webサイトにおいて「ニコニコ漫画 サービス内メニュー」を公開いたしました。 「ランキング」「閲覧履歴」などのリンクが表示されますので、ぜひご活用ください。 引き続き、ニコニコ漫画をよろしくお願いいたします。 いつもニコニコ漫画をご利用いただきありがとうございます。 大変お待たせいたしました。 本日（6/25）11時頃に、スマートフォン版Webサイトを再開いたしました。 この度のメンテナンスに伴いまして、ドメイン（URL）が変更となります。 スマートフォン版Webサイト トップページ （旧）https://sp.seiga.nicovideo.jp/manga ↓ （新）https://sp.manga.nicovideo.jp お手数おかけいたしますが
“AWS 上で静的な Web サイトを公開しよう！” 編を公開しました！- Monthly AWS Hands-on for Beginners 2020年5月号 | Amazon Web Services
Amazon Web Services ブログ “AWS 上で静的な Web サイトを公開しよう！” 編を公開しました！- Monthly AWS Hands-on for Beginners 2020年5月号 こんにちは、テクニカルソリューションアーキテクトの金澤 (@ketancho) です。この記事では、先日公開した AWS の各サービスを使って簡単な Web サイトを作成し、それをインターネット上に公開するハンズオンを紹介していきます。 HTML や CSS を使った Web ページを作ったけどそれを簡単に公開するにどうすればいい？という開発者の方々 AWS で CDN や DNS の設定を行うにはどうすればいいの？というエンジニアの方々 にぴったりなコンテンツになっておりますので、ぜひご視聴いただければと思います。 AWS Hands-on for Beginners シリーズ一
地球温暖化研究の第一人者たち（ジェームズ・ハンセン氏、真鍋淑郎博士） - 地球環境とエコのWEBサイト
予測の手法、日本人が確立（ちょっとウンチク） 2004/08/11 大気中の二酸化炭素（ＣＯ２）が増えると地球の温暖化が進むことは、コンピューターを使った数値実験（シミュレーション）で予測されているが、この方法のパイオニアは日本人。米海洋大気局（ＮＯＡＡ）の研究員として渡米した真鍋淑郎博士（現プリンストン大研究員）は一九六〇―七〇年代に温暖化の予測手法を確立した。 八八年六月には真鍋博士の当時の同僚や米航空宇宙局（ＮＡＳＡ）の研究者、ジェームズ・ハンセン氏が米議会で、地球温暖化の脅威を証言。これが米国で温暖化への関心が高まる契機となったが、その年の米国が例年にない夏の暑さと干ばつに見舞われたことも、世論形成に大きく影響したとされる。 九二年のブラジルでの環境サミット、気候変動枠組み条約の締結を経て、九七年に京都議定書が採択された時点で、国際社会の温暖化対策への機運は最高潮に達したが、その後
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
10分で完成！WEBサイトパフォーマンス計測基盤 ver.2019 - dely Tech Blog
仮面ライダーBLACK SUN 公式WEBサイト｜仮面ライダーWEB【公式】｜東映
悲報：紀州鉄道のWebサイトが「Google Chrome」に“近鉄の偽物じゃね？”と言われてしまう／京都産業大学も被害（？）を受けた模様【やじうまの杜】
WordPressを使う感覚でReact製のWebサイトやアプリを運用できるOSS・「WebCrumbs」
これは便利すぎる！ Webサイトやスマホアプリのターゲットブラウザを決める時に役立つツール -Browserslist
【webデザインの学習】XDでwebサイトの模写をしてみる｜ちづみ
あなたのWebサイトをたった5分でiOS/Androidアプリにする方法
Python製静的サイトジェネレーターSphinxでWebサイトを構築して公開 | gihyo.jp
Webサイトの表示速度をさらに高速化！「HTTP/3」とは？ | さくらのSSL
memlab を使って Web サイトのメモリリークを検出しよう
（2024年６月）銃刀法が改正されました！｜警察庁Webサイト
デザインの参考になる！ 最近のWebサイトやスマホアプリで見かけるUI、インタラクションがまとめられたギャラリーのまとめ
S3 + CloudFront でホスティングしている静的 Web サイトをメンテナンス状態にする
あなたのCSS力の助けになってくれる素晴らしいWebサイト12選 - Qiita
Webサイトを作る際に超参考になったデザインのサイトまとめ - Qiita
「モトリーフール」米国株をやるなら必読すべきオススメWEBサイトの紹介 - ウミノマトリクス
CloudFront + S3 の静的Webサイト構築に役立つ情報まとめ | DevelopersIO
Webサイト制作・ホームページ制作発注の流れと事前知識 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
LUMIX S9 の商品 WEB サイトの画像について | Panasonic
【追記あり】ニコニコ漫画 スマートフォン版Webサイトの再開とURL変更につきまして