落ちたサイト360万件。欧州最大のデータセンター炎上、データが空のクラウドに...2021.03.15 11:0058,928 satomi 銀行も政府も報道機関もダウン。 その数350万サイト。FR.ドメインの2％ですってよ！ 3月10日未明、フランス東部ストラスブールにある欧州最大のデータセンターで火災が発生し、OVHクラウド（OVHcloud）が運用するデータセンター4棟のうちSBG-2と呼ばれるビル（動画下）が全焼し、SBG-1も一部焼失。ここにデータを保管していたオンライン人気サバイバルゲーム『Rust』などの非常に広い範囲でサイトが落ちたり、サービスが使えなくなるなどの障害が起きています。 幸いけが人はなしIPO報道の直後を襲った悲劇OVHは1999年にOctave Klaba会長が創業したフランス随一のユニコーン。EUでは米国企業のAmazon、Google、Microsof
Docker Compose入門 (2) ～ウェブサーバの開発環境を作るための準備～ | さくらのナレッジ
前回（第1回）は、Dockerコンテナに対応するアプリケーションを開発・実行するために、Docker Composeというツールを使うのが便利ということで、例としてDocker Composeを使ってWordPressをコマンド1つで実行する方法を紹介しました。WordPressのような、しっかりとしたアプリケーション以外でもDocker Composeが使える場面があります。 今回は、Docker Composeを使ってウェブサーバ（Apache httpd）を実行し、コンテンツを表示する例を見ていきましょう。 なぜDocker Composeなのか？ 単純にウェブサーバとして実行するアプリケーションであれば、Dockerだけで何ら困らないでしょう。例えば、Apache httpdサーバを実行するには、次のようにしてコンテナを実行できます。 docker run -d httpd しかし
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
【2020/08/03 「デジタル・フォレンジック研究会」追加】 2015年に公開した以下の記事、そろそろ全体的に更新したくなったので新たに記事を作成しました。 security.nekotricolor.com リンク切れの修正が主ですが、多少追加・削除しています。間違いがありましたらtwitter等でお知らせいただけると大変助かります。 目次 目次 政府機関 セキュリティ関連団体 セキュリティベンダー その他団体 脆弱性情報（全分野） 脆弱性情報（ベンダ・開発者） Microsoft Apple Adobe Cisco Oracle WordPress その他 脆弱性情報（言語） 国内のニュースサイト 海外のニュースサイト 関連記事 政府機関 公式サイト 新着情報の場所 内閣サイバーセキュリティセンター What's New 経済産業省：情報セキュリティ政策 最新情報 総務省：サイバー
GoogleはGmailやChromeなど便利なツールを多数提供していますが、Chromeは定期的にPCの中身を「監視」していると報じられたり、Googleアプリはたとえ位置情報を無効にしても場所データを追跡・収集していると報じられたりと、プライバシーを考慮すると「Googleのサービスを使用することに不安を覚える」という人も少なくありません。そんな人のために、Googleが提供するさまざまなツールの代替となるようなツールやウェブサービスをまとめた「No More Google」が登場しています。 No More Google https://nomoregoogle.com/ 各ツールの代替となるサービスの上位3つまでをまとめると以下の通り。代替サービスの名称横に書かれているポイントは、ユーザーにより賛成ボタンが押された回数を示しています。 ◆Google Chromeの代替ツール 1：
今回の話はWasmというよりもService Workerの話がメインになりますが、WasmとService Workerを組み合わせることで、ブラウザー上でサーバー処理をリアルに再現することができるので、このタイトルにしています。 まずは動画をご覧ください。 見ていただくと分かるように、ブラウザー上でPHPのコードを書くとその実行結果が右側に表示されています。 特に面白い点が、お問い合わせフォームのPOST後の処理までもブラウザー上だけで実行できているという点です。 これはWasmとService Workerを組み合わせて実現しています。 大体以下のようなプロセスで実現しています。 Wasmはブラウザー側でも実行可能ですが、あえてService Worker上で実行しているのは、URLへのリクエストに対してそのリクエストにインターセプト（介入）することで、POST後の処理などもブラウザ
WordPressがWP Engine保有の超有名プラグイン「Advanced Custom Fields」を勝手に「フォーク」、開発元はプラグインが「同意なしに持ち去られた」と主張
WordPressの創始者であるマット・マレンウェッグ氏が、WordPress特化のホスティングサービスである「WP Engine」を痛烈に批判し、WP Engineからのアクセスをブロックしています。この問題に続き、WordPressのマレンウェッグ氏が、WP Engine保有の超有名プラグイン「Advanced Custom Fields(ACF)」をフォークしたと発表しました。 Secure Custom Fields – WordPress News https://wordpress.org/news/2024/10/secure-custom-fields/ 現地時間の2024年10月12日、マレンウェッグ氏はACFを「Secure Custom Fields」という新しいプラグインにフォークすると発表しました。 マレンウェッグ氏はACFをSecure Custom Field
JPCERT/CCは11月8日、CMSの「WordPress」に複数の脆弱性が見つかったとして最新版へのアップデートを呼び掛けた。影響度を示すCVSS v3のベーススコアは最大6.1。悪用されると、WordPressで運用するWebサイトの閲覧者が攻撃を受けたり、記事投稿者のメールアドレスを盗まれたりする恐れがある。 影響を受けるのはWordPress 6.0.3より前のバージョン。クロスサイトスクリプティングの脆弱性（CVE-2022-43497、CVE-2022-43500）、不適切な認証の脆弱性（CVE-2022-43504）が見つかった。 クロスサイトスクリプティングは、Webサイトの脆弱性を突いて攻撃スクリプトを設置し、閲覧者に悪影響を与える攻撃手法。今回の脆弱性を悪用されると、閲覧者のWebブラウザで攻撃スクリプトが実行されたり、メールを使って記事を投稿する「メール投稿」機能を
おそらくWeb制作を依頼した側の会社からすると何をやっているのか全くわからないであろう「WordPressの保守・メンテナンス」という項目。 やってることわからないし別に依頼する必要はないなと判断してしまうようなケースも多いかなと思う。 WordPressを利用する上で必要なことなので、私が会社や個人で保守という作業の中で一体何をやっているのかを紹介する。 最初に結論 保守でやっている作業は以下の通り。 WordPressの本体のアップデート WordPressのテーマのアップデート WordPressのプラグインのアップデート 不具合が起こった場合の状況把握 不具合の修正（いただいている料金による） WordPressやWeb技術に関する情報の収集 WordPressの保守・メンテナンスと更新代行の違い 大いに勘違いしている人がいるのだが、WordPressの保守と更新代行は違う。 Wo
侵害されたのは9月6日以降、侵害を発見したのは11月17日。手口は、侵害されたWordPressのパスワードを使ってWordPressのレガシーコードベースのプロビジョニングシステムにアクセスするというもの。発見してすぐに攻撃者をロックアウトしたとしている。 アクセスされたと確認した顧客情報は以下の通り。 最大120万人のManaged WordPressユーザーのメールアドレスと顧客番号 WorPressの管理者パスワード アクティブなユーザーの場合、sFTPクレデンシャルとデータベースのユーザー名とパスワード アクティブなユーザーのSSL秘密鍵 GoDaddyはWordPressのパスワードと秘密鍵をリセットし、新しいSSL証明書を発行している。 【更新履歴：2021年11月23日午前10時10分 WordPressのホスティングサービスへの侵害であることが明確になるようタイトルと本文
固定IPアドレスを用いると「特定のIPアドレス以外のアクセスを制限してセキュアなリモートワーク環境を整備」「自宅サーバーを構築してウェブサイトを公開」といったことが可能になります。しかし、固定IPアドレスを利用するにはプロバイダーとの契約を見直す必要があり、プロバイダーによっては固定IPアドレスの割り当てまでに時間がかかることもあります。インターリンクの固定IPアドレス提供サービス「マイIP」は「プロバイダーの種類に関係なく固定IPアドレスを利用可能」「固定IPアドレス割り当ての待ち時間なし」「モバイル回線でも固定IPアドレスを利用可能」という特徴を備えているとのことなので、実際に「マイIP」の無料体験に申し込んでWindows・iOS・Androidにおける設定手順を確認してみました。 固定IPアドレス | サービス一覧 | 株式会社インターリンク【公式】 https://www.int
失敗しないCMS移行の7つのステップ。WordPressからはてなブログMediaへ移行してみた - はてなビジネスブログ
この記事では、WordPressでの運用に課題があり、CMSの移行を検討している方向けに、「CMS移行の7つのステップ」と「実際にWordPressから移行した方法」をお届けします。 ■この記事の対象となる人 オウンドメディアをWordPressで運用しており、現CMSへの課題が顕在化している担当者（編集長・情報システム担当） ■この記事のポイント CMS移行のタイミングを見極めよう CMS移行の7ステップの紹介 実際にWordPressからはてなブログMediaへ移行してみた 目次 CMSを移行すべきタイミングとは CMS移行の7ステップ 1.概要資料 2.要件定義書・RFP 3.新旧CMSの機能比較表 4.移行作業一覧・スケジュール 5.既存コンテンツの棚卸し 6.移行作業 7.確認作業 実際にWordPressからはてなブログMediaへ移行してみた どのような状態のWordPres
HTMLとCSSの実務レベルの作業フローや思考プロセスがていねいに解説された、Web制作に真剣に取り組みたい人にお勧めの本 -教科書では教えてくれないHTML＆CSS
HTMLもCSSも一通り勉強した、でも実際にWebページを実装しようとするとどこから手をつければよいか悩んでしまう。そんな人にお勧めしたい、実装の作業フローと思考プロセスをくわしく解説した良書を紹介します。 本書は通常の解説書とは一線を画すもので、現場レベルの作業や考え方を基礎からていねいに解説したものです。実装のテクニックもたくさん解説されており、さまざまなプロジェクトで役立ちます。 本書は「HTML5&CSS3デザインレシピ集（紹介記事）」「WordPressデザインレシピ集（紹介記事）」などでお馴染み、狩野 祐東氏の新刊です。 「教科書では教えてくれない」とあるように、入門書や講座では学べない現場レベルの実装を基礎からていねいに解説しています。自分のブログをちょっとつくってみたいという人向きではなく、仕事としてWeb制作に携わりたい人向けの解説書です。
NDCの各分類から1冊ずつ選び、偏りがないブックリスト(100冊)を作ってみた【前編】 - 天才クールスレンダー美少女になりたい
はじめに 今年もついに、大学生協事業連合謹製のブックリスト「大学生のための100人100冊」がバズって絶賛されたり猛批判されたりする季節がやってきた。 https://www.univ.coop/pamph/pdf/book-100.pdf まあ、選書がいいとか悪いとか、衒学的だとか、衒学的で大二病だとして何が悪いのだとか、相対性理論の元の論文を読む意味全然ないだろとか、分野が偏りすぎだろとか、論理哲学論考の原著はさすがに読ませる気ないだろとか、まあいろんな意見が出て当然だとは思う。 (量子力学などと違って、特殊相対性理論は元の論文を読んでも害はない気がする。自然科学と原文/古典主義は相容れないという事実を選者がちゃんと理解しているかは怪しいが、それはそれとして「古典*1! 天才の論文! 原著! 簡潔な説明! カッコイイ!」みたいな素朴な感情は否定しても仕方がないし、自然科学の理論を学ぶと
ヘッドレスCMS + S3 静的ウェブページで記事投稿システムをサクッと実装してみた（microCMS + Amazon S3） | DevelopersIO
はじめに みんなが大好きな Amazon S3 の「静的ウェブサイトホスティング」。 サーバー不要でお手軽にウェブページを公開できる便利な機能ですが、HTMLを触らずにちょっとしたお知らせなどを更新できるようにしたい、というケースも多いと思います。 今回はそんな用途にぴったりの「ヘッドレスCMS」を利用して、S3 でホスティングしている静的ウェブページに管理画面から記事を投稿できるシステムを、1 時間ほどの作業でサクッと実装してみました！ ※本記事では「とりあえず動くシステム」をできるだけ簡単に、最短で体験することを目指しているため、セキュリティやフロントエンドの実装技術については掘り下げていません。 ヘッドレスCMSとは？ CMS（Content Management System）とはユーザー管理、記事の投稿、データベースなどがセットになったコンテンツ管理システム全体を指します。 最も
ネイティブLazyloadを可能にするloading=lazy属性がウェブ標準に、Chrome以外のブラウザサポートに期待
[レベル: 上級] loading=lazy 属性で実装するネイティブ Lazyload がウェブ標準になりました。 Chrome 以外のブラウザのサポートが期待されます。 The lazy loading attribute (<img loading="lazy") is now officially a web standard 🎉 Thanks to @domfarolino and other community members!https://t.co/fMqFq8gBVs pic.twitter.com/fFotntnBlD — Houssein Djirdeh (@hdjirdeh) February 12, 2020 The specification for native image lazy-loading has been merged into the HTML
循環的複雑度が閾値を超えた Pull Requests に、自動的に変更をリクエストする 「コードの品質を、維持したいよーーー」 ということで、テストや Linter を GitHub Actions で実行している環境はよくあると思いますが、今回は 循環的複雑度 を継続的に計測して、閾値を超えた場合に自動的に Pull Request に対して Request Changes のレビューをしようという試みです。 Lizard この例では、Lizard を使用して CCN を計測します。 おそらく似たようなツールでも同様に実行することができると思います。 Lizard は Python で開発されている CCN 計測ツールです。（追記：シンプルに書いてしまいましたが、もちろん他の指標も計れます） 以下のようにサポート言語が多いので、大抵の場合で採用できそうです。 サポート言語 (1.17.
かつて昔、コードを学んだり、ウェブデザイナーでない限り自分のウェブサイトを作ることは、ほとんど不可能でした。 しかし2021年となったいま、WordPressとElementor（エレメンター）のようなドラッグ&ドロップを基本とした、直感的なWebページビルダーを使えば、誰でも簡単にウェブサイトを作れるようになりました。 この記事では、WordPressとElementorをつかってホームページを作成する方法を、順番を追ってご紹介します。 Elementorって何？特長は？ Elementorは、WordPress向けドラッグ＆ドロップのページエディタで、プロのような美しいホームページを簡単に、かつスピーディーに作ることができます。 特長としては、ドラッグ＆ドロップによるデザインの追加や並び替え、編集をリアルタイムで行うことができる点。コードの知識不要で、誰でも簡単にハイクオリティなデザイ
(改題）なぜZoomがヤバかったのか、Microsoft Teamsの方が良いと思うか（改題前）なぜZoomがヤバくてMicrosoft Teamsの方が良いか - シアトル生活はじめました
【4月22日更新】 コメント欄でご指摘を受けて、Zoomの暗号鍵生成に関連する現時点での状況について誤解を避けるためタイトルを過去形に変更しました。 またこの記事全般でZoomに関する記述はすべて過去形として理解していただくようお願い申し上げます。 特に以下の点で訂正いたします。 「中国にあるサーバーが暗号の鍵を生成している」→ 「中国にあるサーバーが暗号の鍵を生成する場合が過去に稀にあった」 「中国政府にZoomの会話内容が駄々洩れになる可能性がある」→「中国政府にZoomの会話内容が駄々洩れになる可能性が過去に稀にあった」 また以下の点を追記いたします。 4月3日の段階でZoomは中国のサーバーをバックアップとして使用されるサーバーのリスト（ホワイトリストと呼ばれています）から取り除いたため、この問題が再発する可能性は極めて低くなった。 Upon learning of the ove
「ブログで稼ぐ」の昔と今 - とまじ庵
数日前に「ブログの真実」を近々書くよ～っていう予告的な独り言的な記事を書かせていただきました。 tomag.hatenablog.com ということでみなさま楽しみにしていると思うので（ぇ？してない？）約束通り記事にしていこうと思いますｗ ブログバブルは夢のような時代 この記事に該当するブログの種類について 物販はクリックされても買われない時代へ 独自ドメインの優位性終了？ 信じられるのはAdsenseだけ トップページは作り込んでも無駄 はてなブログの関連記事は優秀 まとめ ブログバブルは夢のような時代 今から７～８年前。西暦でいうと２０１６～２０１８年くらいの頃はブログバブルなんて呼ばれていて猫も杓子も「ブログで◯十万儲けました～♪」なんて雄叫びをあげていた時期。 はてなブックマークも全盛の頃でちょっと炎上系の記事を書いて１００を超えるブクマが付きでもすれば数万のアクセスが殺到。それに
おとめ座｢スピカ｣、｢真珠星｣の話。和名の真実と背景
創られた星の名前・・・スピカは「真珠星」 今日梅雨入りの発表がありましたねぇ・・・星空が遠くなります。そんなときは星にまつわるお話でもと思いちょっと書いてみました。 2018年6月5日、午後10時、木星が南の空に明るく輝いています。今は木星のほうが明るく目立っていますが、その近くに｢アークトゥルス｣｢スピカ｣ふたつの星が輝いています。このふたつの星は｢恒星（こうせい）｣つまり私たちの昼間の｢太陽｣と同じ、自ら光を出している天体で｢星座｣をつくる星です。もうひとつしし座の｢デネボラ｣とつないでできるのが春の大三角です。デネボラが｢１等星｣ではなく２等星なのでちょっと地味に感じるかもしれません。 このうち｢スピカ｣は｢お誕生日の星座｣、黄道十二星座のひとつ｢おとめ座｣の星で｢おとめ座アルファ｣とも呼ばれます。おとめ座生まれの方！このスピカがあるあたりが｢おとめ座｣です！｢スピカ(Spica)｣
キャリアって何だ？ 自分らしい強みを活かし、蓄積することで、到達するありたい姿 Will：何がしたいのか Can：何ができるのか Must：何を求められているのか スキルの寿命は短くなり、キャリアの形成期間は長期化の傾向にある。 自らのキャリアアンカーを知る 長期的な方向性の道しるべとして「キャリアアンカー」を活用する。 エドガー・H・シャイン（Edgar Henry Schein）博士によって提唱されたキャリア理論 築き上げてきたキャリアに基づいた、生涯にわたってぶれない自己欲求・または自己が望む価値観 まずは「セルフアセスメント（40問）」を実施し自分のタイプを把握しておく 8つの分類（専門・職能別 / 全般管理 / 保障・安定 / 起業家的創造性 / 自律と独立 / 社会への貢献 / ワークライフバランス / 純粋なチャレンジ） ※注意：8つの分類とは違うキャリアアンカーを持つ人もい
「はてなブログ」のアクセス数・PVを増やすWebデザイン「ブログカスタマイズ」方法まとめ - redoブログ
「はてなブログ」のデザインやレイアウトを整えたいと考えている方へ向けて、今まで私が紹介してきたWebデザインの「ブログカスタマイズ集」をまとめました。 ブログのサイトの見た目は「ユーザーの滞在率」や「直帰率」などにも影響し、SEOの観点からもとても大切です。 「デザインCSS」と「HTML」を制する者がサイトレイアウトを制します。色や配置、形、文字など工夫次第で色々な設定ができ、コードの内容がわかってくると楽しいものです。 今回ご紹介するカスタマイズ方法はすべて無料で実装可能なカスタマイズです。中でも厳選して、「HTML」「CSS」のプログラミングコードを使用するものを中心にまとめています。 私は大学院時代にはプログラミングで「Fortran」や「C」などを使っていたので、割と抵抗はない方なのですが、プログラミングに抵抗がある人へ向けて、初心者でもコピペでできるようにコードを紹介しています
IT業界は変化が激しく、人気の言語も時代とともに移り変わっていきます。最新の情報を追い続けるのは簡単ではないので、「将来性のある言語はどれ？」「単価が高くて稼げる言語は？」と気になっている人も多いのではないのでしょうか。 本記事では、「レバテックフリーランス」に蓄積されたデータを元に、プログラミング言語別の月単価・案件数を集計しランキングを作成しました。ランキング上位の言語については、将来性や市場価値を上げるためのポイントなども紹介しています。今回のランキングデータを元に、今後の案件選びやスキルアップの参考にしてみてください。 最新版のランキングはこちら▼ 【1位はGoの87万円】プログラミング言語別単価ランキング｜2023年7月最新版 ※本記事の調査結果や画像を引用する際は【レバテックフリーランス調べ】とご記載ください。 レバテックフリーランスはITエンジニア専門の フリーランスエージェ
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
Tailscale(SSH)ことはじめ
はじめに Tailscale、気にはなっていたのだけれど、この辺りのツイートを見て興味が出たので、自分でも手を動かしたのでメモ。 Sign Up 費用感はこの辺りを読むとわかりやすい。個人利用なら20台は無料で使えるので検証には十分ですね。 Personalプランのリンクから登録すればよい。 と言っても、細かいサインアップの手続きはなく、MS/Google/GitHubいずれかのアカウントで連携するのみ。※私はGitHubで連携した。 Usage デバイス登録(一台目、Amazon Linux2) 早速１台目を登録してくれということなので、近場にあったAmazonLinux2 on EC2(というかCloud9)へ導入する。 基本的に言われるがままにコマンド実行するだけで、VPNの知識は特に何も調べてないままエージェントが導入される。 デバイス登録(二台目、Windows Server)
Chrome の User-Agent 文字列削減のオリジン トライアルと今後の計画について
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
概要 Amazon ECS 上で実行するコンテナをローカルでテストする際ってどうしてます？ すでにご存知の方はバシバシ使われているかもですが、改めて焼き直しということで本ブログを書いていきます。 紹介するツールは、こちらの amazon-ecs-local-container-endpoints と ecs-cli です。 ちなみに ECS ってなにもの？ Amazon ECSとは、AWSのフルマネージドなコンテナオーケストレータサービスです。 また、コンテナが実行される場所(データプレーン)としては、fargate、EC2、Anywhere などがあります。 amazon-ecs-local-container-endpoints まず初めに amazon-ecs-local-container-endpoints についてです。 一言で表すと、ECS 上で実行するコンテナをデプロイする
WordPressでは表を作るショートカットがありますが はてなブログでは『ショートカットキー』のような便利な機能がないので『HTML』か『はてな記法モード』で書く『Excel』でコピーする3つの方法があります。 HTMLを使って表を作成する方法先程の表をHTMLを使ってブログに表を入れる場合ははてなブログの『HTML編集』画面にこちらのコードを書きます。 <table width="310"> <tbody> <tr> <td width="55">日付</td> <td width="92">アクセス数</td> <td width="72">評価</td> <td width="91">累計アクセス</td> </tr> <tr> <td>9/22</td> <td>299</td> <td>C</td> <td>352</td> </tr> <tr> <td>9/23</td> <
Astroを選ぶ理由 🚀 Astroドキュメント
Astroは、ブログやマーケティング、eコマースなど、コンテンツ駆動のウェブサイトを作成するためのウェブフレームワークです。Astroは、新しいフロントエンドアーキテクチャを開拓し、他のフレームワークと比較してJavaScriptのオーバーヘッドと複雑さを低減することで知られています。高速でSEOに優れたウェブサイトが必要なら、Astroが最適です。 Astroはオールインワンのウェブフレームワークです。 Astroには、ウェブサイトを作成するために必要なすべてが組み込まれています。また、さまざまなインテグレーションやAPIフックがあり、プロジェクトを自分のユースケースやニーズに合わせてカスタマイズできます。 特筆すべき点は以下の通りです。 アイランド: コンテンツ駆動のウェブサイトに最適化されたコンポーネントベースのウェブアーキテクチャです。 自由なUI: React、Preact、Sv
サービスサイトを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とGatsbyを連携して高速なサイトの作る手順について説明します。 説明する環境は以下です。 macOS Catalina v10.15.5Visual Studio Code v1.57.0node.js v16.13.1react v17.0.1gatsby v4.11.2 WordPressとGatsby用の環境を作る WordPressで記事の更新を行い、Gatsby側でそのデータを受け取って実際のサイトに表示させるようにします。それはWordPress用のドメインと、実際のサイトを表示させるためのドメインの２つが必要になるということを覚えておきましょう。 今回は本番環境でサイトを表示させる方法については説明していません。環境構築の手順とGatsbyを使ってWordPressからデータを取得して基本的なページを表示させる方法について説明しています。 まずは環
AWS EC2 のHDD解析（フォレンジック） | セキュリティブログ | 脆弱性診断（セキュリティ診断）のGMOサイバーセキュリティ byイエラエ
(この記事は2020年5月7日に公開されました。) こんにちは、フォレンジック課の traoka です。 よく「フォレンジックってなんやねん」と、あまり馴染みがない言葉ということで、この度AWSの名前の力を借りて技術面も交えながら少しご紹介したいと思います。 フォレンジックとは フォレンジックは法科学の一種で、事故・事件の痕跡や証拠を調査して原因究明を行うことを指します。調査の対象（事故現場）がコンピュータなどの場合、デジタル・フォレンジックと呼ぶ方が正しいのですが省略されることもしばしばあります。 デジタル・フォレンジックでは主にコンピュータ、ネットワークなどのセキュリティ事故（インシデント）や内部不正行為などを調査解析して事故原因や裁判で取り扱う証拠の特定などを行います。 分かりにくいので、ピンとこない場合は名探偵コナンにでてくる鑑識のトメさんみたいなイメージをもっていただければと思い
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
はじめまして、nanocolorの川端(@nanocolorkwbt)です。 僕は主にWEBサイトやランディングページを制作するデザイン業務の仕事をしています。しかし弊社の主軸サービスはマーケティング支援と運用です。 作成した制作物を活用しビジネスに貢献するのが仕事です。これがサービスの軸ですが、制作会社なのに仕事の流れに制作を含めていません。制作はとても大切な仕事です。が、しかし制作会社が制作する事は当たり前であり、今や誰でもサイトは作れる時代です。 制作会社やデザイナーの生み出す価値とは？ WEBサイトもLPも冊子もロゴも行き着く先は顧客ビジネスへの貢献です。トレンドばかりを追い、確証のない作り手のこだわりでは本質的な顧客へのビジネス的貢献は生まれない。そう感じた僕は『制作業務のみ』の仕事をあまりを大切にはしていません。 デザイナーにもマーケティングの視点をデザイナーがデザインを制作す
先週、（株）はてな様の「週刊はてなブログ」誌上にて、はてなブログBusinessプランのリリースを記念して、名古屋を地盤に企業ウェブサイトのコンサルティングを手掛けてらっしゃる運営堂の森野誠之さまと「地方の小さな会社によるオウンドメディア活用の可能性」をテーマに対談させていただいた模様が記事として公開されました。 blog.hatenablog.com 対談の中で、「コンテンツが飽和してきたと言われているけど、それは実は東京目線の話で、地域に根ざした方々による魅力的なコンテンツに出会う機会ってまだまだ少ないですよね」という点で森野さんと意見が一致したのが印象的でした。 ちなみに、私は奈良出身ですが、「奈良 観光」でGoogle検索すると観光ガイドページがたくさんヒットするのですが... ハッ......！ ...... LINEトラベルさんには奈良県はすっかり鹿王国扱いされているようです。
Googleの広告新技術「FLoC」をGitHubがブロック
サードパーティーCookieを利用しない新たな広告の仕組みとしてGoogleが開発を進めている「FLoC」を、ソフトウェア開発プラットフォームであるGitHubがブロックしていることがわかりました。 GitHub Pages: Permissions-Policy: interest-cohort=() Header added to all pages sites - GitHub Changelog https://github.blog/changelog/2021-04-27-github-pages-permissions-policy-interest-cohort-header-added-to-all-pages-sites/ GitHub blocks FLoC | Inside Dev - April, 28th 2021 https://inside.com/camp
ウェブは速くなっている、しかしさらに高速化できる from #ChromeDevSummit 2019
[レベル: 上級] この記事では、Chrome Dev Summit 2019 の ウェブの高速化に関係するセッションのハイライトをレポートします。 ページの表示速度改善のためのツールやレポート、指標などがたくさん紹介されています。 ウェブが速く ウェブは速くなってきている。 昨年との比較で次のような改善が見られる。 First Contentful Paint: 7 % 速く First Input Delay: 27 % 速く ツール ウェブの高速化にはたとえば次のようなツールを使える。 PageSpeed Insights: URL を指定してそのページのパフォーマンス状況を検証できる Search Console のスピードレポート: サイト内のページをグループ化して速度状況を可視化できる 新しい指標 スピードを測定するために新しい指標を取り入れる。 Large Contentfu
hoheigon.com
This domain has expired. If you’re the owner, you can renew it at WordPress.com hoheigon.com 2022 著作権. 不許複製 プライバシーポリシー
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
落ちたサイト360万件。欧州最大のデータセンター炎上、データが空のクラウドに...
TensorFlow 事例 : Coral を⽤いて回転寿司の会計を⾃動化するくら寿司
セキュリティに関する情報源を整理してみた 2020年版 - トリコロールな猫/セキュリティ
Googleの代替サービスを提案してくれる「No More Google」
Service WorkerとWasmを組み合わせてサーバー処理をブラウザーでリアルに再現する
WordPressに複数の脆弱性 クロスサイトスクリプティングで閲覧者・投稿者が影響受ける恐れ
WordPressの保守・メンテナンスとは一体何をやっているのか
GoDaddyにデータ侵害、最大120万人のWordPressホスティングユーザーの個人情報が漏えい
格安で固定IPアドレスを即座に利用可能＆モバイル回線での利用もOKな「マイIP」の無料体験に申し込んでみた
プログラマーがWordPressのカスタマイズの仕事を嫌がるのはなぜですか？に対するOhkubo Koheiさんの回答 - Quora
コードの複雑度をあげる Pull Requests を GitHub Actions で止めよう
初心者でも簡単！コード不要のホームページ作成ツールElementorをはじめよう
サイバーセキュリティ領域で生き抜くためのキャリア論 - Qiita
【2023年2月】プログラミング言語別単価ランキング！フリーランスエンジニアにおすすめの言語は？
TensorFlow 事例: から揚げを認識して弁当箱に入れる Foodly
Amazon ECS で実行するコンテナをローカルでテストする - Qiita
『初心者向け』はてなブログに表を入れたい場合は『Excel』からコピーして貼付けると簡単です
WordPressとGatsbyを連携して高速なサイトを作る - 環境構築から基本的なページ作成まで
「職人の技」の定量化を目指す TensorFlow
WEBデザイナーがマーケティング視点を取り入れると得られる50の恩恵｜川端康介
少し気の早い？「2021年に向けたコンテンツマーケティング事始め」 - ブログ - 株式会社JADE