Webコーダーとしての指標の1つに「コーディングの速さ」があるかと思います。わたしは1年前にコーダーをメインの職にしようと決意してから、速さという指標を伸ばすために色々と取り入れて試してきました。 この記事では、Webサイトを作成する上のでコーディング速度を上げるために行っている（取り入れている）7つの方法をご紹介いたします。ぜひ、できそうなところから試していただけると嬉しいです！ ※ エディタはVSCodeを使っています。もしかすると他のエディタでは使い方が違う説明になっているかもしれませんが、あらかじめご理解いただけますと幸いです。

2021年12月18日 CSS, ダウンロード FlexboxとはFlexible Box Layout Moduleのことで、その名の通りフレキシブルで簡単にレイアウトが組めちゃう素敵ボックスです。現在ほとんどすべての最新ブラウザーでFlexboxをサポートしており、Flexboxを使ったレイアウト組みが今後のWebデザインのスタンダードとなるでしょう。Webクリエイターボックスでは以前からFlexboxの使い方について紹介してきたのですが、最近Flexboxが浸透してきたこともあってか各プロパティの使い方について質問される機会が増えてきたので、チートシートとしてまとめてみました。この記事ではなるべく画像メインでプロパティーの使い方を紹介したいと思います！ ↑私が10年以上利用している会計ソフト！ 動画で学ぶCSS Flexbox この記事はYouTube動画でも解説しています。動画派の

2017年5月25日 CSS FlexboxとはFlexible Box Layout Moduleのことで、その名の通りフレキシブルで簡単にレイアウトが組めちゃう素敵ボックスです。前々からあった技術ですが、ブラウザーによって書き方が違ったり、仕様がころころ変わったりと、イマイチ一歩踏み出せない感があったFlexbox。しかしようやくモダンブラウザーでの利用に難がなくなり、実務にも充分使えるようになりました。今回はそんなFlexboxの魅力と使いドコロを、デモ付きで紹介していこうと思います！ ↑私が10年以上利用している会計ソフト！ 対応ブラウザー Can I use…で紹介されているように、現行のモダンブラウザーでは問題なく利用できます。ただし、Safari用に -webkit- のベンダープレフィックスが必要です。IEについては11から正式に対応。IE10にも対応していますが、書き方が

今回はCSSのdisplayプロパティをマスターしましょう。少し分かりづらい内容ではありますが、Webサイトを作るためには必ず理解しておく必要があります。

CSSで横並びを表現できる5パターンと使い所 レイアウト的な横並びはflexを使うとして、その他の横並びは使い所を抑えて起きましょう！ float floatは、一昔前のキングオブ横並びです。これから作る新規サイトでは横並び（レイアウトという意味で）で使うことはほぼないと思いますが、過去サイトの改修するをする際には、一応知識が必要になってきます。 そんな過去のものとなってしまったfloatですが、現代の使い所としては「回り込み」があるかと思います。 <div> <img class="float-test" src="https://haniwaman.com/cms/wp-content/uploads/2018/02/cat.jpg" alt=""> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Non sint m

リセットCSSとは、ブラウザによって異なるデフォルトのCSSを打ち消してブラウザ間の表示を揃えるためのCSSファイルのことを言います。 分かりやすい例だと、inputタグなどはSafariとChromeでは全く異なる表示になってしまいますが、リセットCSSを使うことでそれぞれの表示を整えることができます。 リセットCSSは、CDNを使ったりコードをコピペするだけで簡単に導入することができるので、Webサイトをコーディングするときには正しくリセットCSSを使用するようにしましょう。 今回は、2023年最新のおすすめリセットCSSや、リセットCSSの基本と使い方をご紹介していきたいと思います。 リセットCSSとは？ リセットCSSとは、Google ChromeやSafari、Microsoft Edgeなど異なるブラウザを使っても同じようにWebサイトが表示されるためのCSSファイルのことを

皆さんはremという単位を聞いたことがあるでしょうか？ 知っている方は「フォントサイズ指定が%とかemとかよりすっきりしたやつ」という印象を持たれているのではないでしょうか。 「remはフォントサイズだけのものではない」という事実を知ると、実はかなり便利な単位だったりします。 詳細についてはこちらのページにも解説・デモがあります。 remとは Mozillaの説明によると、 rem ルート要素の font-size (例えば、html 要素の font-size) です。ルート要素で使うと初期値を表します。 とあります。 html { font-size: 15px; } p { font-size: 1.2rem; } strong { font-size: 1.4rem; } p要素には18px、strong要素には21pxのフォントサイズが適用されます。 emや%だと<p>の中に<s

The Book with No Pictures 作者: B.J. Novak 出版社/メーカー: Dial 発売日: 2014/09/30 メディア: ハードカバー この商品を含むブログを見る 絵のない絵本・・・といってもアンデルセンではない。本当に絵がない、そして、端的に言えばとにかく読み聞かせにとても向いた本。 アメリカのコメディThe Officeの役者さんが絵本を出した、と聞いたときには「へええ」というくらいの感想だったのだが、これが素晴らしい。 「絵のない本なんてつまんないよね？」という所から始まり、「でも本っていうのは書いてあることは全部読まなくちゃいけないんだよね」とルールを確認し、次のページから、ナンセンスな音や、ばかばかしい発言のオンパレード。 「私の頭はブルーベリーピザで出来ています」のような！ そう、これは子供にとっては「いつもえらそうな大人が馬鹿なことを言わされ

The Dawn of a To-morrow (English Edition) 作者: Frances Hodgson Burnett 発売日: 2012/05/17 メディア: Kindle版 この商品を含むブログを見る 『秘密の花園』『小公女』『小公子』といった児童向けの作品群で知られるフランセス・ホジソン・バーネットだけれど、大人向けの作品も書いている。これは1906年の大人向けの作品。とりあえず読ませる筆力とご都合主義な結末は『秘密の花園』の作者の面目躍如といったところ。いや、途中で飽きるのだが、そこにたどり着いたころには「ここまで読んだんだから何もかもが丸く収まるところが見たい！」と思ってしまうのだな。 売春や貧困が出て来てはいるものの、基本おとぎ話だ。 舞台はロンドン。人生に疲れきった「アントニー・ダート」と名乗る主人公は自殺を考えて深い霧の中をピストルを買いに出かける。し

Ringlet Girl & Doll 1 | Flickr In the Closed Roomは『秘密の花園』を書いたフランセス・ホジソン・バーネットのノヴェラである。幽霊譚。 ワーキングクラスで仲の良い両親と共にコニーアイランドの狭いアパートに暮らしている７歳のジュディはある夏、家族でお金持ちの家の留守番としてお屋敷に家族だけで暮らすことになる。広い家には一部屋だけ閉め切られた部屋があったが、なぜか、ジュディだけは鍵がかけられたその部屋へ入ることができるのだった。そこは打ち捨てられた子供部屋だった。閉じきられている筈の子供部屋で、ジュディは不思議な少女と友達になる・・・ 結末が結末なだけに微妙に後味の悪い話である。これは子供向けに書かれたのだと思うのだが、これを子供が読んだら、結構恐ろしいのではないだろうか。少なくとも私が１０歳ぐらいの時にこれを読んでしまったら絶対に夜眠れなかっただ

受験で英語が得意だった人が社会人になってからペーパーバックを読めるようになりたいと思ったら、どんな方法があるでしょうか？ ここではそのやり方を書いていきます。 ０．ペーパーバックを読むためにしなければいけないこと ペーパーバックを読むためにしなければいけないことは主に３つあります。 それは、 知ってる英語表現を増やす その知識を見てすぐに理解できるようにする そうした知識・能力を維持する ということです。 そして非常に厄介なことに、この３つの作業はペーパーバックなどの英文を読むことで達成されます。 つまり、英文を読むための能力は英文をたくさん読むことで獲得できるのです。本来は。 ただそれだといつまでたっても“英文を読む→ちょっと読めるようになる→さらに読む”という拡大再生産ループに入れないので、たいていは単語帳や文法書を使って英文を読む下準備をするわけです。 そんなわけで、普通の英語やりな

こんばんは。Sumです。 さて、今日は英語のリーディングがなぜか得意な私が、リーディング力の強化に高校レベルの英語力で読める小説を3冊おすすめしちゃいます。 私の英語リーディングスペック まず私のリーディングスペックなんですが、以下の通りです。 TOEICで480点（495点満点） IELTSで8.5（9.0がフルスコア） 詳細は過去記事を見て下さい！(❛ ◡ ❛) 【リスニング編】TOEICで975点をとるまで - Ordinary People Do Extraordinary 12/15（土）のIELTS 結果発表 - Ordinary People Do Extraordinary 個人的には帰国子女でもないのにこれぐらいできたらいいんじゃないの～と楽観的なことを勝手に思っています。 もちろんまだまだネイティブには程遠いので、さらなる研鑽が必要なんですけどね。 なぜリーディングの強

Goth Girl: and the Ghost of a Mouse (Goth Girl 1) 作者: Chris Riddell 出版社/メーカー: Macmillan Children's Books 発売日: 2013/09/12 メディア: ハードカバー この商品を含むブログを見る 通常の本だったらKindleで読んでもかまわないと思うのだけれど、この本ばかりは、やはりハードカバーで読みたい。イラストレーターでもあるクリス・リデルが文も絵も担当していることもあって装丁も美しいし、物としての本の形で持っておく価値は十分にあるからだ。（おまけの小さな本もついているし） 想定読者年齢は１０歳ぐらいだろうか。本好きな子だったらもっと早くに読めるだろう。 しかし、子供向けと侮ることなかれ。これ、イギリス史、イギリス文学好きには、単純なストーリーのレベルを超えて楽しい本である。 主人公はエ

ドメインウェブの設定が見つかりません 考えられる原因 ドメインウェブの設定がまだ行われていない。 ドメインウェブの設定がまだ反映されていない。(反映には数時間～24時間かかることがあります) ドメインウェブ・DNSの設定が誤っている。 アカウントが存在しない、契約が終了している、削除されている。