さくらドメインのDNSゾーン情報変更についてまとめてみた
DNSサーバーサービスを利用するとゾーン情報を編集する事ができます。 メールとWEBサーバーを分けたり、サブドメインごとにWEBサーバー先を分ける事ができます。 ゾーン編集はルールをよく知りましょう。間違いが無いように確認をする必要があります。 ドメインのゾーン情報 ドメインには、WEBサイトを開くと指定されたサーバーのデータを表示できる特別な紐づけ情報があります。 一般的にはネームサーバーと呼ばれますね。 ネームサーバー情報を設定する事で、例えばlpeg.infoWEBサイトで表示するサーバー先として これらから1つ自由に選ぶ事ができる訳ですね。 WEBサーバーとメールサーバーを分ける ゾーン情報とはネームサーバーの情報をさらに細かく設定できるものになります。 一番のポイントはWEBサーバー先とメールサーバー先とを分ける事ができる点でしょう。 ゾーン情報を変更するとこのような振り分けもで
WordPressの管理画面のセキュリティ対策にBASIC認証を設定しよう
WordPressのログイン画面へ対するブルートフォースアタックは最もポピュラーな攻撃です。 ブルートフォースアタックとは ブルートフォースアタックとは、ありとあらゆるユーザーIDとパスワードを使ってログインを試みる手法です。ユーザーIDとパスワードの桁数が少なくて単純なほど突破されやすくなります。 BASIC認証とは BASIC認証は設定が簡単な事から使われる事が多い認証方法で、BASIC認証がかかっているページにアクセスすると、ユーザーIDとパスワードの入力を求められます。 アクセスするとユーザーIDとパスワードを求められます。 ブルートフォースアタックにBASIC認証が有効な理由 ログインURLを変更してもログイン画面は表示できる まず、ログインURLを変更するという手法が手軽でメジャーだったりしますが、 サイトURL/wp-admin/ にアクセスしたら結局ログイン画面表示されてし
花本クリニック｜奈良市 西登美ヶ丘で苦痛の少ない胃カメラ・大腸カメラ
丁寧な診察と分かりやすい説明を心掛け、少しでも地域の皆様の健康の一助となれるように頑張る所存でございます。 胃カメラ・大腸カメラ検査 当クリニックでは鎮静剤を使った内視鏡検査・手術も行っています。 苦痛を軽減し、より楽に検査・手術を受けていただけます。 詳しく見る
【日々更新】Visual Studio Codeの便利なプラグインまとめ（コーダー・マークアップ・フロントエンドエンジニア視点）
Visual Studio Code（VsCode）本体のインストール まだインストールされていない方は、以下からVsCode本体をダウンロードしてください。 VsCodeのおすすめプラグイン（コーダー・マークアップ・フロントエンドエンジニア視点） 私が導入しているVsCodeのプラグインを紹介します。 フロントエンドエンジニアとして働いている自分の普段の業務ではHTML CSS Sass(Scss) EJS Pug JavaScript TypeScript React Next.js PHP WordPress Markdownファイル等を触ることが多いので、それらに関連したプラグインが多くなっています。 共通 プラグイン名 機能
フロント学習の最高の教材集 - Qiita
はじめに 今回はフロント学習で重宝できる教材をまとめました。 軽く自己紹介として、自分は新卒でフロントエンジニアとして入社し2022年で2年目になります。 実際に実務を通す中で「この教材のおかげで実装がスムーズにできた」「この教材をやってたおかげで理解ができた」といったような場面が2年の間で多々ありました。 今回紹介する教材は自分自身が実際に使ってよかったものかつ、そのほとんどが無料で学べるor低価格の教材になっています。 「フロントエンドを網羅的に学べかつ実務の基礎作り」という目的で教材を紹介します。 この記事の主な対象者 フロントエンドの学習をこれからしていきたい人 何を学べばよいのかがわからない人 HTMLとCSSはある程度かける人 この記事の目標 フロント学習の指針が立てられる 実務現場でも活用できるスキルを学べる教材を知れる JavaScript ドットインストールのJavaSc
【脱jQuery】jQuery <=> vanillaJS 書き換え集
jQuery <=> JavaScript全書き換え一覧ではありません jQueryで書いていたコードをvanilla(素のJavaScript)に書き換えたいけど書き方がわからなくて調べ方もピンとこない状態の自分がこれを見ることができたらきっと嬉しいと思ったのでここに供養します。 脳の記憶容量が8バイトくらいしかないので今でもシンプルにJavaScriptの書き方をページ内検索して使ったりしています。 /*----------------------------------- セレクター ------------------------------------*/ //html $("html") document.documentElement; //body $("body") document.body; //id $("#hoge"); document.getElementBy
キャンプこたつを自作しました。簡単なDIYの方法を紹介します。
こんにちは。バツイチバフェットです。 最近の冬キャンプではこたつを使った「こたつでおこもりキャンプ」を良く見かけます。 本日はこたつを自作しましたので作り方をご紹介します。 キャンプこたつの熱源の種類 「キャンプこたつ」といても熱源に様々な種類があります。 サイトの状況や熱量を考慮して選んでください。 家庭用のこたつ 家庭用で使用する一般的なこたつをキャンプで使用するパターンです。 電源が使えるサイトや大きいバッテリーを持ち込む場合は使えます。 ただし、コンパクトにならないため持ち運びが不便です。 豆炭 提供：Ａｍａｚｏｎ 豆炭という小さな炭を使ったあんかをこたつの中に入れるタイプです。 先ほど紹介した電源が使える家庭用こたつが販売される前はこちらが主流でした。 電源が使えないサイトでも一般的なこたつと同じくらい暖かくできるのが特徴です。 湯たんぽ 湯たんぽをこたつに入れるタイプです。 湯
Sublime Textパッケージ見直しとSublime Text 4 | ツクメモ - ウェブやアプリをツクるヒトのメモ
どうも、もりさんです。 Macを新しくした際、Sublime Textのパッケージも見直しました。 他のエディタを使うこともあるので、出番が減ったSublime Textですが、特に軽さでは頭一つ抜けています。 まだまだ便利なので、活用していきます。 Color HighlighterからColorHelperに乗り換え カラープレビューするパッケージです。 Color Highlighterが4年ほど更新されていないので、ColorHelperに変えました。 Color Highlighter – Packages – Package Control AutoFileNameからFuzzyFilePathに乗り換え ファイルパスを記述する際に役立つパッケージです。 AutoFileNameは、他のオートコンプリートも出てしまうので、FuzzyFilePathの方が機能しやすい
My current HTML boilerplate - Manuel Matuzovic
My current HTML boilerplate posted on 09.04.2021 Every element I use for the basic structure of a HTML document, with explanations why. Traducción a Español by www.ibidemgroup.com. Usually when I start a new project, I either copy the HTML structure of the last site I built or I head over to HTML5 Boilerplate and copy their boilerplate. Recently I didn’t start a new project, but I had to document
最近の実装に合わせたHTMLテンプレート、基本のコードとすべての要素の役割も解説
最近の実装に合わせた、Webページ用のHTMLテンプレートを紹介します。 レスポンシブ用のHTML、ソーシャルメディア用のHTMLをはじめ、高速表示に欠かせないrel="preload"なども含まれています。IEなどの古いブラウザはプログレッシブエンハンスメントで対応しています。 HTMLテンプレートはすべての要素の役割を各行ごとに解説しているので、自分に不必要なものを削除したり加えたりすることもできます。 My current HTML boilerplate by Manuel Matuzović 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに HTMLのテンプレート（最終形） HTMLのテンプレートを1行ずつ解説 ページのタイトルと説明文、外部ファイル ソーシャルメディア用のHTML アイコンとアドレスバー もう
Vue.js、Nuxt JSを学習するときにやったこと
2021年7月11日 JavaScript, Nuxt JS, Vue.js 以前「WebデザイナーのためのVue.js事始め」という記事でVue.jsについて触れたのですが、それから今まで、どんな手順で勉強してきたのかを紹介してみます。途中ReactやGatsbyを取り入れたりもしていたのですが、結局 .vueファイルでの単一ファイルコンポーネントが楽だなーと思い、今はVue.jsに全振り中です。これから勉強してみたい方の参考になれば幸いです。 ↑私が10年以上利用している会計ソフト！ 1. Vue.js公式Webサイトを確認 まずはVue.jsの公式Webサイトを確認。日本語にも対応しています。ここで基本的な使い方、文法、何ができるのかなどをざっくり学習しました。 サンプルコードがある箇所は実際にCodePenを使ってコードを記述し、動作確認します。公式は今後何度も繰り返しチェックする
2020年秋にVue.jsのアプリケーションを作るなら、押さえておきたい5つのポイント | フューチャー技術ブログ
TIGの伊藤真彦です。 ここ最近はVue.jsでのフロントエンド開発を行っています。 ほぼ何もない状態からのスタート段階から始めたのですが、その際調査したことが学びになったので共有します。 ※この記事は 2020/10/13 に執筆されました。調査日は2020/08/17～2020/09/01 のため、バージョンなど当時と状況が異なるものがあります。この1ヶ月の間でも、alphaからbetaに変わったり、betaが取れたりと進化が速いです。 公式ライブラリのステータスはこちらもご参考ください。 https://v3.vuejs.org/guide/migration/introduction.html#supporting-libraries 前提として押さえておきたい2点のポイント環境構築はVue CLIフューチャーでは仕事ですぐに使えるTypeScriptと題しまして、TypeScri
3,000万ユーザーを集客した結果わかった、SEOに関する30の教訓 - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ SEO Japanでもたびたび紹介しているNeilpatel.com。多数の有益な記事が記載されており、ニール・パテル氏自身の知名度も抜群です。大量のトラフィックを獲得していることは想像に難くないですが、その成功の秘訣はどこにあるのでしょうか。 今回は、氏が特に重要と考えているだろう30個のアドバイスを共有している記事を紹介します。 単にSEOの施策リストというわけではなく、ブログ運営で必要な姿勢や考え方、繰り返すべきでない失敗など、広範囲に渡り扱っています。 上記のスクリーンショットでお分かりの通り、私はSEOから私のWebサイトへ、3,000万のトラフィックを獲得している。 細かく言えば、そ
Barba.js v2でサイトを簡単に非同期遷移させる | Will Style Inc.｜神戸にあるウェブ制作会社
<!-- unpkg --> <script src="https://unpkg.com/@barba/core"></script> <!-- jsdelivr --> <script src="https://cdn.jsdelivr.net/npm/@barba/core"></script><script> barba.init({ // ... }) </script>また、モダンブラウザであれば動作するようですが、以下のスクリプトをサポートしていないブラウザはPolyfillが必要です。 PromiseSet() and Map()Array.prototype.findIntersectionObserver(@barba/prefetchで使用)polyfill.ioであれば下記を読み込んでください。 <script src="https://polyfill.io/v3
Barba.jsを使うときに設定しておくと便利なスニペット | Will Style Inc.｜神戸にあるウェブ制作会社
こんにちは、アートディレクターの奥田です。 以前、Pjaxを簡単に導入できるBarba.jsをご紹介いたしました。 前の記事：Pjax（非同期画面遷移）でシームレスな画面遷移ができるBarba.js シームレスでかっこいいWEBサイトの制作にはBarba.jsが非常に便利なのですが、リンククリック時の動作やメタタグの取得などちょっとしたことで躓くことがあります。 今回は僕がこの1年ほどで使用してきたスニペットをご紹介したいと思います。 サイト制作のお役に立てていただければ幸いです。 Table of contentsGoogle Analyticsを有効にするheadタグ内の必要なメタタグを取得する該当する拡張子がついたリンクにtarget=”_blank”をつける外部リンクにtarget=”_blank”をつけるアンカーリンクであり同一ページでなければPjaxを有効にする該当クラスに属し
普通の人が資産運用で 99 点をとる方法とその考え方 - hayato
はじめに 資産運用で 99 点をとる方法とその考え方について説明します。この記事の対象はいわゆる「普通の人」です。 資産運用は趣味ではない。 資産運用を始めてみたいが何をしてよいのかわからない。 資産運用をすでに行っているが毎年ころころと方針を変えてしまっている。 資産運用に無駄に時間ばかり費やしている。 今のところ資産はすべて銀行の普通口座や定期預金にいれている。このまますべて現金でおいておくのも何か損しているみたいでモヤモヤする。だけど難しいことは勉強したくないし時間も使いたくない。 といった人たちです。 記事では最初に結論、すなわち「やるべきこと」を述べます。資産運用で 99 点の投資効率を達成するためにはこの結論部分だけを実行するだけでよいです。 次に、それだけでどうして 99 点といえるのか、その裏付けとなる考え方や理論を中心に説明します。 99 点をとるにあたってこれらの知識を
WordPress ブロックエディター Gutenberg に対応
WordPress ブロックエディター Gutenberg に対応 WordPress 5.0 から導入されたブロックエディター（Gutenberg）を使った場合に、作成したテーマを対応させるための覚え書きです。 テーマにブロックエディターのスタイルを適用させたり、逆にブロックエディターにテーマのスタイルを適用させる方法などについての個人的なメモです。 テーマにブロックエディターのスタイルを適用 ブロックエディター（Gutenberg）を使ってコンテンツを作成すると、使用したブロックにより特定のクラス（wp-block-xxxx や has-text-color 等）やインラインのスタイルなどが追加されます。 また、add_theme_support() などを使用してオプションのスタイルや機能を有効にすると、それに伴い追加のスタイルが読み込まれたりもします。 デフォルト（初期状態）では、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
大西哲也さんはTwitterを使っています: 「最速で失敗しない、邪道なステーキ調理法。こんなのステーキじゃない！肉のうまみが逃げる！と批判殺到。まあまあ一回試してみたら？ ①肉に塩をまぶす ②鍋に約3％の塩水を作り肉を入れて火にかける ③沸騰したら肉を取り出す ④両面に焼き色をつける 詳しくは動画で https://t.co/Nj6oLJwH5C https://t.co/PzzibXB55d」 / Twitter
サンワサプライ、机にぶら下げられるケーブル/電源タップトレイ
はじめに｜ブログサイトを作りながら学ぶGatsby入門
