AWS初心者向けAWS環境のWordPress基本パターン8つ作ってみた | クロジカサーバー管理
こんにちは。「クロジカサーバー管理」コンサルティングチームの三谷です。 一般的によく活用されているWordPressを動かすためのAWSの構築パターンを、WordPress使用時に使われるAWSサービスの説明と共に構成のメリット・デメリットを紹介します。 そもそもAWSにWordPressを置くメリットは？クラウドサーバーとして捉えた時、AWSとオンプレサーバーの比較の場合には、 初期費用が安い維持費がトータル安いし、壊れた時の対応が楽規模を大きくするのも小さくするのも楽テスト(複製)環境も簡単に作れるなどがあります。ロリポップなどWordPressを利用している方は、 セキュリティを高めることができるマシンスペックを自分で選べる今までできなかった細かい設定ができるようになるWordPress以外に動かしたいものも動かせるのように自由度が上がるメリットがあります。但し、料金は上がることが多
Announcing Nuxt 3 Release Candidate · Nuxt Blog
A new foundationOn top of supporting Vue 3 or Vite, Nuxt 3 contains a new server engine, unlocking new full-stack capabilities to Nuxt server and beyond. It's the first JavaScript application server that is portable across a variety of modern cloud hosting providers. In production, it builds your Vue application and server into one universal .output directory. This output is light: minified and wi
Node.js における ES Modules を理解する - 30歳からのプログラミング
記事執筆時点での最新版の Node.js では、モジュールシステムとして ES Modules を使うことができる。 また、CommonJS で書かれたモジュールを ES Modules で読み込むこともできる。 Node.js のモジュールシステムは複雑すぎて苦手意識があったので、整理した。 この記事の内容は、Node.js のv14.7.0で動作確認している。 Node.js のモジュールシステムはバージョン毎に挙動が大きく変わるので、注意が必要。 そのファイルは CJS なのか ESM なのか Node.js で使えるモジュールシステムとして、ES Modules（以下、ESM）の他に CommonJS（以下、CJS）があり、CJS がデフォルトになっている。 Node.js におけるモジュールシステムを理解するためにはまず、Node.js が各ファイルをどのモジュールシステムとして
〜その意思決定を刻め〜「アーキテクチャ・デシジョン・レコード(ADR)」を利用した設計の記録 - スタディサプリ Product Team Blog
こんにちは。スタディサプリのWeb開発をやっている@highwideです。 今日は、自分の所属する"コーチングチーム"(個別指導コースや合格特訓コースの機能開発を行っています)が、最近のプロジェクトで利用した「アーキテクチャ・デシジョン・レコード」、通称「ADR」について紹介したいと思います。 アーキテクチャ・デシジョン・レコード(ADR)とは 「ADR」「アーキテクチャ・デシジョン・レコード」という概念を知ったのは、社内で行っていた「Design It! プログラマーのためのアーキテクティング入門」(以後「Design It!」)の読書会でのことでした。 www.oreilly.co.jp 最初にそのキーワードが登場する「11.2.3 必要なときだけ形式的な記述に投資する」では、「"膨大な量のドキュメントになる傾向"がある形式的なドキュメンテーション」に対比して、以下のように紹介されます
Nuxt Composition APIのuseFetchとcomputedの問題について
使っている@nuxtjs/composition-apiのバージョンについて こんな感じ @nuxtjs/composition-api": "0.22.0" 何が起きていたのか？ setupでreturn にcomputedな値を含めるとWrite operation failed: computed value is readonlyって言われるのかな？ — ポリドッグ (@polidog) March 21, 2021 https://codesandbox.io/s/vigilant-gould-45vg4?file=/pages/posts/_id.vue import { defineComponent, useFetch, useContext, ref, computed, } from "@nuxtjs/composition-api"; import Author fr
2022年の最新標準！Vue 3の新しい開発体験に触れよう - ICS MEDIA
2021年のVue.jsは新しいVue 3のコアが安定し、開発環境からライブラリやコードの書き方まで、新しい発表の多い一年でした。ICSではすでに複数のプロジェクトでVue 3やVite等の新しいフレームワーク・ツールを使用していますが、まだまだ様子見という方も多いでしょう。 変化の大きいVue 3の周辺ですが、2021年11月のVueConf Toronto 2021（セッション動画）でようやく次の定番と言える構成がアナウンスされました。この記事では、Vite・cteate-vue・<script setup>・Piniaといった新しい推薦構成を紹介し、Vue 2時代から何が良くなるのかを比較します。 新しい構成は何が良くなる？ メリットを確認 新しい構成ではプロジェクトを作成する際のコマンドラインツールからVS Codeの機能拡張やコードの書き方まで、さまざまな部分が変わっています。個
Is It Good Design? Well, Yeah.
We ask people who design and build Google products what they consider to be good design. What is good design? Well, it depends who you ask. In the words of UX Researcher Izzie Zahorian, “Oftentimes, coming into contact with good design makes me question whether something has been designed at all.” Not too far from the Ramsian doctrine that states good design is “as little design as possible.” But
tree.nathanfriend.io
An online tree-like utility for generating ASCII folder structure diagrams. Written in TypeScript and React.
地味PMとは｜永嶋 広樹 / NAGASHIMA Hiroki
「地味PM」ってぐぐると、一番上に私の Meety が出てきます。ありがとうございます。そうです。造語です。今日は「地味PM」活動について、お話したいと思います。 発端事業を推進していくために、PM（プロダクトマネジメント）はとても重要です。昨今、書籍で、オンラインで、イベントで、各所で「PMの重要性」「PMとはなにか」「PMのナレッジ」等、多くの「PMコンテンツ」が流通しており、目にしない日はないといっても過言ではありません。 そんな中、日々業務を進めていく中で、個人的に２つの点で不安になることがあります。 PM業界・PMに対する評価が度を超えて過熱し、期待と実態とが乖離しているのではないか 「PMかくあるべき」が急速に整っていく中、世の中にあるPM論だけが果たして「PMのすべて」なのか 私は現在、ヘイ株式会社で STORES 決済 というプロダクトのプロダクトマネジメントを行っているの
A Practical Overview Of CSS Houdini — Smashing Magazine
Houdini, an umbrella term for the collection of browser APIs, aims to bring significant improvements to the web development process and the development of CSS standards in general. Frontend developers will be able to extend the CSS with new features using JavaScript, hook into CSS rendering engine and tell the browser how to apply CSS during a render process. Houdini’s browser support is improving
React フック useEffectとuseLayoutEffectの違い 基礎 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
本日の記事はuseEffectとuseLayoutEffectフックの違いを初心者様に解説致します。 useLayoutEffectとuseEffectの違い useLayoutEffect例 最後に useLayoutEffectとuseEffectの違い こちらのフックは、ほぼuseEffectフックと同様の機能を備えております。 唯一の違いとしては全ては実行時のタイミングとなります。 useEffectはコンポーネントのマウント時に非同期で呼び出され、例えばですが状態やPropsの一部を、すぐに実行する必要がないものだったり、またはページに視覚的に影響を与えないものとなります。 データをフェッチする時と同様に、すぐに変更されることはありません。 また、イベントハンドラの設定やモーダルの表示および非表示になったときに状態をリセットする場合などとなります。 useLayoutEffect
AfterEffectsにillustratorのパスを生きた状態で持ってくる方法｜Nviveto
After EffectsでLottieデータを作成する際、 画像が使えない問題からどうしてもパスのデータを生きた状態で AE上に持ってこないといけなかったのですが AEはパスの癖がややあってイラストレーター上で作る方が早かったり 同じパスデータを使いたいということがありました。 色々調べたところ２種のインポート方法があるようです 20201019追記：有料ツールを使えばイラストレーターのレイヤー名＋パス全てをそのままAE移植できるよう。overloadという有料ツールをプロの方は使っているそう 1. １つのオブジェクト（パス）をコピペでAEヘ持ってくる 2. いくつか重なっているオブジェクトをまとめて１つのオブジェクトとしてAEに読み込ませる 一つ目のパスをコピペする方法 とりあえず単体のパスだけ欲しい時には便利です １つのオブジェクト（パス）をコピペでAEヘ持ってくる 1. まずIll
GIFアニメからAPNGの時代に！ 次世代画像形式APNGを使いこなそう - ICS MEDIA
APNG（エーピング）とはアニメーションするPNG画像のことで、アニメーションGIFに取って代わる次世代の新しい画像形式です。もともとブラウザベンダーのMozillaが提案した規格で、ウェブサイトのアニメーション表現に利用できます。従来はアニメーションGIFが主流でしたが、アニメーションGIFは色数の制限や輪郭のジャギーなど品質面の制限が多いファイルフォーマットです。その制限を払拭してくれると期待されるのがAPNG形式です。 データ容量・品質から比較する画像形式〜APNGは容量が軽くて綺麗 上図ではアニメーションGIF・APNG(8bit・32bit)・PNG連番画像をデータ容量・データ品質でマトリクス図にしました。APNG 8bitはアニメーションGIFと同じ256色のサポートなのでAPNG 8bitの方がデータ容量は若干小さいものの、差はほとんどありませんでした。APNG 32bitは
2024年に最適なfont-familyの書き方 - ICS MEDIA
ウェブサイトのフォントは何を指定すればよいのでしょうか？ CSSのfont-familyプロパティーに指定可能なフォントは選択肢が多く、HTMLコーダーなら誰もが一度は迷ったことがあるはずです。 font-familyの組み合わせを紹介している記事は多々あります。しかし、必要のない指定や、考察不足なまま紹介している記事を見かけることは少なくありません。それもそのはず、フォント事情は日々変化するもので、古い情報は役立たないことが多いためです。 本記事ではフォントに関わるここ最近のビッグニュースを取り上げつつ、教訓から学んだ変化に強い「無難」なフォント指定を紹介します。 結論 いきなり結論ですが、以下のフォントの組み合わせがオススメです。CSSのbodyセレクターなどにコピー＆ペーストして利用ください。 body { font-family: "Helvetica Neue", Arial,
7payのパスワード再設定に脆弱性、運営元が対策 「解決していない」との指摘も
モバイル決済サービス「7pay」で不正ログイン被害が相次いでいる問題で、運営元のセブン・ペイがこのほど、7iDのログインパスワードを再設定する手順を変更したことが分かった。第三者がユーザーの生年月日や電話番号、会員ID（メールアドレス）を知っていると、第三者のメールアドレスにもパスワードを再設定するためのメールを送れる、という問題に対処した。だが、ネット上では「解決していない」という声も上がっている。 第三者がパスワードを再設定可能 7payでは1日のリリース直後から、第三者にアカウントが乗っ取られ、残高を不正利用される被害が発生。Twitter上では「クレジットカードで計18万円不正チャージされ、9万円を使われた」といった報告が相次いだ。セブン・ペイは3日、不正ログイン防止のためにログインIDやパスワードの管理を気を付けるように呼び掛けた他、クレジットカードとデビットカードによるチャージ
Nintendo Switch ProコントローラーをMacに接続してGamepadAPIでイベントを受け取る 🎮 - みかづきブログ・カスタム
Gamepad APIをつかって、ブラウザからコントローラーの入力を取得。https://t.co/EQ4CxCylO6 pic.twitter.com/JuQ3At6RNP— 君塚史高 (@ki_230) 2020年7月3日 昨日はNode.jsをつかって、Macに接続されたコントローラーの入力を取得しましたが、今日はGamepad APIをつかってフロントから値を取得してみました。 blog.kimizuka.org Gamepad APIが非常に使いやすく、昨日よりも簡単に実装できました。 developer.mozilla.org が。何故かプロコンをCSSでつくろうと思ってしまい、その部分に結構時間を使ってしまいました。 DEMO See the Pen Pro Controller with GamepadAPI by kimmy (@kimmy) on CodePen. 動作
最新のユーザーエージェント対応はどうするべきか？ - ICS MEDIA
ユーザーエージェント文字列は、ユーザー分析やデバイス・ブラウザーで処理を分けたい時に広く用いられています。取得方法は昔からあまり変わっておらず、ウェブブラウザーの種類・バージョン・プラットフォームごとに固有の文字列を取得しています。 実は、この文字列が近い将来固定化され、正常に情報を取得できなくなってしまうことをご存知でしょうか？ 今回はユーザーエージェント文字列の変遷を追いながら、現在策定されている新しいユーザーエージェント仕様である「User-Agent Client Hints」の概要を紹介します。 User-Agent Client Hintsの使い方、ユーザーエージェント文字列が固定化された時の対応についてもまとめています。 旧来のユーザーエージェント判別方法 従来のユーザーエージェント文字列取得は、navigatorオブジェクトのuserAgentプロパティを参照する方法です。
肩こりがヤバイ人集まれ！指圧師が教えるラクな作業環境【リモートワーク】 - イーアイデム「ジモコロ」
コロナの影響でリモートワークを導入する会社が急増。しかし家の作業環境が整っておらず、肩こりや腰痛に悩んでいる人も多いのでは？そこで今回は指圧師の斎藤充博さんに「ラクな作業環境」について聞きました！ こんにちは。ライターの斎藤充博です。 いま僕はライターの仕事を主にしているのですが、実は国家資格を持った指圧師でもあります。そのため、普通の人よりは「身体の疲れ」について知識を持っています。 そんな僕にジモコロ編集部の日向コイケさんから相談がありました。 外出自粛の影響を受けてZOOMで話をしています 「実は最近、外出自粛のためずっと自宅作業をしていまして」 「僕もそうですね。そういう人多いんじゃないかな」 「この環境には少しずつ慣れてきたのですが、在宅になってから肩がこって仕方がないんですよ。僕が仕事をしているときの写真を送るんで、悪いところがないか教えてもらえませんかね？」 「ちょっと待って
Cloud Firestore のクエリが遅くなる理由
.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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
LINE NEWS ダイジェスト(LINE NEWS)
