引越しにおけるネット回線ガチャと開通待ちで勝利するための知見まとめ 2023春 - はげあたま.org
www.hageatama.org 【追記】続編を書いたつもりが何の参考にもならないので読まなくても支障はありません。 先日、引越し先のインターネット契約で困ってたリアル友人にSNS上で細かくアドバイスしたら大変感謝されたので、今後は「まずこれ読んでおいて」と言えるような記事を書き残しておきます。 直近3年で3回引越し、プロバイダ利用4種の経験をまとめた素人記事でして、気になる点があればどんどんとフィードバックして充実させていきたいのでご指摘お願いします。 6/21（更新翌朝）：光コンセントがある前提で動くのは厳しくない？と言われて、確かにそう思ったので改訂。LANケーブルについての記述追加。 6/21（夜追記）: 不動産屋さんと光コラボについて追記 【主張の概要】 光コンセントが元からある物件を選べ フレッツ光回線でプロバイダをいつでも切り替えられるようにしろ IPv6 (IPv4 ov
新NISAと旧NISAの比較を通して、対応策を徹底検証 - たぱぞうの米国株投資
新NISAをさらに深掘り 2023年の方針を考える あけましておめでとうございます。 本年もよろしくお願いいたします。 さて、新NISAのルールについては先日記事にしました。 以下の表をご参照ください。 新NISAの特徴、ズバリ徹底まとめ表 これをもとに、非課税枠NISAを活用した2023年の投資戦略を考えてみましょう。 新NISAと旧NISAの比較を通した今後の対策 現制度の「一般NISA」「つみたてNISA」「ジュニアNISA」は「完全に別の制度として切り分けられる」ことになります。 旧制度の非課税枠は、新制度の非課税保有限度枠には算入されません。2023年までにNISA制度を活用していた場合には、非課税枠が増えてお得ということです。まだ利用していない方は、NISAを利用した方が非課税枠が増えます。 ただし、一般NISAは、非課税保有期間が５年間と短いので要注意です。 一般NISAの非
【Chrome Remote Desktop 】Windowsに接続するMacのキーボードが辛いから改善した - ひさふぃの日記
対象者 Chrome Remote Desktop WindowsにMacで接続 キーボードが使いづらい Chrome Remote Desktop MacのcommandキーをWindowsのCtrlキーに変更 元はWindowsキーが対応しているので、コピペ(command + c)するときcortanaにめっちゃ話しかけられる... 設定方法は下記画像がすべて(左シフトキー長押し or 右端の「<」を押す とメニューが開く) Macキー設定 Chrome Remote Desktop に送信する値を変更する 英数/かなキーはそもそもタイプされていることが送信されていないっぽい (英字キーボードにないため) そこで英数/かなキーを押したときに送信される値に変更してWindows側のIMEを設定して日本語切り替えを行う 今回の設定ではF19がIME OFF。F20がひらがな入力切り替え。
CSSの論理プロパティの使い方を徹底解説、margin-block-start, margin-inline-endなど
CSSでマージンを与える際に、margin-left, margin-rightのように物理プロパティを使用している思います。もちろん問題はないですが、CSS GridやFlexboxで使われている論理プロパティを使用する機会も増えてくると思います。 CSSの論理プロパティの基礎知識、inlineとblockの仕様、論理として使用できるプロパティ、論理プロパティの実装例を紹介します。 Digging Into CSS Logical Properties by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに writing-modeによるinlineとblockの違い inlineとはどういう意味ですか？ startとendを正しく理解する 論理として使用できるプロパティは何ですか？ 論理プ
ライブラリを使わずここまでできる！Web Componentsで近未来のフロントエンド開発 | 株式会社ヌーラボ(Nulab inc.)
Cacooチームエンジニアの川端です。普段はCacooのエディター(編集画面)のフロントエンドの開発をしております。最近パパになったので娘の写真を親に共有するアプリを作ってみました。その際に、Web Componentsなる機能を使ってみました。JSフレームワーク群雄割拠の昨今、ライブラリを使わずWeb Componentsだけでどこまでできるのかご紹介したいと思います。 Web Componentsとは？ Web Componentsとは、HTMLの要素をカプセル化して再利用可能なパーツにするためのブラウザのAPI群です。ReactやVueやRiotでいうところのコンポーネントをライブラリを使うことなく素のJSだけで作ることができる技術になります。 Web Components | MDNによると次のように記されています。 Web Components は、オープンなウェブテクノロジーを
UpdraftPlus で WordPress サイトを超簡単に移行する方法 - UPDATE
どうも、こうすけ（@kosuke_upd）です。 今回は、WordPress プラグイン「UpdraftPlus」を用いて WordPress サイトを超簡単に移行 (引っ越し) する方法を解説します。ドメインの異なる WEB サイトへの移行ももちろん可能です。 WordPress を移行するのに便利なプラグインとして最も簡単に行えるのは、当ブログでも以前紹介した「All-in-One WP Migration」というプラグインです。 WordPressの引越しを超簡単にできる「All-in-One WP Migration」の使い方 しかし、「All-in-One WP Migration」は無料版だと容量に制限があり、ある程度記事数や画像数のある WEB サイトをこのプラグインで移行しようとすると、すぐに制限を超えてしまい、有料版を購入しなくてはならなくなります。 しかし、今回紹介する
[Contact Form 7]送信完了時にモーダルウィンドウを表示する
目指したもの メール送信完了時にモーダルウィンドウを表示するモーダルには自由なメッセージとリンク先を設定する 実装手順 下記のCSSとJavascriptをContact Form 7を設置するページに反映させます。 もしくは、以下をまるごと対象のページやContactForm7編集ページに貼り付けます。 まるごとコピペするならこちら <style> /* 本来の送信メッセージとエラーメッセージは非表示にする */ .wpcf7 form.sent .wpcf7-response-output, .wpcf7-not-valid-tip { display: none; } /* モーダルウィンドウを作成する */ #cf7-modal { display: none; position: fixed; height: 100%; width: 100%; top: 0; left: 0;
![[Contact Form 7]送信完了時にモーダルウィンドウを表示する](https://cdn-ak-scissors.b.st-hatena.com/image/square/43cdea007d69fae98ec38efad59a6918b1368733/height=288;version=1;width=512/https%3A%2F%2Fmirailog.jp%2Fwp%2Fwp-content%2Fuploads%2F2021%2F07%2FWordPress-logotype-alternative.png)
WordPress プラグインなしで簡易的な会員(メンバー)専用ページをつくる | 神奈川を拠点にWeb制作・動画制作 | Primal
会員としてユーザー登録されているメンバーがログインしたときにだけ、閲覧できるページを作成する方法です。 ただし、この場合の会員(メンバー)専用ページとはWordpressの管理画面にはログインさせず、あくまでサイトの特定のページの 閲覧を許可するためにログインさせるというものです。 管理画面 > 「ユーザー」から「新規追加」で、登録したいユーザを追加します。 このとき「権限グループ」は適当に設定します。(あとで変えるので) また、メールアドレスは通知する必要があるのであれば追加します。なければ適当に「yamada@example.com」など存在しないものでも設定しときましょう。
Advanced Custom Fieldsの全フィールドタイプを徹底解説
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. WordPressのサイトを運用していると、「テンプレートファイルのコードを触ることなく管理画面で簡単に更新できるようにしたい」と感じたことはないだろうか。 そういった要望は、管理画面の中にカスタムフィールドを作ることで実現できる。 その方法の中でも Advanced Custom Fields プラグインを使うことで、簡単にカスタムフィールドを作成することができるだけでなく、複雑な要件を満たすことも可能になる。 WordPressの公式プラグインには、いくつかカスタムフィールドプラグインが存在しているが、ここでは Advanced Custom Fields の全フィールドタイプを徹底解説していく。 ※WordPressバージョン5.2
【図解で納得】レスポンシブデザインのブレイクポイントの細かすぎる新解釈 [2022年更新版] - webのあれこれ
※前回の2020年12月からベゼルレスのiPad mini6（8.3インチ）が出たので更新しています。 記事の詳細の内容はiPad mini6が入っていない内容です。 MacBookもM1チップでProじゃなくてAirで十分みたいになっていて、大きさやスペックが大きければいいみたいな時代は終わって、自分に合ったものを選ぶ人がより増えてきたように感じています。 前回が2019年5月にレスポンシブデザインのブレイクポイントの記事を書いて、今でもたくさんのアクセスがあり、たいへん嬉しく思っています。 そこで今回2021年に向けて内容を見直しました。 最近発売されたベゼルレスのiPad AirやiPhone12 miniなど新しいサイズも増えて、より複雑になった印象です。 iPadのSplit Viewを気にしない人は、去年と同じ560px/960pxでも問題はないです。 hashimotosan
![【図解で納得】レスポンシブデザインのブレイクポイントの細かすぎる新解釈 [2022年更新版] - webのあれこれ](https://cdn-ak-scissors.b.st-hatena.com/image/square/69fd58e599edd140a8c7e26e7058d9122c7ed7a1/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fh%2Fhashimotoblog%2F20201207%2F20201207184733.png)
【脱jQuery！】ネイティブなJavaScript（Vanilla JS）への書き換え方まとめ | WEMO
【脱jQuery！】ネイティブなJavaScript（Vanilla JS）への書き換え方まとめ 2019 12/15 最近では脱jQueryの流れがきている、という情報を目にしてさっそく脱jQueryしてみることに。 ...と思ったのですが、いざやってみるとかなり苦労しました。 なので、今回はその備忘録としてjQueryからネイティブJS（Vanilla JS）への書き換え方をまとめていこうと思います。 というか、本当に脱jQueryしたほうがいいの？ ということは一旦置いておいて、好奇心の赴くままにやっていきましょう。 ちなみに、『Vanilla JS』というのはフレームワークとかの名前ではなく、ただのJavaScriptのことです。 ※ 書きかけの部分やら中途半端なもありますが、ご了承ください。
DELL Inspiron（3470）のHDDをSSDへ交換 | fefcc.net
ハードウェア概要 DELL Inspiron 3000シリーズ スモールデスクトップ Inspiron 3470 Core i3-9100 Coffee Lake Refresh メモリ 4GB（16GB化済） HDD 1TB Windows10 Pro 64bit 交換用SSDを準備 crucialのサイトでDELL Inspiron（3470）と 互換性があると記載されているCT500MX500SSD1を採用 Dell Inspiron 3470 互換性のあるアップグレード | Crucial JP https://www.crucial.jp/jpn/ja/compatible-upgrade-for/Dell/inspiron-3470 CT500MX500SSD1のレビュー記事はこちら crucial MX500 CT500MX500SSD1/JPを計測 | fefcc.net
【Ajax】axiosを使って簡単にHTTP通信 | Will Style Inc.｜神戸にあるウェブ制作会社
こんにちは、CTOの奥田です。 新年あけましておめでとうございます。 昨年もたくさんの方にブログをご覧いただき、ありがとうございました。 本年も気を引き締めてより一層良い制作ができるよう努めてまいります。 2020年もどうぞよろしくお願いいたします。 さて2020年1発目のブログはaxiosについてです。 昨今のWebサイトは非同期でアレコレするのが当たり前になっています。 axiosを使えば簡単に非同期処理を実装することができます。 今回はそんなaxiosについてご説明したいと思います。 Table of contentsaxiosとはインストールGET通信POST通信エラーハンドリングaxios APIを使用するさいごにaxiosとはaxiosとはブラウザやnode.js上で動くPromiseベースのHTTPクライアントです。 jQueryで言うところのjQuery.ajaxであり、非
jQuery から Vue.js へのステップアップ - Qiita
はじめに 最近耳にする Vue.js（ビュージェイエス） ってどんなもの？ jQuery とどう書き方違うの？とか、jQuery でやってたこういう事って Vue.js だとどうやるの？jQuery しか使ってないけど Vue.js も使ってみたいなぁ～と思っている人向けの小難しいことは省いた記事です。私もそちら側から来たものです。 Vue.js 日本公式ページ（日本語翻訳率が半端ないと評判） もともと「jQuery から Vue.js への移行」というタイトルでしたが、それだと jQuery を完全にやめる、的なニュアンスになってしまうので、少し変更しました🐹 jQuery と Vue.js の違い jQuery は、セレクタ操作に特化したライブラリで HTML の一部をちょっとだけ弄るには手軽に扱えます。更新のたびにセレクタから要素を探して操作をするため、複数の UI を連携させるよ
2022年版！GraphAPIでインスタグラム投稿一覧を出力（JS/PHPサンプルコードあり）
【この記事は2022年版にリライト済みです】 最近インスタ投稿一覧をWebサイトに埋め込みました。 コード書くより、インスタとFacebookを連携させてアクセストークンを取得するまでがスーパーめんどくさかったです。しかも一年前と少しやり方が変わっていて戸惑いました。 ということで、2022年版のGraphAPIで一覧を取得する手順をJS・PHP両方紹介します。難易度はJSやPHPを少し書けSNSなどのサービスを普段から使っている人向けです。出来るだけこんなことも？！ってくらいわかりやすく説明します。 今まで表示されていたのに突然データが取得できなくなった時のチェックするポイントも追記しました。 かみーゆ/フロントエンドエンジニア 資金ゼロからフィリピンで起業した海外ノマドエンジニア。IT業界10年以上でテクニカルディレクター（技術責任者）・エンジニア講師・ブリッジSEを経てLenzTec
コンテンツマーケティングとは？
コンテンツマーケティングとは、ユーザーに役立つコンテンツの発信を継続的に行い、見込み顧客を育成、購買、ファン化まで導くマーケティング施策を指します。 大量のコンテンツで集客する手法と考えられがちですが、集客だけでは終わらせず、長期的に自社のファンになってもらうことを目的としたマーケティング戦略です。 本記事では、まずは「コンテンツマーケティングとは何か」、「なぜ今コンテンツマーケティングが必要なのか」といった基本概念を説明し、その上で実践方法や成功事例について解説します。 コンテンツマーケティングとは コンテンツマーケティングとは、ユーザーにとって価値ある情報を適切なタイミングで発信することでファン化し、商品・サービスの販売につなげるマーケティング手法です。 コンテンツを通じて自社の商品・サービスを知ってもらうのが狙いです。 提供コンテンツの種類はデジタルからアナログまで幅広くあります。文
ユーザーが自然と目を向ける、視線誘導を意識したUIデザイン｜Goodpatch Blog グッドパッチブログ
Goodpatch Blogでは、人の錯視を考慮したUIデザインの手法「視覚調整」についてご紹介しました。 視線誘導とは 視線誘導とは、ユーザーの視線の流れを意図的にコントロールするために使われる手法の１つです。UIデザインはもちろん、イラストや写真、映像、漫画などアート・デザイン問わず様々な場面で使われています。 視線誘導を使うメリット 視線誘導を意識することで、ユーザーに見せたい情報の順序を意図的にコントロールすることができます。情報の正しい順序を無意識に導き出すことができるので、ユーザーはストレスなく画面を見続けサービスを利用し続けることができます。 情報認知のための視線誘導 視線誘導には大きく分けて２つの目的があります。 ユーザーに情報を認知させるもの ユーザーの視線移動をサポートするもの 情報を認知させるための視線誘導は、ユーザーが注目している部分から注意をそらし、別の部分に視線
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
カラー生成のこんな便利ツールがあったとは！ ベタ塗りのカラーと同じに見える半透明のカラーを生成するツール -Alphredo
macからWindowsへリモートデスクトップ接続をするとかなキーと英数キーが無効になる
これは覚えておきたい！ コンテナ・ラッパーを定義するCSSの古い書き方とモダンCSSを使用した書き方
