注：この記事は、元記事の補完的役割をしています。 元記事１：【変更お願い!】コピペのみではてなブログのソーシャルボタンをシェア数付きでおしゃれにするカスタマイズvol.2 - Yukihy Life 元記事２：はてなブログのシェア数付きソーシャルボタンカスタマイズでフラットボタンのコピペコードを追加です。(vol2) - Yukihy Life 最近、当ブログで配布しているシェアボタンで、Facebookのカウント数が取得されないといった不具合があることが分かりました。原因はFacebook側の仕様変更だそうです。（元記事の方は、修正済みです） ということで、対処方法を書いていきたいと思います。 症状 症状は、Facebookのカウント数が取得されず、0のままになってしまうといったものでした。 これを、以下の部分を変更すると、シェア数が戻ります。 変更の仕方 記事下に、こういった記述がある

最近やっと就職活動が終わったゆきひーです。 就職活動は人それぞれで、やり方に正解はないですが、自分がやってみての経過を、僭越ながら後輩へのアドバイスも込めて書いていきたいと思います。 前提・Tips 就活はキツい 企業も学生も優劣はないから受けまくる 正規ルートが一番いばらの道 早い方が受かりやすい 就活への気合の入れかた スケジュール 企業決め（2015年12月〜2016年4月） OB訪問（2016年1月〜4月） 会社説明会（2016年３月〜） エントリーシート（2016年2月〜） 自己分析&志望動機 よくある勘違い 面接（2016年2月〜6月） 短いキャッチボールを繰り返す 逆質問を必ず用意 面接が終わったら次の質問を書き出す 内々定（2016年3月〜6月） 就活メモの書き方 就活で実際に利用したサービス はてなブックマーク Evernote Facebook NewsPicks みん

はてなブログの新しいテーマを作りました！ついに完成です！ テーマの概要 全体のデザイン PC（768pxより大きいサイズ） タブレット（768px以下のサイズ） スマホ（680px以下のサイズ） 作成コンセプト デザイン詳細 背景色・背景画像 例 コードが必要なカスタム ヘッダーのメニュー フッターをつくりこむ コピーライトを表示 まとめ テーマの概要 全体のデザイン レスポンシブ対応のテーマ「Naked」を作成しました。 全体のデザインはこのようになっています。 デモブログはこちら theme-naked.hatenablog.jp こちらでは、ブログ全体のデザインが見れるだけでなく、今後のカスタマイズ情報も更新していきます。興味のある方は、ぜひこちらも購読をお願いします。 インストールは、テーマストアからどうぞ（注：インストールをすると、デザインCSSの内容が破棄されます。必ずバックア

アプリを紹介するサービス「アプリーチ」 ブロガーであるまなしばさんのご主人が作成したアプリを紹介するサービス「アプリーチ」。 アプリーチ | iPhoneアプリとAndroidアプリを同時に検索し、統合されたブログパーツを作成出来ます。 上の方の検索窓にアプリの名前を入れることで、綺麗なリンクを、しかもiPhoneとアンドロイド両方つくることができます。とっても便利なので僕も使わせていただいています。ありあとうございます！ アプリーチをCSSでデザインを変更！ 実装図 そんなアプリーチを、ほんの若干ですがCSSを書いて若干デザインを変更してみました。 イメージとしてはこんな感じです。 ほんの若干ですが統一感を出せるようにしました。今後変わるかもしれませんが実際にはこんな感じ。 Pinterest（ピンタレスト） 開発元:Pinterest, Inc. 無料 posted with アプリー

ブログとWebサービスの間のようなものを作るために、WordPressを使ってWeb開発を行っています。 その際に参考になった本当サイトを紹介したいと思います！対象はHTMLとCSSが分かる程度の人間です。 ローカル環境をつくる WordPressの理解 【記事】はじめてWordPressのオリジナルテーマを作るときの参考になればと思って書きました 基礎からのWordPress PHPとMySQLの理解 【本】よく分かるPHPの教科書 さらに本を読んでWordPressについて理解を深める WordPressプラグイン開発のバイブル WordPressによるWebアプリケーション開発 まとめ ローカル環境をつくる WordPressはサーバーとドメインが必要になりますが、レンタルサーバーを使うなどすることで費用がかかっていまします。 そこでローカルにWordPressの環境をつくるため、M

はてなブログだけでなく、アマゾンや楽天・ヤフーショッピングの商品を紹介する際にはブロガーのかん吉さんが作ってくださったサービス「ヨメレバ・カエレバ」を使うことで 簡単にリンクを作成することができます。 それらを綺麗に表示させるカスタマイズはもう出ているのですが、先日あるブロガーさんに会ったときにカスタマイズをしたら喜んでいただけたので、紹介したいと思います！ 参考リンク 実装図 カスタマイズの注意点 カスタマイズ PC スマホ レスポンシブ その他のカスタマイズ 最後に 参考リンク 今回のカスタマイズはほとんど今までやってこられていた方をちょっと変更したような形になっているため、あらかじめ参考リンクを貼っておきます。ありがとうございます！ shufulife.com 実装図 実際に導入した様子はこんな感じになります。 PC スマホ PCでバランスよく表示させたのと、スマホではなるべくコンパ

昨年から比べても、オンライン上でWebの技術やアプリ開発などについて学べるものは増えてきたと思います。 中には無料のものもたくさんありますが、Udemyという動画で学ぶコースを実際にやってみたので紹介です！ 質の高い動画で学べるUdemy Udemyは動画で学ぶことができるWebサービスで、上の画像を見てもらうと分かるように、 ソフトウェア開発（Web開発・アプリ開発・プログラミング） デザイン（Webデザイン・デザインツール） といったようなIT系の内容から、 ビジネススキル（ファイナンス・営業スキル・データ分析） 写真 ヘルス&フィットネス（エクササイズ・栄養学・ヨガ） など様々な内容があります。 無料の動画もありますが、日本語で見たいなら基本的に有料と考えてもらったほうが良いです。もともと外国のオンライン教育プラットホームなので、無料で提供されているほとんどの動画が英語です。（お金の

以前、メニューバーをトグルメニューと両立してレスポンシブスタイルにするカスタムを書きました。 www.yukihy.com トグルメニューは、ボタンを押すと上下にスライドするようなものでしたが、　現在このブログでやっているみたいに、横からのスライドにして、なおかつPC版では子メニューも設定できるようにしてみたいと思います！ カスタマイズを行う際は、必ず以前のコードをメモ帳などにバックアップをとっておくようにしてください。 実装図 注意点 カスタマイズ CSS HTML&jQuery HTMLにリンクを入れる その他のカスタマイズ 色を変える グローバルメニューの横幅を変えたい グローバルメニューとトグルメニューの変えるタイミングを変えたい まとめ 実装図 完成図はこんな感じです。ブラウザのサイズが広いときには、子メニューまで出せれる一般的なグローバルメニューで、 ブラウザサイズが狭くなると

この間追加されたはてなブログの目次機能。どのモードでも、[:contents]と書き込むだけで目次がつくれるので、「凄い！」って思ったしとっても便利になりましたよね！ 今まで目次を自動生成するコードもあったのですが、特定の説明記事やリスト記事にだけ入れたいなと思っていたので、半ば諦めていました( ；´Д｀) それにちょっとコードを足すとグッと使いやすくなるので、いろいろとサンプルを紹介したいと思います。 はてなブログユーザー向けの記事になります。 CSSでできるはてなブログ目次のカスタム リスト表示を番号にする 見出しの一部を消す 小見出しを消す 中見出しも消す 「目次」という言葉を入れる 目次部分に背景色をつける 文字の大きさを、少しずつ小さくしている 段の横幅を調整 jQueryでできる目次カスタム スムーズスクロールにする 最初は隠しておいて、クリックしたら表示するようにする まとめ

最近、卒論と就活と引越しが重なっていた悲しき留年生のゆきひーです。 ここ最近は引越しをしていて、ついに心機一転新しい環境に移りました！ 今までの学校で使っていたものはほとんど捨て（まだ学校終わらないけどw）、IT業界に本格的に進むための環境を作りました。 引っ越しを境に環境づくり！ 今はこんな感じで、今まで使っていたものを組み合わせてシンプルな机になっています。 うおー！今までの５畳半の部屋からはおさらばして、ちょっと良い環境に移りましたぜ！ なんかものすごくやる気が出てきました。よーし、頑張るぞー！と盛り上がっています。 引っ越しは良いですね。ミニマリストじゃないですが家の中のものの大半を捨てられて、完全に生まれ変わる感じがします。 っということで、頑張るしかない環境に移ったので言い訳せずに頑張ろうと思いますw。 マルチディスプレイは、テレビと1000円くらいのHDMIケーブルがあればで

注：この記事は、元記事の補完的な役割をしています。 元記事：「【変更お願い!】コピペのみではてなブログのソーシャルボタンをシェア数付きでおしゃれにするカスタマイズvol.2 - Yukihy Life」「はてなブログのシェア数付きソーシャルボタンカスタマイズでフラットボタンのコピペコードを追加です。(vol2) - Yukihy Life」 昨年の11月に、Twitterがシェア数の表示がなくなりました。 www.yukihy.com 正直Twitterのシェア数は、その記事の人気度を測るものとして役立っていたため、めちゃくちゃ痛かったのですが、実はそれに関する代替案はいろいろ出ていました。 遅れながらもやっとこさ手をつけ、今ではシェア数の表示がほとんど戻ってきたのではないかと思います。 そこで、はてなブログで、さらに当ブログのボタンを使用している方に、シェア数を表示させる方法を書いていき

今年の春にMacを買ってから、一番使ってきたアプリがEvernoteです。 ただEvernoteって高機能すぎるんですよね。高機能すぎて、結局は整理できないみたいなことが起こりがちで、実際僕もノートを一回削除したりしました。 Evernote整理術のようなものもググってみましたが、めちゃくちゃマメさが必要じゃないですか‥。 そこで、まめでもない僕でもEvernoteをどんなふうに使っているのかを、連載てきな感じで数回に分けて書いてみたいと思います。 連載の内容は Evernoteを整理して管理できる仕組み作り（今回はここ！） Evernoteでタグを使ったおすすめの整理術&活用法 - Yukihy Life Evernoteでブログを書く利点とEvernoteを使ったブログの書き方 - Yukihy Life Evernote小技集・他とのサービス連携などちょっとした工夫で圧倒的に使いやす

もうタイトル通りなのですが、このブログのデザインを流行りのマテリアルデザインに寄せるようにしてみました！ まだ一部分しか変えてないですが、どのあたりを変えたのかを備忘録がてら書いていきたいと思います。 （変更したのはタブレット・スマホ版のみですが、PCでもブラウザサイズを縮めるとなります） なぜ変えようと思ったか マテリアルデザインとは？？ 変えたとこ ヘッダー スライドメニュー Googleカレンダー Yukihy Life 難しかった点・不満な点 難しかった点 不満な点 参考ブログ まとめ なぜ変えようと思ったか このブログでは今までもデザインの変更をしてきたりしましたが、何のためにやってきたのかと言うと、それらはブログ内の回遊率を高めたかったからという一言につきます。 どんどん記事かけよというツッコミは無しにして、せっかく見ていただいたのにその記事だけだともったいないなあと思っていま

アカウントが増えたり、たくさんのものに登録したりするといちいち厄介になってくるのがパスワードですよね。 重要なのは分かってて、いちいち覚えたりするのは面倒…。だけどメモ張なんかに書いておいたら今度はそのメモ帳の管理は？ってなりますし、覚えやすいように同じにしたらひもづる式に暴かれてしまうのでリスクが大きいです。 パスワードマネジャーみたいなツールもあるみたいですが、そこまでやるのはちと面倒…という人もいると思いますので、普段やっているパスワードの管理法を紹介したいと思います！ パスワードはフィボナッチ数列にして管理する フィボナッチ数列とは？ 例 フィボナッチ数列でパスワードを決めるメリット メリット１　違うパスワードをいくらでも作れる メリット２　メモ張に普通に書ける メリット３　複雑化させるのが容易 メリット４　桁数をいくらでも調整できる メリット５　電卓の計算が楽 フィボナッチ数列で

2015/11/11追記１：うまく取得できているかの判断が曖昧だったので、確認方法を追記しました。設置をする際は、うまく取得できているかの確認をお願いします。またCSSをテーマによる崩れを防ぐために若干変更しました。 2015/12/06追記２：数日前に、このプログラムで使用しているGoogle Feed APIのサービスが終了してしまいました。なので表示が安定しない状況です。ただいま代替案を模索中です。お手数おかけしますm(_ _)m2016/3/20追記３：GoogleFeedAPIが復活？しているみたいできちんと表示されるようになりました！ 前回書いた、はてなブログで記事と同じカテゴリを新着順に並べて関連記事っぽくするカスタマイズの続きで、同じカテゴリをランダムに出すのができたので書きたいと思います。 先に言っておきますが、Javascriptを勉強したての者が作っていますので、いろ

10/7追記１：「はてブ順」を含めた、５つボタンバージョンを追加しました。 11/16追記２：カテゴリの部分を二列にするやり方を追加しました。 最近、はてなブログは人気記事モジュールのみならば、記事上でもどこでも差し込めることを知りました。 こっ、これは！と思い、以前作ったトグルメニューと組み合わせると、スマホの回遊率が高められる(かもしれない)メニューバーというものを作ることができたので、紹介したいと思います。(レスポンシブ設定の方は、できません) 実装図 実際のカスタマイズ ４つのボタンの場合 １　HOMEボタンにURLを入れる ２　カテゴリにURLと言葉を入れる ５つのボタンの場合 １　HOMEボタンにURLを入れる ２　カテゴリにURLと言葉を入れる その他のカスタマイズ 色を変えたい 人気記事の表示する個数を変えたい はてブ数を表示したい・したくない カテゴリの部分を二列にしたい