普段ウェブのお仕事してる身として備忘録しておきたいことまとめてみた!この広告は、90日以上更新していないブログに表示しています。今日も前回と同じように記事ネタがたくさん思いついたのでボリューミーな記事になりますが、ウェブにご興味ある方に読んで頂けると幸いです。foldについてお話します。foldというのは、ファーストビューを出来るだけ早くユーザーに見せましょうというような意識または試みのことを指します。排除する」のことです。要するにCSSはデザインを司るものでjavascriptはDOM操作を行うスクリプトだからユーザビリティの向上を図る(レスポンスを早くする)ために、CSSはjavascriptより上に書きましょうということです。Google先生が指摘しているのはファーストビューに必要なCSS、javascriptのことです。意識的にCSSを上に書くことでページの体感速度が向上し、離脱率も減少することに繋がりますので是非お試しください!jQueryでヘッダーに設置したスクリプトが動かない時2年ほど前にこの事象を経験してから、jQueryを書く際に意識するようになったことがあります。それはどんな場面でも"$(function(){"と"});"で囲むようになったことです。上記コードで囲まないと、ヘッダーにスクリプトを設置している場合DOMが読み込まれていないタイミングでスクリプトが実行されてしまいます。よって何も実行されないわけです。このコードはDOM要素が全て読み込まれた段階で実行されるのでヘッダーに設置していてもフッターに設置していても実行タイミングは変わりありません。コードを圧縮したり元に戻したりするのに便利なサイト巷で配布されているCSSファイルやjavascriptファイルの中にはminファイル(圧縮バージョン)が存在しない場合がよくあります。してもファイルを手動で圧縮させて読み込み速度の向上に繋げたい場合は下記のサイトを利用すると良いでしょう。https://www.cleancss.com/Minifyというのは縮小という意味で、Formatterというのは縮小されたファイルを元に戻すという意味です。CSSやjavascript以外にもHTMLやPHP、XML、JSONファイルなども同様(一部)に操作可能です。Networkの略称で、外部リソースを予め設置されたサーバーから高速に読み込ませることが出来ます。bootstrapのファイルやfontawesome、jQueryファイルなどは有名所でありますから、CDNが存在します。いちいちFTPで内部リソースとして扱わなくても、CDNから読み込んでしまえばその手間が省けるというお話です。CDN」で検索すれば出てくることが多いです。・%指定(1は100%)のようにご利用ください!!Wordpressの外観→カスタマイズ→CSSの編集って扱いにくいよね前々から思っていたのですが、自分はCSSを追記する殆どの場合「外観→カスタマイズ→CSSの編集」を利用していません。いってCSSファイルに直接書き込んでいるわけでもありません。←OPCacheやmod_pagespeedなどを利用していて即時反映しないからです。しているのか!これはSimplicityで利用されているテクニックなのですが、「header-insert.php」を作成しwp_head()の直後にget_template_part()でこのファイルを読み込みます。このPHPファイルの使い方として自分は上にCSS、下にjavascriptをインラインで書いています。linkタグを使ってfontawesomeを読み込んだりするのもこのファイルです。←外部リソースの読み込みもこのファイルで管理しています。よってheader.phpに直接インラインで記述するより専用のファイルを用意することで、管理が楽になります。自分javascriptのアラートあんまり好きじゃないんです。なんか個人的に最近流行りの悪質サイトみたいなイメージが湧いてしまいます、、、、なので自分はQiitaで見つけたこの記事の関数をいつも利用しています。qiita.com有志の方がカキカキされたみたいですが、実用性抜群です!!利用者にちょっとしたお知らせをする場合などに用いています。UP!使ったりします。・プログラマー(フロントからバックエンドまで。2017年11月18日めちゃくちゃありがたいことにふうや(@fwww0707)が使っていないiPhoneSEを送ってくれました...😭SIMを差し替え、とりあえずは連絡はつくように。そのとき、ぼくのiPhone6plusが起動😅バックアップはとるものの、移行するか悩む...。誕生日プレゼントとして、ふうやくん(@fwww0707)から5Kgものチョコが送られてきました。先月から活発に動き回っています笑ここ2ヶ月間で香川には2回行き、東京には3泊4日滞在し、高知に1泊2日滞在しました。どの場面でも自分がインプットすることがたくさんあり、益々意識が高まりました!これからはその熱を冷まさず何事も行動に移していき日々限界突破してまいります。今日はおぎ君(@atk420t)とヒラ...2017-12-12ポケモン図鑑ジェネレーターを2日かけて作ったよ!!どうもふうや(@fwww0707)です。・_・)==○ポケモン図鑑ジェネレーターを2日かけて作ったよ!!Wordpress上でajax経由で関数をactionさせる時はadmin-ajax使うといいよ!月別アーカイブはてなブログをはじめよう!fwwwさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。