SEOの基本の基本

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-11-01-16-33-16

専門的にSEOのテクニックを使うわけではないのだけれどSEOについて基礎をまとめてみました。

SEO(検索エンジン最適化とは)
SEO(検索エンジン最適化)とは、googleやYahoo!でキーワードを入力し検索した際に、ページ上部に目的のホームページを表示させる技術を意味します。
検索結果の順位が上がることで、多くの閲覧者が目的のホームページに辿り着きやすくなります。
SEOはビジネスを行う上で、非常に大きな広告効果を上げることが期待できます。
 

続きを読む

Doku wikiを使い始めました。

dokuwiki

DokuWikiの使い方

wikiソフトウェアを使う

wikiとはみんなでウェブページを作るソフトです。正式名称WikiWikiWebと言います。大分類ではグループウェアと言います。いくつか種類があります。

自分は外国語文法を勉強するときの忘備録できに使おうと思い立ちwikiにしようと思いました。 ブログでもいいのかな、と思ったのですが、辞書的なサイトを作る場合はやはりwikiが向いていると思います。 続きを読む

Bloggerで任意の場所にアドセンスを貼る方法

Blogger
 
Bloggerのカスタム情報ってあまりない様な気がしますね。
今回は任意の場所に広告貼って一儲けを企みたいと思います。
 
まず、収益>ブログ上に広告を掲載が「いいえ」になっていることを確認します。「はい」にしてガジェットで挿入だと、自由に貼り付けることができません。
 

続きを読む

Git Hub for Macの使い方

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-03-16-36-21

ユーザー登録

リポジトリ作成

リポジトリをローカルにコピー

ローカル

ステージングエリア

リポジトリ

の順でデータを上げていく。

続きを読む

ATOMに乗り換えました。

ATOM

Sublime Textをしばらく愛用していた。パッケージの開発が盛んだったので、使っているうちにそのまま常用し始めた。 しかしsublime-autoprefixerに不具合が起きたり、 (このプラグインはCSSに自動的でベンダープレフィックスを追加してくれる便利なものだ。)ブックマークが保存されなかったり、Google IMEの日本語変換がスルーされたりする。 なので乗り換え候補として次期Adobe Dreamweaverで統合することが決まっているBraketsにしようとしたけど、めちゃくちゃ重い。自分のマシンが非力なもんで、うんうんファンが回る。

いろいろ探して落ち着いたのがATOM。オススメ。
自分がインストールしたプラグインのメモしていきます。

インストールは環境設定の+Installというところから検索していくのね。

ATOMダウンロード

emmet

これなしではコーディングできないでしょう

A Color Picker for Atom

https://atom.io/packages/color-picker Cmd + shift + c でカラーピッカーを起動することができる。

file-icons

https://atom.io/packages/file-icons ウインドウ左上のアイコンを、各アイコンで表示してくれる。

autocomplete-css

https://github.com/atom/autocomplete-css 予測変換してくれる。PHP,JAVAなどの他言語版もたくさん出ている。

minimap

他のエディタなどでウインドウ横に出ているあれです。長いコードの時便利。

atom-beautify

”Beauty editor contents”を押すとCSSがきれいになる。

Japanese Wrap Package

メニューを日本語化してくれる

show-ideographic-space

全角スペースをわかりやすくしてくれる。

autoclose-html

htmlタグを自動で閉じる

highlight-column

カーソル列をハイライトする

highlight-line

カーソル行をハイライトする

selection-highlight

ダブルクリックで同じ単語がハイライト

auto-update-packages

パッケージ自動更新

メールフォームプロ4設置

mailform proメールフォームプロ
https://www.synck.com/contents/download/cgi-perl/mailformpro.html
無料でクレジット表記不要、高機能なメールフォーム「メールフォームプロ」。説明書PDFの作者からの言葉がとても熱くて好きです。最高
HTMLとCSSしか知らない自分がexample_simple.htmlをカスタマイズしていきます。
なので、真似すると危険かも知れません。最低。
基本的にBootstrapをつけて
mfp.statics>mailformpro.css
にあるCSSを変更していきました。
汎用性のあるように、不必要な部分はdisplay:noneを使って消していきました。なんかプログラムで自動的に出現しているタグがあるので、すごく頭悪いやり方なんですけど、仕方ありません。。。。
 

続きを読む