Archive for the ‘記事’ Category

保護中: 全自動まとめサイトテーマ変更時のポイント

2018-08-11

このコンテンツはパスワードで保護されています。閲覧するには以下にパスワードを入力してください。

147 total views, no views today

 

保護中: 2chまとめをワードプレスで作成したい

2017-09-21

このコンテンツはパスワードで保護されています。閲覧するには以下にパスワードを入力してください。

64 total views, 1 views today

 

どうやったらブラインドタッチができるようになるのか教えてください

2017-09-11

まずはこのサイトをご確認ください。

https://matome.naver.jp/m/odai/2135769772930684601

常にホームポジションに人差し指を置き、ホームポジションからの距離を覚えることで全くキーボードを見ずに打つことができるようになります。

よってまずはキーボードを見ずにfとjを押すことができるようになりましょう。

適当な文字を打つソフト(例えばWord)を開き fjfjfjfjfjfjfjfjfj と打ってください。

どうでしょう、fとjはもうキーボードを見ずに打てるようになりましたか?

キーボードを見ずに打てるようになったのであれば、あなたはもうブラインドタッチはできています。これを一文字ずつ増やしていくことでブラインドタッチは完成します。

では、fとjの位置を覚えたら早速他の文字もキーボードを見ずに打つ練習をしていきましょう。

第一ステップ:真ん中の一列を見ないで打つ

これから以下の画像を元に進めてもらいます。

キーボードには指の配置があるのだと言うことをまずはイメージしてください。

緑色⇒小指
黄色⇒薬指
桃色⇒中指
青色⇒人差し指

出典: http://www.cyber-concierge.co.jp/pc_tama/kyebord/kye_position.html

 

ではまずはキーボードを一切見ずに左手をfに置いてください。

このときの指は人差し指です。今後どの指を使用するかについては全ては明記しませんので、画像を見て必ず自身で指を判断し、適切な指を配置してください。

次にキーボードを見ずに左手中指をdに置いてください。

意識すべきは左手人差し指のfの隣はdと言うことのみです。

それでは左手人差し指と中指を交互に押してください。

fdfdfdfdfdfdfdfdと見ないで打てれば成功です。

この要領で左手であればfからの距離、右手であればjからの距離を指に覚え込ませていきます。

では次にjkjkjkjkjkjkjkjを見ずに打てるようにしましょう。

キーボードを見ないで右手人差し指をjに配置、キーボードを見ないで右手中指を配置しjkjkjkjkjkjkjkjkと入力できれば成功です。

ここからはスピードアップをします。ついてきてください。

fsfsfsfsfsfsfsfsfsを見ないで打てるようにしましょう。なお、このときの順番は左手人差し指をfを見ないで配置、左手薬指をsを見ないで配置です。

jljljljljljljljljljlを見ないで打てるようにしましょう。

fafafafafafafafafafaを見ないで打てるようにしましょう。

j;j;j;j;j;j;j;j;j;j;を見ないで打てるようにしましょう。

fgfgfgfgfgfgfgfgfgfgを見ないで打てるようにしましょう。

jhjhjhjhjhjhjhjhjhjhを見ないで打てるようにしましょう。

ではここでテストです。

ここまで練習をしたあなたは真ん中の一列は見ないで打てるようになったはずですので、以下の単語をキーボードを一切見ないで打てるかご自身でテストをして見てください。

1問目:saka

2問目:hadaka

3問目:saga

4問目:salada

5問目:dj

6問目:f;

どうでしょうか。キーボードの真ん中の一列を使ったブラインドタッチができるようになったのではないでしょうか。もし苦手な部分があると思ったら復習してから次に進むようにしてください。

続いては、上から2番目の列を見ないで打てるようにしましょう。

第二ステップ:上から2番目の一列を見ないで打つ

frfrfrfrfrfrfrfrfrfrを見ないで打てるようにしましょう。

jujujujujujujujujujuを見ないで打てるようにしましょう。

fefefefefefefefefefeを見ないで打てるようにしましょう。なお、このときのポイントですが、まずはキーボードを見ずに左手人差指をfに配置、次に左手中指をdに配置、次に左手中指をeに配置して打つことが重要です。この練習をしてほしいので以下の画像のように矢印がある場合はfeをすぐに押すのではなく、fdeの順番で指を配置しながらfeと押すようにしてください。今後この説明は省略しますが、必ず行うようにしてください。

jijijijijijijijijijiを見ないで打てるようにしましょう。

fwfwfwfwfwfwfwfwfwfwを見ないで打てるようにしましょう。

jojojojojojojojojojoを見ないで打てるようにしましょう。

fqfqfqfqfqfqfqfqfqfqを見ないで打てるようにしましょう。

jpjpjpjpjpjpjpjpjpjpを見ないで打てるようにしましょう。

ftftftftftftftftftftを見ないで打てるようにしましょう。

jyjyjyjyjyjyjyjyを見ないで打てるようにしましょう。

ではここでテストです。

ここまで練習をしたあなたは真ん中の一列、上から2番目の一列は見ないで打てるようになったはずですので、以下の単語をキーボードを一切見ないで打てるかご自身でテストをして見てください。

1問目:fight

2問目:just

3問目:weak

4問目:right

5問目:left

6問目:dirty

7問目:popular

8問目:quality

どうでしょうか。キーボードの真ん中の一列、上から2番目の一列を使ったブラインドタッチができるようになったのではないでしょうか。もし苦手な部分があると思ったら復習してから次に進むようにしてください。

ここまでのブラインドタッチ習得範囲。

次に覚えるブラインドタッチの範囲。

第三ステップ:下から2番目の一列を見ないで打つ

さあ、ここまでくればあとはこの一列を覚えれば全てのローマ字をブラインドタッチで覚えることができるようになります。頑張っていきましょう。

fvfvfvfvfvfvfvfvfvfvを見ないで打てるようにしましょう。

jmjmjmjmjmjmjmjmjmjmを見ないで打てるようにしましょう。

fcfcfcfcfcfcfcfcfcfcを見ないで打てるようにしましょう。

j,j,j,j,j,j,j,j,j,j,を見ないで打てるようにしましょう。

fxfxfxfxfxfxfxfxfxfxを見ないで打てるようにしましょう。

j.j.j.j.j.j.j.j.j.j.を見ないで打てるようにしましょう。

fzfzfzfzfzfzfzfzfzfzを見ないで打てるようにしましょう。

j/j/j/j/j/j/j/j/j/j/を見ないで打てるようにしましょう。

ではここでテストです。

ここまで練習をしたあなたは真ん中の一列、上から2番目の一列、下から2番目の一列は見ないで打てるようになったはずですので、以下の英文をキーボードを一切見ないで打てるかご自身でテストをして見てください。

the quick brown fox jumps over the lazy dog./;,

どうでしたか。上記の英文は全てのローマ字を使った文章ですので、これをキーボードを見ずに打てたのであればあなたのブラインドタッチはほぼほぼ完成です。あとはその他残したキーボード部分(数値等)も同じ要領で練習していってみてください。あとは早さを求めてここまでで練習した内容を繰り返し丁寧に実践していって見てください。

39 total views, 1 views today

 

SEってどんなお仕事なのか教えてください

2017-08-28

SEがよくわからない、けどかっこ良さそう。SEに就職しようかなと思っている方必見!

SEによるSE紹介始めます。

そもそもSEとはどんな職業?

SEとは、システムエンジニアの略のためやはりシステムを作ることが主な仕事ですが、実はその他にも多くやることがあります。

おそらくみなさんがイメージするシステムを作るという部分はプログラミングの部分だと思います。

しかし実際は、他にもお客様がどんなものをつくりたいのか定義(要件定義)して、それをどういうシステムにするか考え(設計)、プログラミングして(製造)、色んなデータを入れて操作をしても絶対に大丈夫かテストをして(テスト)、お客様に納品してあげる。ここまでがSEがやることなんです。

要件定義→設計→製造→テスト

年次によって変わってくる役割

SEは年次によって求められる役割が変わってきます。

1年次

主にテストを中心に行います。先輩が要件定義して、設計して、製造したプログラムをテストで保証します。その他雑務などを任されることが多いです。特に議事録やイベントの出欠確認などを任されることが多いのでエクセルが使えるとすごく重宝されます。

2年次

少しずつ設計や要件定義を経験するようになります。要件定義は特にお客様の業務を知らないとできないので、業務知識がある程度理解できたと思われてやっと任されます。後輩を迎い入れOJTとして教育してあげるのも2年次の仕事となることが多いです。

3年次

3年次にもなると自分のスケジュール管理や後輩のスケジュール管理ができるのが必須になってきます。さらにはチームの管理を期待されてきます。徐々にマネジメントを考えなくてはならなくなります。

4年次〜

チームリーダーを経験し技術スペシャリストやプロジェクトマネージャー、コンサル方面へ、様々な道を選択していくことになります。

新卒採用での就職を狙っている方に伝えたいこと

SEは技術が重要ですが、研修をたっぷり行ってもらうことが普通です。(約3ヶ月)よって新卒に求められるのは技術力だけではなく、上司とうまくやっていけるような人柄か、向上意識はあるのかといった部分が多いです。もしあなたが文系でも全然問題ありません。会社に入ってしまえば自然と技術は身につくのでもし本当にSEをやりたいと考えたらどなたでもチャンスがあると思って頑張ってください!

中途採用での就職を狙っている方に伝えたいこと

やはり中途は会社にどんな活かせる技術をもっているのかといった部分が見られます。それはしかしプログラミング技術だけではないはずです。チームマネジメントや顧客折衝経験など、会社が求めている技術を正しく見据え、アピールするようにしてください!応援しております。

 

32 total views, no views today

 

アドセンス広告の審査を通すためにしたこと

2017-05-04

みなさんはアドセンスを取得したことありますか。これからアドセンスを取得、もしくは再取得する人必見の記事にしたいと思います。

今回私がこのサイトのアドセンス審査に対して行ったことを紹介します。

1.サイトにプライバシーポリシーを追加する

私が以前アドセンスを取得したのは2015年、で今回新しく取得することとなったのですが、なんとプライバシーポリシーの記載が必須とのことを知りました。ルールが変わったのかな?前からだったとしたら・・

プライバシーポリシーはこのサイトのコピペで対応しました。

2.コンタクトフォームを作成する

プライバシーポリシーの例文をパクって気づきましたよ。コンタクトフォームが必要みたいです。

ということでプラグイン『Contact Form 7』を追加しました。

これは有名な簡単にコンタクトフォームが作れるプラグインです。

プラグインを追加するとお問い合わせが追加されるので、クリック。
アドレスだけしっかりと確認して、タイトルを入力。するとショートコードがもらえるので、固定ページに貼り付けましょう。

こんな感じです。
プライバシーポリシーの例文をコピペした方は、パーマリンクがcontactになっていることを確認ください。

※パーマリンクを指定の文字列にしたい場合は、下の方のスラッグというところに指定の文字列を入力することで可能です。
スラッグがない場合は、上の表示オプションから表示するようにしてみてください。

3.メニューを追加

上記2つのページをしっかりとメニューに追加をしました。

おわりに

さてここまでが私がアドセンスの審査を通すためにしたことです。
現在アドセンスのサイトから、新規申し込み→入力情報の入力→当サイトを審査対象に指定→ヘッダーに指定のhtml(スクリプト)を挿入→最大3日間の待機、ここまでを行っている状態になります。

なお、今回は1つ挑戦していることがありまして、以前承認されているアドセンスアカウントの広告を貼り付けた当サイトを審査対象にしています。この場合、審査を通過することができるでしょうか。もし通過した場合は、新しいアドセンスアカウントの広告に完全移行したいと考えています。

そしてそして、現在ゴールデンウィーク真っ只中。祝日は3日間の中にカウントされるのでしょうか。

結果は後日、更新いたします。
確か、ゴールデンウィーク関係なしに1日後に審査通過のメールが来ていました。驚きでした。

43 total views, no views today

 

Googleにサイトが反映されないときにする3ステップのお話

2017-04-17

 

ブログ記事を作成したのにGoogleに表示されない・・どうしたらいいの・・

ってことありますよね。私も今そんな状況。

もう10件以上の記事を書いたんだけどな・・

どうすればいいんだー。
Google Search Consoleを試せばいいのか?

一緒に見ていきましょう!

補足:site:URL

Googleで「site:URL」で検索すると、サイトが登録されているか一発でわかるの知ってましたか?知らなかった場合はぜひ覚えておいてください!

 1.プラグインを3つ導入する

改善

✅Google XML Sitemaps

いれるだけでいいです!

http://あなたのサイト/sitemap.xmlが作成されれば成功です!

これでGoogleさんに見つけてもらうためのマップが完成できるようです。

対策

✅PuSHPress

有効化するだけでいいです!

今後記事を作成した時点でGoogleさんにアピールできます!

向上

✅All in One SEO Pack

これは・・正直いまじゃなく後々に必要になるのでいれておく

Googleさんへのアピール方法を自分で細かく決定できます。

2.Googleさんにサイトマップを提出する

ウェブマスターツール(以前)→Google Search Console(現在)

ということで、Google Search Consoleに登録します。

以下のサイトを参考にして見てください。

3.Googleさんの様子を伺う

あとはGoogleさんの様子を伺うだけです。

正直、このステップを3ステップ目にいれるかは迷いましたが、これは欠かせません。もう少し気長に待って見てください。明日、あなたのサイトが「site:URL」で増えていることを願います。

おそらくこの記事をあなたが見ているということは、私はどうやら成功したみたいです☆

ちなみに、これでもダメであれば、Googleさんからの評価が関連しているのかも・・しれません。

そして最後に、Googleさんを手招きする方法があります。

Fetch as Google

 

キーワードだけ残して今回は以上にします。Don’t Give Up!!

追記:私の場合、6時間後には反映されてました☆

参考

 

35 total views, 1 views today

 

【必見】プログラマーによる、HP作成時の本当に使えるブックマーク

2017-04-16

 

これからHPを作ろうと思っている皆様には必見の記事かもしれません。

私のHP作成もちょうど一段落ついたところでして、HPを何十個も立ち上げてきて本当に必要だなと感じたブックマークを公開することにしました。

私のブックマークがすごいことになっているので、まとめたいと思ったのが発端なのですが・・絶対お役立ちすることでしょう!

1.事前準備

☑️サーバーを契約する

ロリポップ!

☑️ドメインを取得する

ムームードメイン

短いドメイン検索サービス

☑️WordPressを簡単インストール

ロリポップ!

2.テーマを決める

☑️キーワードを分析する

キーワードプランナー

関連キーワード取得ツール

キーワード検索数チェックツール

☑️人気サイトを分析する

RSSリスティング

☑️競合を分析する

SimilarWeb

3.サイト名を決定する

☑️グーグルで検索してもヒットしない言葉を探す

ランダムネーム

☑️ロゴを作成する

LOGASTER

4.レイアウトを決める

☑️ワイヤーフレーム作成

Cacoo(カクー)

 5.壁紙を取得する

☑️壁紙の無料サイト

背景素材フリードットコム

6.ホームページのためのメールアドレスを取得する

☑️Googleアドレスを取得する

Googleアカウントの追加

7.ホームページのためのTwitterアカウントを取得する

☑️Twitterアカウントを取得する

Twitterアカウントの新規登録

8.拡散設定を行う

☑️記事をTwitterに自動投稿する設定を行う

IFTTT

☑️Twitterカードを確認する

Card Validator

まとめ

いかがでしたか、以上が私のHP作成時に使用しているブックマーク集です。

もしこんなのもあったほうがいいのでは、というブックマークがありましたら、コメント欄にお願いします!

関連

http://pibrow.com/article/145

http://pibrow.com/article/31

http://pibrow.com/article/55

 

37 total views, no views today

 

【必見】プログラマーによる、ブログ記事作成時のオススメブックマーク

2017-04-16

 

ブログ作成をするとき、みなさんはツールを使用していますか。

ネイバーまとめだったら色々な機能がついていますが、独自にブログを運営しているひとはブックマークが大量・・なんてことありませんか。私はそんな状況になっています。

なので今回私自身整理したいという思いもあり、まとめてみたいと思います。

1.事前準備

☑️ブログで書くことを決める

googleトレンド

Yahoo!急上昇ワード

ついっぷるトレンド

楽天市場ランキング

Yahoo!ショッピングランキング

Amazonランキング

NAVERまとめ
※注目記事で分析する

2.写真・イラスト収集(無料・フリー)

☑️記事に使用する写真を取得

Pixabay

写真AC

ぱくたそ

足成

タダピク

☑️記事に使用するイラストを取得

イラストボックス

イラストAC

GATAG

人物イラスト館

素材Good

いらすとや

クリップアートファクトリー

郵便局フリーイラスト集

素材のプチッチ

カット集無料イラスト

ソザイヂテン

イラストイメージ

素材ライブラリー

sozai-R

3.写真・イラスト加工

☑️画像をWEB上で簡単に編集

バナー工房

☑️スクリーンショットを加工

iPhone Screenshot Maker

4.記事作成

☑️記事の中身を決定

http://pibrow.com/article/55

☑️埋め込み

Google マップ

YouTube

食べログ

アプリーチ

5.広告を取得

☑️広告を取得

Google AdSense

A8

i-mobile

nend

Amazonアソシエイト

ペタぐる

Trend Match

6.記事タイトル決定

☑️記事のタイトルを決定

[clink url=”http://pibrow.com/article/31″]

7.記事公開

☑️記事をGoogleインデックスに登録

Search Console

☑️記事を分析

Googleアナリティクス

まとめ

さて、ここまで私が使用しているブックマークをまとめてみました。あなたも使用していましたか?

使用していないものがありましたら是非ご使用してみてください!

以上、ブログ記事作成時オススメのブックマーク集でした。

45 total views, no views today

 

ワードプレスをスマホでPC表示する3つの手順

2017-04-16

 

ワードプレスをスマホでPC表示したいですよね。

でも、iPhoneで「デスクトップ表示」を押してもなぜか、デスクトップ表示できないことがあります。

そう私のテーマ「MAG(TCD036)」もそうなんですよ。

なのでこれから設定していきます。

WordPressテーマ「MAG(TCD036)」

1.テーマを複製する

こういう感じ!

そしたらテーマをインストールします!

次にテーマの編集から、新しくインストールした方のテーマを選択!

ちょこっとテーマ名を先ほどの複製テーマ名に変更します。

下準備は完了!

2.「Multi Device Switcher」をインストール

インストールしたら有効化まで実施しましょう。

設定をしていきましょう!

たったこれだけ!

さっき複製したものを設定すればいいです。

3.複製したテーマをモバイル表示できなくする!

ここからはみなさんに当てはまらないかもしれません。

テーマごとに違うので、もし「MAG(TCD036)」を使用していない場合は、「レスポンシブ 解除 (テーマ名)」で検索してみてください。

参考までに私の場合は、下記操作でできます!

まとめ

さて、ここまでの操作でスマートフォンでサイトを見た際、スマホ表示・PC表示の切り替えができるようになったかと思います。

でも、なんかダサい・・

ボタンの色を黒くする方法を伝授します。

1.ボタンの色を黒にする

/wp-content/plugins/multi-device-switcher/pc-switcher.css

の中身を下記コードにまるまる置き換えてください。

.pc-switcher {
  clear: both;
  text-align: center;
  margin: 1.4em auto;
}
.pc-switcher a,
.pc-switcher span {
  padding: 0.4em 8%;
  text-align: center;
/*  border: 1px solid #0059A8; */
  border: 1px solid #000000; 
  border-left: none;
  color: #fff !important;
  font-weight: bold;
  text-decoration: none;
}
/*
.pc-switcher a {
  background-color: #0074DA;
  background-image: -moz-linear-gradient(#0074DA, #004A8D);
  background-image: -o-linear-gradient(#0074DA, #004A8D);
  background-image: -ms-linear-gradient(#0074DA, #004A8D);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0074DA), to(#004A8D));
  background-image: -webkit-linear-gradient(#0074DA, #004A8D);
  background-image: linear-gradient(#0074DA, #004A8D);
}
.pc-switcher a:hover {
  background-color: #0059A8;
  background-image: -moz-linear-gradient(#0059A8, #004A8D);
  background-image: -o-linear-gradient(#0059A8, #004A8D);
  background-image: -ms-linear-gradient(#0059A8, #004A8D);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0059A8), to(#004A8D));
  background-image: -webkit-linear-gradient(#0059A8, #004A8D);
  background-image: linear-gradient(#0059A8, #004A8D);
}
.pc-switcher span.active {
  background-color: #00305C;
}
*/
.pc-switcher a {
  background-color: #8b8e91;
  background-image: -moz-linear-gradient(#8b8e91, #000000);
  background-image: -o-linear-gradient(#8b8e91, #000000);
  background-image: -ms-linear-gradient(#8b8e91, #000000);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#8b8e91), to(#000000));
  background-image: -webkit-linear-gradient(#8b8e91, #000000);
  background-image: linear-gradient(#8b8e91, #000000);
}
.pc-switcher a:hover {
  background-color: #000000;
  background-image: -moz-linear-gradient(#000000, #595959);
  background-image: -o-linear-gradient(#000000, #595959);
  background-image: -ms-linear-gradient(#000000, #595959);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#595959));
  background-image: -webkit-linear-gradient(#000000, #595959);
  background-image: linear-gradient(#000000, #595959);
}
.pc-switcher span.active {
  background-color: #001426;
}
.pc-switcher a:first-child,
.pc-switcher span:first-child {
/*  border-left: 1px solid #0074DA; */
  border-left: 1px solid #000000; 
  -webkit-border-radius: 2.4em 0 0 2.4em;
  -moz-border-radius: 2.4em 0 0 2.4em;
  border-radius: 2.4em 0 0 2.4em;
}
.pc-switcher a:last-child,
.pc-switcher span:last-child {
  -webkit-border-radius: 0 2.4em 2.4em 0;
  -moz-border-radius: 0 2.4em 2.4em 0;
  border-radius: 0 2.4em 2.4em 0;
}

完成

 

2.ボタンが逆!!!

PCの時にPCボタンが押せて、スマホの時にモバイルはおかしい!!

でも直し方がわからない・・

今後わかった時点で更新します!

如何だったでしょう。お役立ちになれば幸いです。

追記:わかりました!

この部分をちょこちょこっていじると直ります!

/wp-content/plugins/multi-device-switcher/multi-device-switcher.php

<div class="pc-switcher"><a href="<?php echo esc_url( $uri ); ?>"><?php esc_html_e( 'PC', $this->textdomain ); ?></a><span class="active"><?php esc_html_e( 'Mobile', $this->textdomain ); ?></span></div>
    <?php
      }
      else {
        $uri .= add_query_arg( 'pc-switcher', 1 );
    ?>
<div class="pc-switcher"><span class="active"><?php esc_html_e( 'PC', $this->textdomain ); ?></span><a href="<?php echo esc_url( $uri ); ?>"><?php esc_html_e( 'Mobile', $this->textdomain ); ?></a></div>

上記が直した内容になってます。

41 total views, no views today

 

ショートコードをエディタに登録する「AddQuicktag」とは?

2017-04-15

 

さてはて、だいたい記事を書く環境は整ってきたが、もっと便利にしたい。

ショートコードってやつをいっぱい使うようになったんだけど、いちいち調べてーコピーしてー

ってめんどくさすぎるんだよお!というあなた。こんにちは。

今回エディターにショートコードをエディターに登録する方法、伝授します。

ここに追加していきますよ!ちなみに私はたくさんもともと追加されていますが、テーマ(MAG(TCD036))標準搭載のタグです。ちょっと足りないものがあるので追加していきます!

WordPressテーマ「MAG(TCD036)」

AddQuicktag(アドクイックタグ)

情報源: AddQuicktag — WordPress Plugins



私はこんな感じに設定しましたよ

するとどうでしょう

増えました!成功のようです。

みなさんも簡単なのでぜひアドセンスを登録しておいたりすると便利だと思いますよ!



参考

 

123 total views, 1 views today

 
« Older Entries
Copyright(c) 2010 xxx All Rights Reserved. Designed by o2BusinessTheme