月別アーカイブ:2020年10月

CSS プログラミング

【HTML/CSS初心者】サイドバーにスライドメニューを作成する方法を解説

vこんにちは、イケゾーです。 今回は、WEBページに必須「スライドメニュー」の作成方法を解説していきます。 スライドメニューとは、マウスオーバーすると、背景色や文字色が変わって、横方向にメニューがスライドして表示されるものです。 (こちらは「サイバー大学」様のサイトを模写したものです)   このように動きのある技術って、難しいイメージありますよね。特に初心者からすると、ちょっと構えてしまいますよね。裏側で何やってんだろと思ってしまいますが、仕組みを理解すれば簡単なのです。コードだけでなく、考え方 ...

WordPress プログラミング

【WordPressの使い方】画面を録画したgif動画を記事に埋め込む方法|初心者向け

こんにちは、イケゾーです。 記事を30件ほど書いてきて、少し慣れてきました。 プログラミング学習についてがメインになっていますが、その記事の中で、操作方法の説明って難しいなと感じています。 画像を何枚も作って並べてとやっていますが、とても大変 😥   そこで、動画なら分かりやすいし1つで済むじゃん!と思いましたので、 イケゾー今回は、画面を録画して記事に貼る方法を紹介するよ この記事を読むと 「スクリーン画面を録画した動画」を「gif」に変換して、記事に貼る方法が分かります。   当ブ ...

Portfolio

【ポートフォリオ】Norton ノートンセキュリティソフト様(模写)

こんにちは、イケゾーです。 今回は、ポートフォリオの実績の報告です。 Norton様の模写を掲載させて頂きます。   当ブログでは、WordPressテーマ 「WING(AFFINGER5)」 を使用しています。 【ポートフォリオ】Norton ノートンセキュリティソフト様(模写) スクリーンショット   工数:6時間(画像準備を除く) 担当:全て 見積:XX万円 構成がシンプルで、見やすいデザインです。 文字や表の中にメリハリがあり、注目させるポイントがはっきりしています。 &nbs ...

ガジェット

【MacBook パソコンケースのおすすめ】コスパ最強!周辺機器が入るポケット付き

こんにちは、イケゾーです。 今日はOFFなので、ゆるい話を。 パソコンケース新調しました。 充電器とかモバイルバッテリも入るから最高😎 pic.twitter.com/79yBqMiEEG — ikezooo@WEB始めたて先生 (@IkezoooBlog) October 23, 2020 カフェや図書館で作業するときに、充電器とモバイルバッテリを持ち運ぶようになって、パソコンケースを購入しました。使い始めて2週間ですが非常に満足しているので、そちらをご紹介します。 この記事では Mac ...

Portfolio

【ポートフォリオ】株式会社リスティングプラス様(模写)

こんにちは、イケゾーです。 今回は、ポートフォリオの実績の報告です。 リスティングプラス様の模写を掲載させて頂きます。   当ブログでは、WordPressテーマ 「WING(AFFINGER5)」 を使用しています。 【ポートフォリオ】株式会社リスティングプラス様(模写) スクリーンショット 工数:6時間(画像準備を除く) 担当:全て 見積:XX万円 構成がシンプルで、見やすいデザインです。 HTMLとCSSのみで、JavaScriptは不要です。 コーディング自体は難しいものはなく、繰り返し ...

プログラミング

【WordPress AFFINGER5の使い方】記事で吹き出しを使う方法とカスタマイズ|初心者向け

こんにちは、イケゾーです。 今回は、ブログでよく見かける「吹き出し」の使い方を解説していきます。 イケゾーそうそうこれが吹き出しだよ 会話系の記事でよく使われるよねイケジョ 会話形式で書かれる記事もあるくらい、吹き出しって読みやすいんですよね。漫画のようにスラスラ読めることがポイントです。ワードプレスでは簡単に吹き出しを作成できて、記事内に表示ができます。複数の画像を登録すれば、吹き出しに使用する画像を簡単に変更することができます。 吹き出しを使ってみよう イケゾーちょっと怒ってみたり ちょっと笑ってみた ...

CSS プログラミング

【HTML/CSS初心者の模写】tableテーブルで表の作成とデザインする基本方法を解説|Norton編

こんにちは、イケゾーです。 今回は、セキュリティでおなじみ「Norton」のサイト模写の解説をしていきます。(2020/10時点) 今回作るテーブル   この記事を読むと tableテーブルで表を作成する方法が分かります 初心者向けに丁寧な解説をしています。「簡単すぎる」と感じたところは飛ばしながら読んでいってください。そのままコピーして頂いても同じように実装できますので、ぜひ手を動かしてみてください。では、やっていきましょう。   【HTML/CSS初心者の模写】tableテーブルで ...

CSS HTML プログラミング

【HTML/CSS初心者の模写】ヒーロー画像の上に文字を重ねて表示する方法を解説|Norton

こんにちは、イケゾーです。 今回は、セキュリティでおなじみ「Norton」のサイト模写の解説をしていきます。(2020/10時点) WEBサイトを表示した時に表示される大きな画像のことを「ヒーロー」と読びます。 ヒーローでは、画像のみを表示する場合もありますが、文字を画像の上に配置して表示する場合もあります。Nortonのヒーローでは、「カートに入れる」というボタンも配置していますね。このようなコーディングができるような方法を解説します。   ヒーローとは   この記事を読むと 画像の ...

ガジェット

【体験談】うつ病になったらプログラミングを始めよう|20代でうつ病とがん経験者のおすすめ

こんにちは、イケゾーです。 イケゾー うつ病になってしまって、これから先の仕事や生活が不安。 いつ治るかも分からないし、再発の可能性も。どうやって生活していこう この記事は、こんな方(3年前の自分)に向けて書いています。 うつ病になった人の不安を、プログラミングが取っ払う理由が分かります。   【体験談】うつ病になったらプログラミングを始めよう|うつ病とがん経験者のおすすめ 僕の周りには、過労やストレスで体調を崩し、精神的な病によって休職や退職をした人がいます。皆さんの周りにもいるかもしれません ...

navdemo

プログラミング

【初心者のWEBサイト模写】Bootstrapでナビゲーションバーを作る方法を解説|Norton

こんにちは、イケゾーです。 今回は、セキュリティでおなじみ「Norton」のサイト模写の解説をしていきます。(2020/10時点) この記事を読むと Bootstrapを使ったヘッダーとナビゲーションを作れるようになります 「Norton」のサイトは、構成がきれいで、模写の練習になる要素が含まれています。 また最近、家のPCで仕事をするようになってから、セキュリティに気を使うようになった僕的にはタイムリーというのもありますね。   僕も、模写を進めながらひとつひとつ解説をしていくので、「簡単すぎる」と感じ ...

© 2021 IkezoooBlog