プログラミング入門ナビ - プログラミング初心者のための情報メディア

vimで編集・保存できない時の対処法を解説！swpファイル削除

2021-03-01 By プログラミング入門ナビ編集部

この記事では、swpファイルが作成されてvimでファイルが編集できない時の対処法について説明します。

この記事は、オンライン講座「はじめてのLinuxサーバー構築運用入門 – Linuxコマンドラインを基礎から学び、自分のウェブサーバまで構築できる」のサポート記事です。

YouTubeで学習する

チャンネル登録してね！

なお、アクセス時期によっては実際のサイトと記事中の画像で表示が異なる場合があります。

Vimとは

・CUIで利用できるエディタです。

・Viという世界でよく使われているエディタの拡張版です。

・GUIの無いサーバーなどでターミナルからファイルの編集を行う際によく用いられます。

Vimでファイルが編集できない場合

vimエディタを起動した時に、以下のような画面が表示されて上手くファイルが編集できないときがあります。

これはvimが何らかの原因で強制終了した時や、別のターミナルで同一ファイルを編集している際に作成されるswpファイルが原因です。

この画面は、前回の編集内容についてどのような操作を行うか聞かれている状態です。

以下の選択肢から選びます。

・[O] Open Read-Only

読み取り専用モードでファイルを開きます。ファイルの編集を行うことはできません。

・[E] Edit anyway

前回の編集内容は気にせずにそのまま編集・上書きを行います。

・[R] Recover

前回の編集内容の復元を行います。

・[D] Delete it

前回の編集内容を削除します。

・[Q] Quit

該当ファイルの編集を終了します。

・[A] Abort

vimアプリケーション自体を強制終了します。

この中から自分の実行したい選択肢に該当する記号を入力し、確定してください。

動画で学ぶプログラミング入門

オンラインスクールProglus（プログラス）でプログラミングを学んで、創れる人になろう！

在宅学習応援！今なら複数の基礎コースが無料！！

今すぐ詳細を確認する

フレームワークとは？開発効率UPに役立つ理由を知っておこう！

2021-01-31 By プログラミング入門ナビ編集部

はじめに

プログラミング用語としての「フレームワーク」という言葉、知っていますか？

「フレームワークを使えばサクサク開発ができるよ」とか「Ruby on Railsを使えば簡単にWebサービスを作れる」といった文脈を耳にしたことがあるかもしれませんね。

「なんとなく便利なものというイメージはあるけれど、実際はどんなものなんだろう？」

そんな疑問に答えるべく、この記事では初心者の方にもわかりやすくフレームワークについて解説します。

フレームワークとは？

まず、フレームワークとは「プログラミングでよく使う汎用的な機能をまとめて使いやすくした枠組み」のことです。

この説明だけではピンと来ないと思いますので、詳しく見ていきましょう。

フレームワークは「お手軽料理キット」のようなもの

よくプログラミングは料理に例えられます。とある「ECサイトを作ること」を「酢豚を作ること」と例えてみましょう。

ECサイトには「ログイン機能」「商品一覧表示機能」「決済機能」等が必要です。（本来はもっといろんな機能が必要ですが今は気にしないでください。）

かたや、酢豚をざっくりパーツ化すると「揚げた豚肉」「一口大の野菜」「甘酢あん」となり、これらを炒め合わせて完成となります。

このように設計書（料理ならレシピ）に基づき全体をいくつかのパーツに分けてそれぞれを作り上げ、組み合わせて完成させるというところが似ていますね。

酢豚をイチから作る場合は「揚げた豚肉」ひとつをとっても、豚肉を必要な分買ってきてカットし下味をつけてから粉をまぶし、高温の油でカリッと揚げて…といった多くの作業が必要です。

最近は忙しい現代人のために「お手軽料理キット」（ミールキットとも呼ばれます）というものがあります。これは料理を作るために必要な分の材料がある程度調理された状態で提供され、最後の仕上げをするだけで完成するという代物です。

酢豚ならば「揚げた豚肉」「一口大の野菜」「甘酢あん」が完成した状態でパック化されていて、あとはフライパンでこれらを炒め合わせるだけですぐに食べられます。

フレームワークはまさにこのミールキットのように「ログイン機能」「商品一覧表示機能」「決済機能」といったパーツがすぐに使える形で提供されていて、開発者はこれらを適宜組み立てていくだけでWebサイトを作ることが可能です。

冒頭の繰り返しですが、改めてフレームワークとは「プログラミングでよく使う汎用的な機能をまとめて使いやすくした枠組み」であるということがなんとなくイメージしやすくなったでしょうか。

ライブラリとの違い

ここで、ライブラリという言葉をご存知の方は「なんだかライブラリと似ているけれど、何が違うんだろう？」と思われたかもしれません。

ライブラリとは「汎用的な機能をまとめたもの」なので、まさにフレームワークの定義と似ていますが、フレームワークと比べて少し規模の小さいものを指します。

そのため、フレームワークはライブラリを集めたものと考えてください。

先ほどの酢豚の例えでいうと、「酢豚の素」くらいのレベル感になります。

ライブラリを使えばイチからプログラミングするよりは楽にできるけれど、フレームワーク（料理キット）よりは自分で手を動かす手間がかかるということです。

フレームワークを使うメリット

大人気のフレームワークですが、メリットもあればデメリットもあります。

まずはメリットを見てみましょう。

開発効率が上がる

これは言わずもがなですが、よく使用される機能が提供されているので開発効率が格段に上がります。

統一感のあるコードが書ける

大きなソフトやシステムを開発する時、複数人でコーディングをすることがあります。

一つのフレームワークに則って開発すれば、バラバラに書いたとしてもコードに統一感が出て、何をやりたい部分なのかが読みやすくなります。

バグが減る

上記の理由からレビューしやすくなるため問題のある箇所を見つけやすくなりますし、予め提供されている機能を使うため凡ミスも減らせてバグの数を軽減できます。

フレームワークを使うデメリット

便利なフレームワークですが、デメリットの方も確認しておきましょう。

フレームワーク自体の学習が必要

フレームワークを使うにはその方法を学ばなければなりません。例えばRuby on Railsというフレームワークを使う場合、そのベースとなっているRuby言語の文法だけを知っていても使えません。

新たにRuby on Rails自体の文法を学ぶ必要があります。

初心者の学習の妨げになることもある

例えばRuby自体をよく知らないままにRuby on Railsから学習を始めてしまうと、楽に開発はできるものの自分が便利に使っている機能の内部ではどういった処理をしているのかわからないままになってしまいます。

初心者にとってはフレームワークからではなく、基礎の言語の方から学ぶことが望ましいです。

開発内容に制約がある

便利な機能がたくさんあり、Webサービスの完成までに必要な枠組みが揃っているということは逆に自由度が下がるということです。

用意された枠組みから外れるような機能は載せられないという制約があります。

まとめ

フレームワークについて解説しました。

まずは基礎となるプログラミング言語の習得が優先ですが、ある程度基礎的なことがわかったらフレームワークについても学び始めることをおすすめします。

フレームワークを使うと圧倒的に開発スピードが上がるため、導入されていない現場はほぼ無いといえるからです。

この記事で挙げたフレームワークの講座はどれも入門レベルで、基礎の言語を学び始めた初心者の方からも人気の内容となっています。

基礎を学びつつ早い段階から現場力も身につけたい方はぜひチェックしてみてください。

動画で学ぶプログラミング入門

オンラインスクールProglus（プログラス）でプログラミングを学んで、創れる人になろう！

在宅学習応援！今なら複数の基礎コースが無料！！

今すぐ詳細を確認する

WordPressとは？どんなことができるの？初心者にもわかりやすく解説！

2021-01-31 By プログラミング入門ナビ編集部

はじめに

WordPress（読み：ワードプレス）をご存知でしょうか。

Webサイトのコンテンツ管理（主にブログ）のために使われるソフトウェアですが、実際にどんなものなのかは知識があいまい…という方も多いはずです。

この記事では、WordPressについて初心者の方にもわかりやすいよう解説します。

WordPressとは？

WordPressは2000年代初期に開発されたオープンソースのコンテンツ管理システムです。

WordPress公式サイト（日本語）

「Contents Management System」の頭文字を取ってCMSと略称で呼ばれることもあります。

コンテンツ管理システムは、簡単にいえばWebサイトに掲載するコンテンツ（デザインやブログ記事、写真等）のアップロードや編集をするためのソフトウェアです。

なお、このブログサイトもWordPressで記事を管理しています。

WordPressで作られているサイト

まずはWordPressを使うとどんなサイトが作れるのか、イメージを掴むためにいくつか適用事例を見てみましょう。

※いずれも2021年1月時点での情報です。

エン・ジャパン

採用関連の情報サイトであるエン・ジャパンはWordPressで作成されています。

記事がわかりやすくカードで示されていて見やすいですね。

エン・ジャパン株式会社

ラクスル

印刷業界でイノベーションを起こしたラクスルのコーポレートサイトでもWordPressが使用されています。

サービスの紹介やプレスリリースがわかりやすく並んでいますね。

ラクスル株式会社

東京大学教育学部

東京大学教育学部のサイトもWordPressによるものです。

ターゲット（入学希望者・在学生・卒業生等）ごとにメニューが分かれた見やすい構造になっています。

東京大学｜大学院教育学研究科・教育学部

その他（自分で調べる方法）

他にも気になるサイトがあれば、WordPressを使っているかどうか調べることができます。

下記のサイトで上図のように調べたいサイトのURLを入力して「ANALYZE WEBSITE」ボタンをクリックすれば確認可能です。

IsItWP｜Free WordPress Theme Detector

WordPressでできること

前項で挙げたサイト例のように、リッチなコンテンツが作れることはイメージが沸いたかと思います。

ここからは具体的にどんなことができるのかを見ていきましょう。

テンプレートを使ってリッチなサイトデザインにできる

WordPressには「テーマ」と呼ばれるデザインテンプレートがたくさん用意されており、好きなものを選んで自分のサイトに適用できます。

メイン画像を別のものに変えたり、多少であればコンテンツやボタンの配置も変更可能です。

ほとんどが無料で使用でき、公式ページでも紹介されているのでどんなものがあるか気になる方は見てみてください。新しいものもどんどん追加されます。

WordPressテーマ

コーディングなしでブログを投稿できる

HTMLやCSSを書いたことのある方ならばイメージがつくかと思いますが、ある程度デザイン性のあるWebページを作るには単にコンテンツの内容を書けばいいわけではなく、余白やレイアウトについてもコーディングでしっかりと指定しなければなりません。

WordPressではブログ記事を投稿する際、上図のように直感的なUIを通してコンテンツを記述することができます。

デザインやレイアウトについてコーディングする必要がなく、コンテンツの内容を書くことに集中できるわけです。

プラグインで機能拡張できる

WordPressにはプラグインという後付け機能が豊富に用意されています。

例えば、Webサイトのセキュリティを強化するもの、目次を表示させるもの、問合せフォームをつけるもの等です。

こういったプラグインを必要に応じて追加すれば、自分でコーディングしなくても手軽にサイトの機能を拡張することができます。

WordPressプラグイン

Webサービスも作れる

ここまで紹介したように、WordPressの基本的な用途としてはブログや記事をアップしていくための情報サイトとなりますが、コーディングして機能を追加すればWebサービスとして運用することも可能です。

実際に、先ほど紹介した「https://www.isitwp.com/」（指定したURLのサイトがWordPressを使っているかどうか調べるサービス）もWordPressで制作されています。

WordPressの使い方

ここでは細かい手順は省略しますが、イメージを掴むためにWordPressの使い方をざっくりと説明します。

サーバーとドメインを用意

WordPressはあくまでCMS（コンテンツ管理システム）なので、それ単体では使用できません。サーバーにインストールして使う必要があります。

また、サーバー上でWordPressを使ったサービスを始めたらそこにユーザーに見に来てもらうためのアドレス（URL）が必要です。

ドメイン管理会社からドメイン（URLの先頭部分）を入手する必要があります。

WordPressをサーバーにインストール

サーバーとドメインが用意できたらそこにWordPressをインストールします。

後ほど必要になる管理者アカウントもこの時に作成します。

管理画面にログイン

無事WordPressが立ち上がったら、管理者ログイン画面にアクセスしログインすることができます。

ダッシュボードからテーマ等を設定

ログインすると「ダッシュボード」という設定画面が使えるようになります。

ここでテーマを選んだり細かい設定をしたりすることが可能です。

ブログサービスとの違い

ここまでの間に「Amebaブログや楽天ブログといったブログサービスも無料なんだから、面倒なことをせずそちらを使えばいいのでは？」と思われたかもしれません。

用途によってはそれでも良い可能性があります。

WordPressを使ったブログサイトの運用では、ブログサービスの使用と比較し下記の違いがありますので、これらを重要とみなすかどうかで決定するようにしましょう。

独自ドメインで運用できる

Amebaブログや楽天ブログなどのブログサービスを使う場合は、自分のブログのURLが「https://ameblo.jp/XXXX」や「https://plaza.rakuten.co.jp/XXXX」といったように各サービスのドメイン名から始まることになります。

個人の情報発信が目的ならばそれでも大きな問題にはなりませんが、何かしらの商業的や社会的な目的で運用したい場合はやはり独自ドメインを用意して使うべきでしょう。

自由にカスタマイズできる

ブログサービスでもたくさんのテーマからデザインを自由に選べるものの、カスタマイズ性についてはどうしても乏しくなります。

細かい見せ方にこだわりたい場合はWordPressがおすすめです。

SEO対策できる

WordPressにはSEO対策に役立つプラグインが多く用意されています。

必要に応じこれらの対策を自由に取ることで他サイトとの差別化を図ることが可能です。

ブログサービスではその運営会社（Amebaや楽天等）が対策を取ってはいるものの、自分のコンテンツに最も適したものを選ぶ自由性はないといえます。

まとめ

WordPressについて解説しました。

自分のWebサービスとしてブログを運用したいユーザー向けに開発された、面倒なコンテンツ管理の手間を省くためのものだと理解できれば問題ありません。

無料で使用可能ですし、導入方法は公式サイトでも詳しく紹介されていますので興味のある方はぜひチャレンジしてください。

動画で学ぶプログラミング入門

オンラインスクールProglus（プログラス）でプログラミングを学んで、創れる人になろう！

在宅学習応援！今なら複数の基礎コースが無料！！

今すぐ詳細を確認する

YouTubeで学習する

Vimとは

Vimでファイルが編集できない場合

動画で学ぶプログラミング入門

はじめに

フレームワークとは？

フレームワークは「お手軽料理キット」のようなもの

ライブラリとの違い

フレームワークを使うメリット

開発効率が上がる

統一感のあるコードが書ける

バグが減る

フレームワークを使うデメリット

フレームワーク自体の学習が必要

初心者の学習の妨げになることもある

開発内容に制約がある

人気のフレームワーク

Ruby on Rails

Vue.js

Nuxt.js

Bootstrap

まとめ

動画で学ぶプログラミング入門

はじめに

WordPressとは？

WordPressで作られているサイト

エン・ジャパン

ラクスル

東京大学教育学部

その他（自分で調べる方法）

WordPressでできること

テンプレートを使ってリッチなサイトデザインにできる

コーディングなしでブログを投稿できる

プラグインで機能拡張できる

Webサービスも作れる

WordPressの使い方

サーバーとドメインを用意

WordPressをサーバーにインストール

管理画面にログイン

ダッシュボードからテーマ等を設定

ブログサービスとの違い

独自ドメインで運用できる

自由にカスタマイズできる

SEO対策できる

まとめ

動画で学ぶプログラミング入門