boosting-site.com 2024 著作権. 不許複製 プライバシーポリシー
💀 Webフォントの問題点 Webフォントに限らず、ブラウザでテキストを表示する過程には、フォントの読み込み作業が存在します。また、フォントを読み終えるまではテキストを表示させない機能1がブラウザには組み込まれています。 ローカル環境下のフォントであれば読み込みに時間はあまりかからないので問題ありませんが、webフォントの場合はローカルフォントと比べると読み込みに多くの時間を要してしまいます。 この機能の影響で、ページのロードをしてからテキストが表示されるまでの間、ユーザーはテキストを読むことができない為、不満や苛立ちを覚え、体験価値の低下やページの離脱を引き起こすと考えられます。 ⚔️ 'font-display'プロパティでこの問題に立ち向かう font-displayというCSSプロパティを用いることで、webフォントを読み終えるまではローカルフォントを代替的にロードし、テキストの
検索エンジン最適化（SEO）スターター ガイド ウェブサイトの構築時には、ユーザーを念頭に置き、見つけやすく閲覧しやすいサイトになるよう工夫するのが普通です。検索エンジンもユーザーの一種ですが、コンテンツを見つけるためにユーザーの手助けをします。SEO（検索エンジン最適化）では、検索エンジンにコンテンツを理解させることで、ユーザーが検索エンジンからサイトを見つけてアクセスすべきかどうかを判断できるようにします。 検索の基本事項では、ウェブサイトが Google 検索の表示対象となるために特に重要となる事項を説明しています。Google のインデックスに確実に登録される方法はありませんが、検索の基本事項に沿って作成したサイトは Google の検索結果に表示されやすくなります。SEO とは、一歩進んで Google 検索での存在感を高める取り組みのことです。このガイドでは、サイトの改善方法の
今回はVBAユーザー必見、応答なしになったExcelでVBAを確実に中断させる方法（仮称：ちゅんちゅん奥義）を紹介します。 皆さんはVBA或いはマクロの実行中に、無限ループを起こしてしまい中断できないので「泣く泣くExcelを強制終了させた」なんて経験はありませんか？ 実はWindowsの裏技的な方法で、VBAを止めることが可能です！ 一般的に知られているVBAの中断方法 Excelが応答なしになる原因と防ぐ方法 応答なしの再現プログラム DoEventsで応答なしを防ぐ DoEventsの発生頻度を調整する 効率的なコーディング方法を知る 応答が停止してしまったVBAを確実に中断させる方法 VBAを確実に中断させる 中断できるようにする条件 タスクバーの設定を変える 1ステップに負荷をかけすぎない 自動的なマクロの有効化を止める はてブコメント返し まとめ 一般的に知られているVBAの中
Windows 7のカスタマーエクスペリエンス向上プログラムを無効にする アクション センター の設定 | タスク スケジューラ の設定 | 備考 Windows 10/8.1、WMP アクション センター の設定 1. スタート _ [コントロール パネル] をクリックする 2. 表示方法: [小さいアイコン] をクリックする 3. [アクション センター] をクリックする 4. [アクション センターの設定を変更] をクリックする 5. 関連設定 _ [カスタマー エクスペリエンス向上プログラムの設定] をクリックする 6. [いいえ、このプログラムに協力しません] になっていることを確認する はい、になっている場合は、いいえ、を選択し [変更の保存] をクリックする。 以上で完了です。 タスク スケジューラ の設定 1. スタート _ すべてのプログラム _ アクセサリ _ システム
さくらのレンタルサーバ上にWebフォントのファイルを置いて、それを外部のブログやサイトから参照できるようにする話。 経緯 今年の8/31をもってGoogle DriveのWebホスティングサービスが終了したので、Google Drive上に上げていたWebフォントが使えなくなった。 という訳でさくらのレンタルサーバ上に移行しようとしたのだが、フォントファイルをサーバ上に移動させたものの、はてなブログ(このブログ)からはフォントファイルが読み込まれなかった。 問題点 どうやらクロスドメインによるアクセスが問題のよう。 具体的にはHTTPレスポンスヘッダに“Access-Control-Allow-Origin”がないといけないらしい。 Access-Control-Allow-Originは、それによって指定されたドメインからのアクセスなら読み込んでいいよってものらしい。"*"を指定するとど
はじめに AWSを利用しているプロジェクトのリーダーは一読ください。 AWSアカウント契約の準拠法と、管轄裁判所を変更する手順をまとめます。 お客様のAWS環境を自社が代行して契約しているようなケースの場合、米国法のままになっている可能性があります。後述するAWS Artifactから、本番環境で使用しているAWSアカウントの準拠法を確認することをお勧めします。 AWSを使うプロジェクトでPLが意識すること RFPや要件定義時の非機能要件の確認事項として、「クラウドサービスの準拠法が日本法であること」 を確認されたほうが良いと思います。 AWSとの契約のおさらい AWSは米国企業であるため、たとえ東京リージョンにアカウントを作成したとしても、契約の準拠法はワシントン州法、同契約に関するあらゆる紛争に関する第一審裁判所はワシントン州キング郡州裁判所または連邦裁判所になっています。 情報元（A
CSSをちょっと書けば、こんなレイアウトが出来てしまいます！ 当記事では、こんなレイアウトを可能にする CSS Grid Layout の解説をしていきます。 尚、CSS Grid Layout は現時点（2017年4月）ではまだ新しいモジュールのため、対応ブラウザが少ないです。 （Fx52～、GC57～、Safari10.1～、Opera44～ など） Can I use... CSS Grid Layout しかし、2017年3月にはFirefox, Google Chrome, Opera, Safari などが CSS Grid Layout 対応のバージョンをリリースしており、今後に対応ブラウザが急増するのは確実なので、ぜひともマスターしておきたいです。 この記事は4部構成の中の 基礎編 です。 CSS Grid Layout を極める！（基礎編） ←これ CSS Grid La
どうもですよ、はやちですよ✌(´ʘ‿ʘ｀)✌ めっきり春ですね、ほかほかして春はなんとなくねむいです( ˘ω˘)ｸｿﾈﾐ 花を見に散歩したいところですが買い込んだゲームをクリアしなきゃいけないので、もうしばらくインドア生活になりそうです( ˘ω˘) そんなのはどうでもいいですね。 今回は春らしくCSS3のanimationで桜を降らしてみようと思います( ˘ω˘)☝ 【こちらもおすすめ】 ☞ 「CSS3とjQueryでオリジナル画像のスプライトアニメーションを実装する方法」 実装方法 それでは実装方法をご紹介いたします( ˘ω˘)☝ 画像の用意 まずは降らせる用の桜の画像を用意します。 今回はこんな感じなの用意しました( ˘ω˘)☞ html マークアップはこのようになります。 降らせたい桜には、あらかじめdivを複数用意します( ˘ω˘)☝ <section id="sakura"> <
PHPでWebプログラムを開発していて、メール送信時の文字化けに苦労しませんか？ 妥協やごまかしや試行錯誤の末、私なりの文字化けしない設定を見つけました。 もしこれと同じように実装してみて、文字化けするよ！って方がいましたら、是非ご一報ください。 一緒に文字化けしないMailHeader考えましょう！ 下記のような条件でメールを送りたい 各種メーラーで文字化けしないように 通常のメーラー（outlook, windows live mail, etc.） Webフリーメール（yahooメール、Gmail） それらをスマホで受信した場合（iPhone, Android） 本文はUTF-8、件名はISO-2022-JP 本文はshift-JIS以外の拡張文字も対応したいので、UTF-8 しかし件名はUTF-8文字化けするメーラーがまだあるのでjisからISO-2022-JP mb_send_m
![[PHP]件名も！送信者も！本文も！mail関数で文字化けしないMailHeader設定 | briccolog](https://cdn-ak-scissors.b.st-hatena.com/image/square/b680d44ba3a2d03792f1877e016aa92ccb901dcc/height=288;version=1;width=512/https%3A%2F%2Fsiteproxy.ruqli.workers.dev%3A443%2Fhttps%2Fwww.bricoleur.co.jp%2Fwp-content%2Fuploads%2F2017%2F02%2Fdefault-1.png)
昨年、2013年度あたりから普及し始め、今年も大流行したウェブデザインのテクニックの１つである［パララックス・スクロール］をCSS3だけで実装する方法を紹介します。 パララックス（Parallax）とは日本語に訳すと「視差効果」を意味し、主にマウスの動きに合わせて特定の要素のスクロール量をコントロールして、ウェブサイトに奥行きや遠近感を表現する手法です。 「パララックス・スクロール」の他に、「パララックス・デザイン」や「パララックス・エフェクト」とも呼ばれています。 まずは動作のサンプルをご覧ください。 CSS3 パララックス・スクロール：動作サンプル 上記サンプルサイトでは、Internet Explorer 以外のモダンブラウザ（Safari、Google Chrome、Firefox、Opera等）をお使いの場合、「開発モード」のボタンをチェックするとレイヤーが3D化されるので構造を
第3引数を指定していない場合の影響前述のように、htmlspecialchars関数の第3引数を指定していない場合、PHP5.3までは、文字エンコーディングがISO-8859-1が指定されたとみなされます。この場合、入力内容にかかわらず不正な文字エンコーディングと判定されることはありません。したがって、文字エンコーディングのチェックが働かない代わりに、エラーになることもありませんでした。 これに対して、PHP5.4の仕様により文字エンコーディングがUTF-8とみなされた場合に、Shift_JISやEUC-JPの2バイト文字が入力されると、高い確率で「UTF-8として不正」というエラーになり、htmlspecialchars関数の出力は空になります。つまり、プログラムが正常に動作しません。 htmlspecialchars関数の第3引数を指定しておらず、内部文字エンコーディングがShift_
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
普段使っているノートパソコンが非常に遅い。 特にアプリケーションの立ち上がりが遅いと感じるため、タスクマネージャを起動してプロセスを確認したら、Microsoft compatibility telemetryと言うプロセスが95%のディスクアクセスを使用していました。 このプロセスは簡単に言うと、 「Windows 利用中の互換性に関する問題や情報のテレメトリー (Microsoft での匿名化された情報の収集)」 のようです。 単純にプロセスを止めれば解決するのだが、勝手に起動されるのも嫌だったので、タスクスケジューラから無効にしました。 1.環境 Let's note CF-SX3 Windows10 64bit 2.方法 windowsキーを押して「タスクスケジューラ」を起動する 起動したタスクスケジューラ 左のタブから「Microsoft」を指定 「Windows」=>「Appl
日本語対応！CSS Flexboxのチートシートを作ったので配布しますFlexboxとはFlexible Box Layout Moduleのことで、その名の通りフレキシブルで簡単にレイアウトが組めちゃう素敵ボックスです。現在ほとんどすべての最新ブラウザーでFlexboxをサポートしており、Flexboxを使ったレイアウト組みが今後のWebデザインのスタンダードとなるでしょう。 Web クリエイターボックスでは以前から Flexbox の使い方について紹介してきたのですが、最近 Flexbox が浸透してきたこともあってか各プロパティの使い方について質問される機会が増えてきたので、チートシートとしてまとめてみました。この記事ではなるべく画像メインでプロパティーの使い方を紹介したいと思います！ 動画で学ぶ CSS Flexbox この記事は YouTube 動画でも解説しています。動画派の方
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
![[HTML5] 新要素まとめ【2014/2/14版勧告候補】 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/d49ad6127eb1662ad6a5defc87bc87fd271411f0/height=288;version=1;width=512/https%3A%2F%2Fsiteproxy.ruqli.workers.dev%3A443%2Fhttps%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzg2MCUyRnByb2ZpbGUtaW1hZ2VzJTJGMTQ3MzY4MzYxMT9peGxpYj1yYi00LjAuMCZhcj0xJTNBMSZmaXQ9Y3JvcCZtYXNrPWVsbGlwc2UmZm09cG5nMzImcz1hMWY4MzA2ODI4NzUzMTE2MTlkYmJmNGM5NDZkNThmZA%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D768fa929eecac5d0598f1049f33368c2%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCSFRNTDUlNUQlMjAlRTYlOTYlQjAlRTglQTYlODElRTclQjQlQTAlRTMlODElQkUlRTMlODElQTglRTMlODIlODElRTMlODAlOTAyMDE0JTJGMiUyRjE0JUU3JTg5JTg4JUU1JThCJUE3JUU1JTkxJThBJUU1JTgwJTk5JUU4JUEzJTlDJUUzJTgwJTkxJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9ZGY1NTY3NTBmOTczN2FmNDQwM2NiNDBhYjI1ZTFlNjM%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBtYWNjb3RzYW4mdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz0xYTI4OThlYzIzM2ZlZTA4ZjcxYWY2MDk1ZDMyZTEzYg%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3Df437e089877aec9218c5ef7119de26a4)
