ちょげぶろぐ

HTMLで四角で囲む方法｜文章や画像をボックスで見やすくデザインするコツ

ホームページやブログを作っていて「ここを四角い枠で囲んで目立たせたい」「文章や画像をボックスにして見やすくしたい」と思ったことはありませんか？HTMLとCSSを使えば、文章や写真を簡単に四角で囲むことができます。この記事では、以下の内容を初...

Webhtmlプログラミング・IT

ウェブページを作っているとき、「文章を改行したいのに、なぜか画面では改行されない…」と困ったことはありませんか？HTML（エイチティーエムエル）では、普通に文章の中でEnterキーを押して改行しても、ブラウザにはそのまま反映されません。これ...

その他

ホームページやブログの記事を書いていて、「この部分だけ赤字にしたい」「重要なポイントを目立たせたい」と思ったことはありませんか？HTMLでは文字の色を自由に変えられますが、最初は「どうやって赤字にするの？」と迷ってしまう人も多いです。この記...

Webhtml

ホームページやブログに表（テーブル）を入れたとき、「ページの真ん中にテーブルを置きたい」「表の中の文字を中央に揃えたい」と思ったことはありませんか？HTMLとCSSを使えば、テーブル全体を中央に配置したり、セルの中の文字を中央揃えにしたり、...

Webhtml

ホームページを作るとき、文字や背景に色をつけるとぐっと見やすくなります。でも、「どうやってHTMLで色を変えるの？」「#ってなんの数字？」と疑問に思ったことはありませんか？この記事では、HTMLで色を指定する基本的な方法をわかりやすく解説...

Webhtml

「この関数どこに書いたっけ？」「プロジェクト全体からキーワードを一気に探したい！」そんな経験はありませんか？Visual Studio Code（VS Code）の強力な検索機能を使えば、ファイル内はもちろん、プロジェクト全体のソースコード...

プログラミング・IT

「プログラムに余計な空行がたくさん入っていて見づらい…」「大量のMarkdownファイルの空行を一気に削除したい」そんなときに便利なのが、Visual Studio Code（VS Code）の検索置換機能を使った空行の一括削除です。VS...

プログラミング・IT

Visual Studio Code（VS Code）でファイルを開いた後、「左のエクスプローラーが邪魔だから隠したい」「もっとコードを大きく表示したい」と思うことはありませんか？そんなとき、エクスプローラー（左側のサイドバー）を閉じれば、...

プログラミング・IT

「コードのインデントがぐちゃぐちゃで読みにくい」「コピペしたらタブとスペースが混ざって崩れた」そんな経験ありませんか？Visual Studio Code（VS Code）なら、一括でインデントを整形したり、保存時に自動でキレイにしてくれる...

プログラミング・IT

Visual Studio Code（VS Code）を使っていて、「左側のアイコンが急に消えた」「いつもあるファイルやGitのアイコンが見当たらない」と困ったことはありませんか？この左側の縦に並んだアイコン群はアクティビティバーと呼ば...

プログラミング・IT

「この行だけコピーしたい」「1行ごとに並び替えたい」など、コードを書いていると、そんな場面がたくさん出てきます。Visual Studio Code（VS Code）なら、1行を丸ごと簡単に選択したり、入れ替えたりする便利なショートカット ...

プログラミング・IT

コードをGitHubで管理したいけれど、毎回コマンドラインで操作するのは面倒…。そんな方におすすめなのが Visual Studio Code（VS Code）のGitHub連携です。VS Codeなら、GitやGitHubの操作をGUI...

プログラミング・IT

Pythonを勉強したり、ちょっとしたスクリプトを書いたときに、「どうやってVS Codeで実行するんだろう？」「毎回ターミナルを開くのは面倒じゃない？」そんな風に思ったことはありませんか？実はVisual Studio Code（VS C...

プログラミング・IT

「これからPythonを始めたいけど、どのエディタを使えばいいかわからない」「コードを効率的に書ける環境を作りたい」と思っていませんか？そんな方におすすめなのが Visual Studio Code（VS Code）です。VS Codeは...

プログラミング・IT