プログラミング

プログラミング

【初心者必見】プログラミングのエラーを解決する4つの方法【基本ググればOK】

おはこんばんにちは!ノボルです。最近プログラミングの勉強してるんだけど、エラーが全然解決できないよ〜(>_<)初心者からしたらホント頭痛の種だよね(笑)。参考までに、僕が使っているプログラミングのエラーを解決する方法をいくつか教えるよ。そこ...
ブログ

ソーコードを綺麗に表示できるWordPressプラグイン【Highlighting Code Block】

おはこんばんにちは!ノボルです。WordPressのブログでソースコードを表示させたいんだけど、どうやってするのか分からない・・・。という方のために、今回は、ソースコードを簡単かつ綺麗に表示できるWordPressプラグイン【Highlig...
プログラミング

【CSS】超簡単!コピペで作れるオシャレなボックスデザイン30選!

おはこんばんにちは!ノボルです。ブログでボックスデザインを作りたいんだけど、どうやってするの?という方のために、今回は、完全コピペで作れるボックスデザインを30個紹介します。全てレスポンシブ対応で、HTMLとCSSのコピペだけで使うことがで...
プログラミング

【初心者向け】Chromeの検証機能(デベロッパーツール)の使い方【プログラミング】

おはこんばんにちは!ノボルです。Google Chromeには、Web制作で大活躍するデベロッパーツール(検証機能)という便利なツールが備わっています。僕も、ウェブサイトを作るときやカッコいいサイトを見つけたときに、コードを確認たり一時的に...
プログラミング

【モチベーション維持】僕がプログラミング学習を継続するためにやっている5つのこと

おはこんばんにちは!ノボルです。今回は、僕はプログラミング学習を継続させるために意識していた5つのことについて話そうと思います。正確な統計はありませんが、プログラミング学習の挫折率は9割だとよく言われます。Twitterをチェックしていると...
プログラミング

【2021年最新版】Visual Studio Codeでおすすめの拡張機能10選!【コーディング効率化!】

おはこんばんにちは!ノボルです。今回は、僕がVisual Studio Codeで使っているオススメの拡張機能を10個紹介します!Cloud9などのクラウド型IDE(総合開発環境)では、デフォルトで拡張機能がある程度入っていたりするのですが...
プログラミング

【初心者】Railsチュートリアル5章でBootstrapが読み込めない人へ

おはこんばんにちは!ノボルです。最近Railsチュートリアルに取り組んでいるのですが、5章「レイアウトを作成する」の5.1.2BootstrapとカスタムCSSでBootstrapがどうしても読み込めず躓いちゃいました。QiitaやStac...
プログラミング

【初心者】CSSが効かないときの対処法!

おはこんばんにちは!ノボルです。いきなりですが、CSSを書いたけど効いてない!といった経験はありませんか?ちゃんとHTMLのheadにスタイルシートを読み込んだのに・・・。CSSの書き方は合ってるはずなのに・・・。イライラばかり募りますよね...
プログラミング

【CSS】マウスを乗せたときにボーダーが伸びるアニメーション

おはこんばんにちは!ノボルです。今回は、マウスを乗せたとき(マウスオーバー)にボーダーが伸びるCSSアニメーションをご紹介します。コードだけだとイメージがつかないかもしれないので、CodePenで動きが確認できるようにしました!ほぼコピペで...