2013年の人気記事と、今年ブックマークして心に残ってる記事総まとめ！
このブログを開設して2年目。手探りだった去年よりも、ちょっとは落ち着いて自分のスタンスみたいなものが見えてきたかなー？ということを感じた年でした。
このブログの今年の人気記事！
まず、この1年間でPVが多い記事ベストテン。
第1位
最初は全然読まれていなかったのに、公開から1年以上経って、今年の秋ぐらいから急に検索流入が伸びてきて現在ではぶっちぎりの一位になっております。嬉しいです(*´∀｀*)
第2位
Androidにヒビが入っちゃった！ということで検索して辿り着いてくださる方がたくさんいらっしゃる様子…(´ω`) USB変換アダプタを使ってマウス操作してみるという技を教えて頂いて大変参考になりました！
第3位
連続してAndroidトラブルw 時期によってPVの浮き沈みが激しいような気がします。
第4位
このブログの看板的な存在になってくれれば…と、わたしが勝手に思っている記事w たまに「この記事のおかげでイラレ使えるようになった！」というコメントを目にすることがあって、本当に本当に嬉しく思っています！
第5位
WordPressで、ブログがメインじゃない一般的なサイトを作りたくてごねごねしたときの備忘録。トラックバックから解決策を教えて頂いたりして、WordPressに出会えて本当に良かったなぁ、と改めて実感しました。
第6位
これも1年以上前の記事なんですが、根強く読んで頂いているようです。変更点など、ちょっとずつ追記したりしてます。
第7位
メールやLINEを快適にしたくてJuiceDefenderを有料版のPlusにしてみた話
実は、夏にXpriaに機種変しちゃってからこのアプリ使ってなくて…（なんかすみません…！）でも、電池消費が気になるアンドロイダーさんにはお勧めですよー。
※情報が古くなったので公開を終了しました。
第8位
twitcle人気あるなぁ。現在わたしはこちらのクライアントを使っております( ･`ω･´)ノ
第9位
これも書いた当時はそんなに読まれてなかったのに、じわじわ人気が出てきた記事。Web系の人間と思われがちですが、仕事ではこっちのほうが多いんです(´ω`)
第10位
twitterで一眼欲しいなーと言ってたお友達に、そういや前こんなの書いたよーと紹介したらそこからバズったという…！何がきっかけになるかわからないですねw
今年ブクマした中から
twitterやfacebookなどで紹介させて頂いたものの中から、心に残っているものを厳選して列挙させて頂きます！去年と同じく、ブログ名は省略させて頂いて、リストマーク代わりにjQueryでfaviconを表示させてもらっています。
Web系
デザイン
- 最初に勤めたWeb制作会社で教えてもらった素人デザイン脱却ポイント
- ガーリー好きがお届けするガーリーデザインのポイント5つ
- デザイン時に注意したい角丸の使いかた
- 感覚派デザイナーも知っておいて損はない「デザインの要素と原則」
- 黄金比・白銀比・青銅比…デザインの参考になる数学的比率
- 女性誌にみる女子デザインを研究したまとめ
- 【こんなにも凄い】色が人の心理と行動に与える影響とは【btrax】
フォント・文字組
- 今さら聞けない？有名なフォント12種類の紹介とフォントの基礎知識について
- 文字を扱う上で知っておきたい基礎知識
- 文字の読みやすさを生み出す為の知識と方法【前編】
- キチンと伝えるための文字レイアウトの考え方
- プロっぽくなった！フォントや「文字」に関するまとめ
- 続編／さらにプロっぽくなった！フォントや「文字」に関するまとめ
- FONT FREE – 無料で使える日本語フォント投稿サイト
テクニック
- Twitter、Facebook(アプリ)のデザインから学ぶ立体感のつけ方
- ニュアンスのあるグラデーションをつくる
- パワーポイントで綺麗なPOPを作ってみよう【1・基本とメニュー編】
- パワーポイントで綺麗なPOPを作ってみよう【2・写真を大きく使ったデザイン編】
アイデア
レイアウト
- レスポンシブWebデザインで組む際のベースにぜひ！「GroundworkCSS」
- Webサイトで見るメニューのレイアウト・デザインいろいろ
- レイアウトが考えやすくなるデザインのルール
- コンテンツをより魅力的に、フルスクリーン写真を使ったWebデザインまとめ
フォトショ
- [Photoshop] 描画色やグラデーションに沿って変化する線の作り方
- Photoshopのシェイプでできること。
- Photoshopでテキストを水彩風にする方法。
- Photoshop補正講座〜ヒストグラムとレベル補正とトーンカーブ〜 – from Editors
- Web制作の作業効率があがるPhotoshopショートカットキーまとめました【第一回基本編】
- 覚えて効率アップ！PhotoshopでWebデザインをする私がよく使うショートカット
- 【小技メモ】Photoshopでスマートに「!」や「半角英数」を縦書きに入れる方法
- Photoshopで簡単にギザギザしたアイテムを作る方法
- 作業効率アップ!!Photoshopでレイヤースタイルのコピー＆ペーストをショートカット設定すると幸せになれる
イラレ
- イラレで簡単に文字を「手書き風」にする方法
- イラストレーターのアピアランス機能についておさらい
- [Illustrator] ジグザグ（波状）の図形をつくる方法
- デザイン業務のスピードアップ！Illustratorのレイヤーを保持したままPhotoshopに持ってくる方法
- PhotoshopCS5以上を使っているなら…髪の毛の切り抜きは「境界線を調整」がオススメ！
- Illustratorの光彩（内側）の機能を使ってちょっと立体的なアイコンを作る方法
css
- リストや表で、最後または最後の項目だけ線を消したい
- CSSのコーディングが光の速さになるかも知れない、っていうかなったwebジェネレーター「OneClickCSS」
- CSS(スタイルシート)の基本、小技、テクニック総まとめ
- hr要素のデザインサンプル 12
- アイデアの宝庫！CSS3を使ったUI表現・テクニック集
- CSSだけで作る「多階層」なドロップダウンメニュー
WordPress系
- WordPress初心者からの脱出! カスタムなんとかをちゃんと理解する
- 【WordPressの「検索結果を投稿だけ」表示させる】「pre_get_posts」を使ってCodexのコードをこう書くと問題を回避できます
- WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜
- 【Webサイトをリニューアルする時によく使ってます】WordPressを専用ディレクトリに配置する方法を解説したスライドがとてもわかりやすい
- WordPress：コメントフォームをカスタマイズする方法
- WordPress の引っ越し方法色々
素材
- ロゴやマーク・写真素材などの公式ダウンロードページのまとめ
- 無料すぎて助かった！WEB制作が「はかどる」素材まとめ
- [M]無料の写真素材ならココがおすすめ！フリーランスWEB屋の私がよく仕事で使う写真素材屋さん
- もうアイコンには困らないぞ！ 11,245個のピクトグラムのアイコンがダウンロードできる -flaticon
- ガーリーデザインに使える！可愛い商用可フリー素材・素材サイトまとめ
- ウェブでも紙でもOK！汎用性に優れた1400種類のシンプルなアイコン素材（コリス限定） -Universal Icon Sets
- クオリティが高く可愛い落書き風フリーフォント40個集めました
- スタンプフォント！ -スタンプみたいに使えるかわいいイラストのフリーフォント-
jQuery・スクリプト系
- シンプルイズベスト！おしゃれなモーダルウィンドウを実装出来る「SIMPLE MODAL」
- これからのWeb制作に使える、面白いUIを実装できるjQuery・CSS集まとめ18個
- jQueryでリストを一つずつ遅延して表示する
- jQueryのanimateを使ったアニメーション
- 春風そよよ?！桜の花びらがヒラヒラ舞い落ちるスクリプトだよー！
- [JS]最近のウェブサイトで見かける面白い仕掛けを実装するスクリプトのまとめ
- 炭酸入浴剤なシュワワな泡あわの JavaScript で寒さも和らぐほっこりと！
ツール系
- 逆さ文字を生成してくれるサービス｜Flip Title ( ǝlʇıʇ dılɟ)
- 猫の画像をダミー画像として使える・「{placekitten}」
- iconDrop｜デザインから探せるiOSアプリアイコンギャラリー
- Paletta – 顕色系(色相,明度,彩度)をベースに「調和のとれた色」だけを集めたカラーパレット
- Fancy QR Code generator – Unitag
- 最近のWeb制作でよく使う便利なブックマークレットまとめ8つ
複数のSNSをギュギュっと詰め込んだソーシャルてんこ盛りの1.3！
Web系その他
- Webサイトの開設準備や改善を楽しくするコンセプトダイアグラムとは？
- これからインターネットショップを作る方が知っておきたい最初の準備
- Web制作初心者さん向けの、Google Chrome拡張機能13個＋α
- いまさら聞けないRetina対応のための「ピクセル」の話
- スマートフォン231機種のスペックを比較 – スマートフォンデータベース
- ブログをリニューアルして離脱率が約30％減！関連記事の表示やサムネイルなど制作方法と考え方をまとめてみた
- パソコンが壊れる前にしておくべきバックアップの方法
- 一眼レフ初心者に伝えたい！RAWとJPEGデータの間違った使い分けをしていませんか？その理由
- Webサイト高速化・表示速度改善のために知っておきたい基礎知識
- 【保存版】素敵なインテリアが探せるオススメWebサイト25選
- 購入・成約が大きくアップする紹介記事やコンテンツの作り方紹介します
- 今さら聞けないレンタルサーバーのサービス種類を分かりやすく解説しました
仕事系
- 父親に聞いた管理職として「ダメなチームをデキるチームにする必勝パターン」
- 取り換えの利く人間とコミュ力の話
- 「相手のゴールを意識した」批判やフィードバックでなければ意味はない
- フリーランスも社内も助かる！企画・提案・見積・納品・契約などのテンプレ・知識まとめ２３
読み物系
- つらいということ
- 非常食だけで１週間 試して分かった問題点と対策
- 2者間のコミュニケーションの適応モデルを整理してみた
- 暮らしに役立つ裏技特集（伊東家の食卓で放送された使える裏技をレポート）
- 「相手の気持ちを考えなさい」か「自分の意見を言いなさい」か
- ネットユーザーに送る「十か条」
- ソーシャルな僕らがインターネットを少しでも快適に過ごすために出来る事
- 離婚直後の男性が綴った「結婚に関する20のアドバイス」が大反響を呼ぶ / Facebookでのシェアが11万件超え！
お料理系
- ４つの材料を混ぜるだけ濃厚ガトーショコラのつくり方
- 混ぜるだけヨーグルトケーキ by 福梅もなか
レンジでチンするだけ！夏に嬉しい「火を使わないおかず」レシピ – M3Q – 主婦のお悩み解決サイト- 人気ドーナツ店の味も再現！ サクサクふわふわのドーナツレシピ
ネタ
- 逆バレンタイン！社長の顔型チョコを作って女子に配ろう！
- 授乳四十八手のポスターが面白すぎる
- CSSの変態向き – id, classを顔文字でコーディングする方法
- 世界一うざい「ページTOPへ戻る」が実装されました。
- あのころの俺は本当にアイツに負けていたのか？
- ジワジワくる…おかんの言動がたまにおかしい
- WordPressで記事の日本語を鶏語に変えるショートコードを実装してみた
- 最近の幼児の言うことは聞き捨てならない
プログラム愛（？）を再確認した2013年
わたしは仕事で主にVBやVBAを使っていて、このブログを始める前はhtmlやcssは「なんとなく」レベル、phpに至っては全く触ったことがありませんでした。
WordPressを始めたばかりの去年は、いろんなサイトを参考にさせて頂いてコピペして、でも何が書いてあるかはあんまりわかってなくて…という状態でしたが、最近ではCodexを読んで、「こういう動きをさせたい」「この値を取得したい」というのが（少しずつですが）実装できるようになってきた気がします。
とはいえphpは本当にまだまだですが、今まで他言語でガリガリやってきたおかげで基本的なループや条件分けなどの概念は共通していて、自分の扱える言語が増えることが嬉しい、楽しいという感覚があり、ああ、わたしはやはりプログラムが好きなんだなぁ、となんだかしみじみ感じたりしていますw
もちろんデザイン関係も大好きなのでそちらの勉強もしつつ、「ここのプログラム記事は、なんかわかりやすいよね」って思ってもらえるようなブログを目指して、もっと頑張っていけたらなぁ、なんて思った年末でした。
今年後半くらいから前よりもtwitterに顔を出せる頻度が減ってしまっているのですが、至って元気でやっております！来年もどうぞ遊んでください！そして、今このブログに足を運んでくださっている方へ、厚く御礼申し上げます。2014年も、宜しくお願い致します。良いお年をお過ごしくださいませ。
コメントは承認制ですので、反映までしばらくお待ち下さい。（稀にスパムの誤判定にて届かないこともあるようですので、必要な際はお問い合わせからお願い致します。）
YouTubeでQ&Aコンテンツを企画しています
運営しているYouTubeチャンネルで、ご相談やご質問を募集しています。動画のコメントやお問い合わせページからお気軽にご相談をお寄せください。