HTML/CSS

先頭

        li:first-child {
            background-color: rgba(255, 0, 0, 0.658);
        }

HTML/CSS

例として、下記のような設定をしているにも関わらず、
横に並ばない場合がある。
 display: inline-block;
 box-sizing: border-box;
 width: 50%;

空白・改行が原因の場合が多く、letter-spacing を設定することで解消できる。

Webサイト/アプリ開発, ソフトウェア開発

JSONきれい ~JSON整形ツール~ – instant tools
階層ごとに折りたためる機能が便利。
安心して使えるCDNのリストを作成するツールなどもあり、
痒いところに手が届くサイト。

TM – WebTools
JSONきれい同様、階層ごとに折りたためる。
JSONだけではなく、HTML・JavaScript・CSSの圧縮・整形など
Web周りはここで一通りそろう

The Fastest JSON visualizer – 最速のJSON可視化・解析ツール
JSONきれい同様、階層ごとに折りたためる上、
階層が色分けされており分かりやすい。
項目にアクセスするためのパスなども合わせて表示される。
また、ソースがGitHubで公開されている。

Webサイト/アプリ開発

Webサイトの内容をGoogle等に効率よく知らせる為の仕組み、
それが構造化マークアップ。
具体的には、タグ内の文字列に意味を持たせたり、情報をまとめて定義したりする。

最新のSEO事情!schema.orgで構造化マークアップせよ! – Qiita

jQuery/JavaScript

async: false を入れることで同期処理となる

$.ajax({
	type: "GET",
	url: "https://xxxxxxxxxxxx",
	async: false,
	cache: false.
	dataType: "json",
	data: {
		sei: "Yamada",
		mei: "Hanako"
	}
})
.done(function(data, textStatus, jqXHR) {
})
.fail(function(jqXHR, textStatus, errorThrown) {
})
.always(function() {
});

参考: jQuery.ajax() | jQuery API Documentation

jQuery/JavaScript

jQueryオブジェクト→DOM

var objDom = objJQuery[0];

DOM→jQueryオブジェクト

var objJQuery = $(objDom);

PHP, ソフトウェア開発

画像1つを返すPHPを作成し、AjaxでPHPを連続読み込みすることで
複数の画像を1ページに展開することが可能ではあるが、
Base64を使いPHP1つのみで複数展開する方法を記載する。

Web構築

Googleやbingなどの検索エンジンは、クローラーと呼ばれる巡回システムで

自動的にネット上のサイトを登録していきます。

 

しかし、作成したサイトをなるべく早めに登録したい時などは、検索エンジンに対し申請をすることで

登録を早めることができます。(必ず登録が早くなる訳ではありませんので注意してください。)

 

・Google

Search Console

登録したいURLを申請するだけで終わります。

Fetch as Google (Google Search Console)

サイトの総合的な管理と合わせて、クロールを申請することができます。

 

・bing

自分のサイトを Bing に登録する

登録したいURLを申請するだけで終わります。

bing Webマスター

サイトの総合的な管理と合わせて、クロールを申請することができます。

 

なお、検索エンジンへの申請を行う前に、robotメタタグやrobots.txtでサイトの設定をしておきましょう。

robots.txt とは? (とほほのWWW入門)

Web構築

このBlogはWordPress+SQLite Integrationでできています。

DBはMySQLやPostgreSQLではなくSQLiteなので、バックアップもSQLiteのファイルを退避するだけ。

パフォーマンスは劣りますが、個人のBlog程度では十分なスペックです。

また、SQLiteの中身を見るのにはDB Browser for SQLiteが個人的にオススメです。