他言語サイト
en_US en_US

記事一覧

WordPress5.0のメジャーアップデートの注意点と対応

wordpress image

ついに、Wordpress5.0がリリースされました。このバージョンからエディタが大きく変わります(名称Gutenberg)。

ただほとんどの人はすぐには使えないでしょう。あまりに劇的な変化のため使えない機能・プラグインが出てくるからです。

心配ありません。簡単な対応方法と、どういうデメリットがあるのか、いまから詳しく見ていきます。

続きを読む

WordPress5 新エディタにCSSを適用する方法

wordpress image

WordPressはバージョン5から、編集画面とその中身の処理が大幅に変更になりました。新エディタ(Gutenberg)の採用です。

エディタがブロック形式でコンテンツを作成することになったので、CSSの適用方法も変わりました。

GutenbergでのCSSの適用方法を分かりやすく解説します。

続きを読む

かんたんCSS3 ぜんぶ解説。誰でも分かるflexの使い方

css3 image

CSS3では、要素の配置を変える方法がたった数行でできるようになりました。

フレックスです。これで、ナビゲーション(メニュー、パンくずリスト)などはとてもかんたんに作ることができます。

Webアプリなど高度なコンポーネント配置の操作でも使えます。

そのフレックスの全機能を解説します。

2018/12現在、ほぼすべてのブラウザで対応しているので心配ありません。わかりやすく手順を追って解説します。

これを書く一番の理由は『自分の教科書』のためです。よく忘れるので、『ほかのサイトを毎回見るなら自分で書いてしまえ』になりました。

続きを読む
  • by Google Ads

javaScript ES2015 アロー関数ってなんだ?

JavaScript image

javaScriptで関数っぽいんだけど、見たことないものをここ数年見かけます。

『どうせシンタックスシュガーでしょ?』と、まぁなんとなく分かっていたのでほっといたのですが、それはいかんだろうということできちんと調べました。

まず答えを言うと、シンタックスシュガーではありません。ES2015(ES6)から導入された新しい記法でした。

続きを読む

実録。WordPressを5.0にアップデートしたら、意外と上手くいく

wordpress image

WordPressを5.0にアップデートしました。

前評判が紆余曲折あったので、過去の記事が壊れることを覚悟してのぞみましたが、意外とすんなりイケました。

一部使えない機能は出ていますが、予想よりも少ないので気にすることはありません。アップデートの手順と結果を見ていきます。

続きを読む
  • by Google Ads

HTMLとCSSだけで作る軽量サンプルのまとめ(:checked疑似クラス)

html5 css3 image

CSS3のchecked疑似クラスを使えば、JavaScriptを使わない、軽量なコンポーネントを作ることができます。

閉じるボタンやタブ機能などのサンプルを用意しました。これは処理を制御するときに、Webサーバーにリクエストを送信しないので、Webページのパフォーマンスを上げることができます。

続きを読む

ドメインとは?から登録業者の選び方までまとめて一挙に解説

domain image

Webサイトを作成するには必ずドメインが必要です。多くの人に見てもらうためには、独自ドメイン名の登録は欠かせません。

ドメインとは何か?なぜ独自ドメインが必要なのか?から登録業者の選び方、そして、ドメイン移管まで一挙に解説します。

ドメインの知識はこれだけあれば十分です。Webの入門編としてご覧ください。

続きを読む

中学生でも分かる。レンタルサーバーとクラウド、VPSの違い

cloud image

『クラウドサーバーとレンタルサーバーの違いは?』と聞かれて、答えに自信がある人は分かっていない可能性大です。

その理由は、2つは根本的には同じだからです。

クラウドサーバーとレンタルサーバーの『一般的に』言われる違いを、誰でも分かるように専門用語を使わずに説明します。ちょっと上級編のVPSについても触れます。

続きを読む
  • by Google Ads

黄金比を計算するツールを作りました。

gold

黄金比の計算ツールはたくさんありますが、Webデザインで欲しい計算結果が足りないと思っていたので自分で作っちゃいました。

使いみちは無いかもしれませんが、大和比・白銀比、白金比・第二黄金比・青銅比もついでに計算します。

続きを読む

土地所有の歴史で時代の主人公が見える

house image

日本の歴史では、権力を握った歴史の主人公がコロコロと変わってきました。

  • 大王・豪族
  • 天皇
  • 貴族
  • 上皇
  • 武士
  • 国民

これだけ変わったにも関わらず、変わらなかったことがあります。

それは、全員有力な土地所有者だったことです。土地を持てるものだけが権力も握れると言ってもいいでしょう。

それだけ、『土地』と『歴史』は深くつながっています。そこで、その歴史の勝者を『土地』から見ていきます。

続きを読む

  • by Google Ads

HTMLとCSSだけで簡単に作る。軽量な閉じる・すべて表示ボタン

html5 css3 image

HTMLとCSSだけで『閉じる・すべて表示』ボタンを簡単に作る方法をご紹介します。このボタンは、画面を遷移しないでコンテンツを閉じたり追加表示します。JavaScriptは使いません。

これは、コンテンツを制御するときに、Webサーバーにリクエストを送信しないので、Webページのパフォーマンスを上げることができます。

続きを読む

Python pip: パッケージ管理の使い方

python image

Pythonのpipはパッケージを管理するコマンドです。

パッケージはpythonで用意されている多機能の拡張プログラムです。このパッケージを必要に応じてインストールすることで、効率的に目的の機能を実装したプログラムを構築することができます。

そのpipコマンドの使い方をご紹介します。

続きを読む
  • by Google Ads

Atom: Windowsで起動できない時の対応

atom image

WindowsでAtomエディタが起動しないときの対処方法です。

セーフモードで起動する、パッケージをアンインストールする前にできることがあります。その方法を説明します。

ここではWindows10で作業しています。

続きを読む

かんたんCSS 言語別にスタイルを適用する(:lang疑似クラス)

css3 image

マルチ言語サイトで、同じスタイルをそれぞれ用意するのではなく、同じものを使いたいときがあります。でも、CSSに文字列を書いてある場合どうしたらいいのでしょうか?

CSSでは、サイトの言語別に分けてスタイルを適用させる方法があります。サンプルコードを使って、かんたんに誰でも分かるように解説します。

続きを読む

男尊女卑、女性蔑視とは何か?答えは男系主義にあり!

Q&A image

『男尊女卑』『女性蔑視』の思想はどこで生まれたのでしょうか?

それは『男系主義』という考え方が大きく関係しています。男系主義とは何かを見ていくと、そのまま男尊女卑・女性蔑視の答えが分かります。まずは男系主義から見ていきましょう。

続きを読む
  • by Google Ads

穢れ(けがれ)・禊(みそぎ)の意味は?- 日本人の道徳・宗教

Q&A image

穢れは『けがれ』と読みます。禊は『みそぎ』と読みます。

日本にはキリスト教やイスラム教のように絶対的な神はいません。日本人の宗教観・道徳観には判断基準を教えてくれる神はいません。

日本人の価値基準には穢れと禊が根っこにあります。穢れと禊とはなんでしょうか?

続きを読む

第2代~第9代(欠史八代)情報が少なく実在が疑われる8人の天皇

第2代-第9代 天皇肖像画

綏靖(すいぜい)、安寧(あんねい)、懿徳(いとく)、孝昭(こうしょう)、孝安(こうあん)、孝霊(こうれい)、孝元(こうげん)、 開化(かいか)の第2代から第9代までの8人の天皇は、今のところ実在が確認されてない伝承上の天皇です。

欠史八代(けっしはちだい)と呼ばれます。

歴代天皇の中で、これに初代 神武天皇(じんむ)を加えた9人の天皇が神話の世界、フィクションと言われます。実在が確認されているのは、第10代 崇神天皇(すじん)からです。

続きを読む

姓、氏、名字、苗字の違いは何か?

Q&A image

現在は、姓(せい、かばね)氏(し、うじ)名字(みょうじ)苗字(みょうじ)の違いはありません。使い分けもする必要はありません。

ただ、これらの違いは生まれた時代や由来が異なります。最初はそれぞれの意味も異なりました。

それでは、どのようにして生まれたのか見ていきましょう。

続きを読む

  • by Google Ads

この記事を気に入ったらぜひシェアも!!