はてなブックマーク

プログラミング学習において、YouTube動画を教材に利用するのは有効な方法です。しかし、プログラミングを扱うチャンネルは多く存在するため、どれを選べばよいか迷いますよね。 この記事ではプログラミング学習におすすめの動画を、学ぶスキル別に厳選して紹介しています。最後までお読みいただきますと、あなたにとって最適な学習動画を見つけられます。 プログラミング学習におすすめなYouTubeチャンネル8選おすすめのYouTubeチャンネルを、学ぶスキル別に8種類紹介します。 おすすめのYouTubeチャンネル【Web制作編】Web制作を学ぶ方向けに、おすすめのチャンネルを紹介します。 アキユキ / Web制作チャンネル「アキユキ/Web制作チャンネル」はWeb制作で使える知識やノウハウに特化した発信を行なっているチャンネルです。 配信者のアキユキさんは、エンジニア未経験でWeb制作のフリーランスとし

この記事では、「pictureタグを使ってレスポンシブに画像を切り替える方法」について解説します。 レスポンシブデザインのWebサイトでは、モバイルサイズ時とPCサイズ時で、別々の画像を表示したいときがあります。pictureタグを使えば、CSSやJavaScriptを使わずに画面幅に応じて画像を切り替えられます。 そのほかにもpictureタグを使うことで、ブラウザごとに拡張子を変更することもできます。webp拡張子に対応しているブラウザならWebP画像を、そうでないブラウザならpng, jpg, svgなどの画像を表示する、というように切り替えることで、ユーザビリティの向上が図れます。また、画像の切り替えにJavaScriptやCSSが不要なため表示スピード向上にもつながります。 いっしょにpictureタグについて学習していきましょう！ プログラミング学習でこのような経験はありません

display: flex;と justify-content を併用すれば、横並びの要素を均等に配置したり両端の要素を親要素の端にそろえたりできます。本記事ではjustify-content の基本的な使い方やうまく効かないときの原因についても解説しておりますので、ぜひ学習にお役立てください。 プログラミング学習でこのような経験はありませんか？ 目標に向けて何を学べば良いかわからない調べても解決策が見つからない現場レベルのスキルが身につくのか不安これらの悩みは、学習環境を整えることで全て解決することができます。 ZeroPlus Gateでは、30日間無料で最適な学習環境を提供しています。 なんでも相談できる専属メンターいつでも技術相談ができるプロ講師元IT企業CTO監修のカリキュラム条件なしでこのレベルの環境を無料で提供しているのはZeroPlus Gateだけです。 ただし、無料サー

日付カテゴリータグユーザー新たに「タグ、ユーザー」で絞り込むことができるようになってますね！ それでは早速実装していきましょう。 実装今回はテーマを修正することになるので、修正するファイルはfunctions.phpとなります。 外観 > テーマエディターよりエディタへと移動します。 ※知見がある方は、外部のテキストエディタで編集することも可能です。 サイドバーよりfunctions.phpをクリックします。 functions.phpを編集できるようになったら次へ進みます。 投稿一覧を「タグ」で絞り込む機能を実装 /* 投稿一覧絞り込み用 */ //投稿一覧リストの上にタグフィルターを追加する function narrowing_down_posts(){ global $post_type, $tag; if ( is_object_in_taxonomy( $post_type,

アニメーションのあるサイトはおしゃれな印象を与えることができます。CSSでアニメーションをつけるプロパティはtransitionが代表的ですが、transitionでは簡単なアニメーションしか実装できません。 そこでCSSアニメーションを使用すれば高度なアニメーションが実装できます。CSSアニメーションとはanimationプロパティと@keyframeの記述を組み合わせた実装方法です。CSSアニメーションはプロパティが多く使いこなすのは困難ですが、マスターすればWeb制作スキルが格段に上がります。 この記事ではCSSアニメーションの使い方を解説します。現場で使えるサンプルも表示しているので参考にしてください。