惜しげもない

WEBであったり、写真であったり、カメラであったり、旅行とか、なんかそんな感じとかでどうでしょうか。

はてなブログテーマ「Coffee Break」を制作+カスタマイズ方法

今までは既存のテーマをいじいじとさせて貰ってましたが、この度はてなブログテーマを作ってみました。自分で使いながら改良をしていくので、ちょいとゆるめのリリースですけど、いつまでも温めておくよりはいいかなと思いまして。

はてなブログテーマ「Coffee Break」を作りました。

テーマページはこちら

Coffee Break - テーマ ストア

スクリーンショット

f:id:tako3ch:20180201235345j:plain

仕事中に一服しているときにテーマの名前を思いつきました。特に意味はないです。コーヒーおいしい。
このテーマ「Coffee Break」の特徴としては、

  • レスポンシブ対応
  • なるべく画像がきれいに見えるようなデザイン
  • 読みやすいように

などを心がけています。
基本的には「写真ブログ」向けに制作しています。というか自分のブログです。

TwitterやInstagramもスマートに表示します。

https://www.instagram.com/p/BeQUHt7hIdQ/
ぜんぜん写真撮りに行けてない〜雪景色とか撮りたい〜わさわさしたい〜写ルンです値上がりしちゃうし…業務用フィルム買っとくか…#portland #port #ship #seascape #sonya7ii #zeiss #planar #blue #snapshot

気をつける所

はてなProユーザー向けです。

トップページの部分を一覧形式のみで想定しているので、それ以外はイメージのカードレイアウトができないです。まあこれは好みなのであれですが。

管理画面 > 設定 > 詳細設定 > トップページの表示形式

にて変更をお願いします。

アイキャッチ画像がないとだめです。

レイアウトが崩れてしまうので、なんらかのアイキャッチ画像を設定してください。

レスポンシブデザインです。

PCでもスマートフォンでも同じ感じのデザインにしています。こちらは、

管理画面 > デザイン > スマートフォン > 詳細設定でレスポンシブデザインにチェック

写真はflickrを想定しています。

それ以外の画像は崩れるのかな…どうかな…あれだったら直します。

オプション関連

記事上部下部に記載するシェアボタン

下記コードを記事上または記事下のところに

<!--シェアボタン-->
<div class="sharebtn">
	<div class="sharebtn-inner">
		<!--はてブ-->
		<a href="http://b.hatena.ne.jp/entry/{URLEncodedPermalink}" class="hatena-bookmark-button" target="_blank" data-hatena-bookmark-title="{Title}" data-hatena-bookmark-layout="simple" title="このエントリーをはてなブックマークに追加"><i class="blogicon-bookmark lg"></i></a>
		<!--Facebook-->
		<a href="http://www.facebook.com/sharer.php?u={URLEncodedPermalink}" class="facebook-button" onclick="window.open(this.href, 'FBwindow', 'width=650, height=450, menubar=no, toolbar=no, scrollbars=yes'); return false;" ><i class="blogicon-facebook lg"></i></a>
		<!--Twitter-->
		<a href="http://twitter.com/intent/tweet?text={Title} {URLEncodedPermalink}" class="twitter-button" target="_blank"><i class="blogicon-twitter lg"></i></a>
		<!--Pocket-->
		<a href="http://getpocket.com/edit?url={URLEncodedPermalink}" class="pocket-button" target="_blank"><i class="fa fa-get-pocket"></i></a>
	</div>
</div>

記事下とかに設置するフォローボタン

<!--  フォローボタン-->
<div class="followbtn">
	<div class="follow-title"><span>フォローする</span></div>
	<div class="content-inner-follow-buttons" >
		<a class="hatena" href="【http://blog.hatena.ne.jp/tako3ch/tako3ch.hatenablog.com/subscribe】" onclick="window.open('【http://blog.hatena.ne.jp/tako3ch/tako3ch.hatenablog.com/subscribe】', '', 'width=500,height=400'); return false;">
			<i class="blogicon-hatenablog lg"></i>
			<span class="inner-text">Hatena</span>
		</a>
		<a class="twitter" href="【https://twitter.com/intent/follow?screen_name=tako3】" target="_blank">
		<i class="blogicon-twitter lg"></i>
		<span class="inner-text">Twitter</span>
		</a>
		<a class="instagram" href="【https://www.instagram.com/tako3poi/】" target="_blank">
		<i class="blogicon-instagram lg"></i>
		<span class="inner-text">Instagram</span>
		</a>
		<a class="feedly" href="【http://feedly.com/i/subscription/feed/http://blog.tako3.xyz/feed】" target="_blank">
		<i class="blogicon-rss lg"></i>
		<span class="inner-text">Feedly</span>
		</a>
	</div>
</div>

そのうち実装しようと思っていること

  • Proユーザーじゃなくてもいい感じに表示できるようにしよう
  • ランキングとかおすすめ記事とかのスライダー
  • タイトルまわりなんかおしゃれにする


なにか質問などありましたらTwitterやコメントなどでお気軽にどうぞ!

20180128の雑記

雑記。

繁忙期です。Web制作をがんばっています。特にどこに出かけることもなく、写真を撮るわけでもなく、ただただコーディング作業をしています。

なんかそういうのもまとめよう今度。作業環境みたいなやつ。

最近エディターを変えようかと思ってVimに手を出したり、VSCodeに手を出したりしていて、1週間ぐらいでころころしていたのだけど、フロントエンドエンジニアという特性上と慣れの問題からか、結局Sublime Textに戻ってきています。

キーボードも、MacのApple Magic Keyboardを使っていたのだけど、RealForceに戻ったりしています。マウスはMX ERGO。もうWindows使えばいいのにって感じだけど、MacBook Pro。

作業環境でいうなら4K画面はまだ買ってない。ほしい。

あ、名古屋でもプルームテックが販売するみたい。ほしい。

2月といえば、三國無双のオープンワールドの新しいやつがでる。楽しみ。この繁忙期が終わったら、、、やるんだ、、、。

そして2月といえば、Voigtlanderの35mmのレンズがでるね。Eマウントのやつ。ほしいね。さぞかしいいんだろうなぁ。たぶん。

本屋にもなかなかいけないので、コンビニで&Premium買った。お部屋特集。いつか読もう。

制作案件のスケジュール把握、調整とかしていたのだけど、これ制作の仕事じゃないとおもうんだ…ディレクターの仕事だとおもうんだ。というかなんでスケジュール読みができないのに仕事持ってくるんだよ。把握してからもってこいよ…なんでこんなに詰まってるんだよ……。

というわで、最近はてなブログのテーマを作っているのだけど、なかなかできません。いつごろ完成するかなぁ…ちょっとずつは進んでいるのだけども…HTML側をいじれないから限界があるなぁほんと。

 

さーていろいろがんばろー。

フロントエンジニアがMacでおすすめのノート・メモアプリ4選

本記事は移転しました。

約3秒後にリダイレクトします。

リダイレクトしない場合はここをクリックしてください。

【熱川・熱海】伊豆旅行にいってきました。

本記事は移転しました。

約3秒後にリダイレクトします。

リダイレクトしない場合はここをクリックしてください。

コンパクトフィルムカメラRellei35 SEを手に入れていた

本記事は移転しました。

約3秒後にリダイレクトします。

リダイレクトしない場合はここをクリックしてください。

Qi対応ワイヤレス充電器【+U】LP-QI04BKを買いました

本記事は移転しました。

約3秒後にリダイレクトします。

リダイレクトしない場合はここをクリックしてください。

2018年の抱負とほしいもの

あけましておめでとうございます。昨年はお世話になりました。今年もまったりと更新していきたいと思います。

東別院にて年越しをしたんですが、デジタルアートとのコラボレーションというイベントを開催していて、なんかいつもと違う東別院で面白かったです。

DSC03149

プロジェクションマッピングとか、焚き火とか。外国の人が多かったです。特段寒くもなくてよかったです。

ブログ周り

記事数は2017年が92件でした。まあそこまで更新数を目標にしているわけでもないけど、もう少し更新数を増やせるようにしてみようと思います。120とか130とかそのへんを。

あとは、デザインをもう少しいじってみる。ただまあ、はてなさんのSSL化も待ちたいのでそれまではワイヤーとか構成を考えておこうかな。デザインをもう少しいじりやすくなるといいのだけど。

書く内容も、写真とか以外にもいろいろ増やせれたらいいかなと思う。文房具や本とか、デジタルもの、Web系とか。まあいまでもそんな変わらないか……。

カメラ周り

NikonからSonyに鞍替えして、もろもろ揃えてきて…。実は富士フイルムのX-T3が出たらどんな感じなのだろうとか悩みつつ、D850もいいよなぁすてきだよなぁとか悩みつつ、とは言えFマウントにはなぁ…とか、でもα7RⅢもいいじゃん…解像度とかの問題じゃないと思うんだけど。

レンズに関しては、2018年の2月に発売予定のフォクトレンダー Voigtlander NOKTON classic 35mm F1.4を狙っているので、それまではいろいろ見なかったことにしようと思う次第です。わからないけど。

デスク周り

カクノのEFが使いやすかったので、万年筆欲も湧いてきた次第です。万年筆のことを全然知らないので、ちょいと調べてみようかなと思います。MONTBLANCとか?そういうの?EFが書きやすかったので、極細字がいいなぁと思う。

キーボードは、HKKB Professional JPをそのうちほしいなと思っています。

個人的

anachro(ing)でZINEやら写ルンですシールやらを制作販売開始したので、ちょいとこれを展開していって、もっと面白くしてけたらなぁと思います。PRとか、販促とかとか。ほかにもZINEをつくってみたい。

あとは、フォトコンとかで入賞していきたいですね。佳作止まりなので、自分の実力はいまそれぐらいなんだろうなと思っていますが、レベルアップというかそういうのにつなげていきたいなぁと。せっかくの趣味だし。

というわけで今後ともよろしくおねがいします!

今週のお題「2018年の抱負」

写ルンですのシールとZINEをminneで販売を開始しました。

本記事は移転しました。

約3秒後にリダイレクトします。

リダイレクトしない場合はここをクリックしてください。

クリスマスイブにふらふらする栄

本記事は移転しました。

約3秒後にリダイレクトします。

リダイレクトしない場合はここをクリックしてください。

日記というか雑記とほしいもの

いよいよクリスマス前になった。12月は繁忙期でもあるし、神戸で結婚式やらクリマやらもろもろ忙しかったというのもある。そんななかクリスマスで。いやまあ子どもがいる家庭だったりすると、プレゼント買ったりしなきゃいけないのだろうけど…ほいでまあクリスマスプレゼントやら誕生日プレゼントやらを買いに行ったりするのだけど、本当にこれでいいのかなぁ…大丈夫かなとか心配になるわけですよ。店員さんに聞いたりするわけですよ。予めいろいろ調べるわけだけど、というか年末立て込むことぐらいわかっているのだから先にちゃんと準備しておけばいいのだろうけども。

話は変わって、最近は35mm単焦点レンズと、4Kのディスプレイと、メカニカルキーボードがほしいと思っている。

35mmについては、6月の社員旅行まで決めたいつもりもある。だいたい風景撮りとスナップが多いから軽くてAFのレンズがいいなと思いつつ、面白みのレンズがほしいので、フォクト、ヤシコン、SONYで迷っている。まだ悩んでいる。

4Kのディスプレイは、仕事で27インチのディスプレイを使っているけど、作業スペースを広げたく、同じく27インチサイズでほしいなと思う。これもまあレンズ一本分ぐらいなので悩みどころ。

メカニカルキーボードは、自宅用にしようか仕事用にしようか迷うところなのだけど、シャコシャコ音がしない静音系なら仕事でも使えるかなぁと思う。静かにタイピングしたい。テンキーはいらないので、BT接続がいい。スッキリさせたい。

あとは、Evernoteが重いので、他のノートアプリというかメモアプリがほしいなと思っているのだけど、クラウドでなかなかいいものがなくて困っている。

2017年のベストショットを年末が来る前に。

本記事は移転しました。

約3秒後にリダイレクトします。

リダイレクトしない場合はここをクリックしてください。

はてなブログを開設して4周年になりました。

このはてなブログ「たこさんちゃんねる」を開設して4周年になったようです。あれ?なんかこの前5周年ありがとうキャンペーンに当選した気がするんだけど…と思って見てみたら1年前なのか…あれ、じゃあはてなブログ開始一年で開設したの??そうだっけ??この際はノートやらボールペンやらありがとうございました。

blog.tako3.xyz

 読者の方もなんだかんだ246名(かいているとき)になっていて、あらいつの間に!という感じです。こんな雑記ばっかでたまに写真のよくわからんブログでごめんなさいありがとうございます。

読みやすい文章、わかりやすい説明、そこらへん全く気にしてないです。心がけようとは思っています。常に走り書きです。おかしいな前職には編集長っていう肩書があったんだけどな…。

 この前に書きたくなる時、のテーマでも同じようなことを書いた気がしますが…

blog.tako3.xyz

 あ、いつの間にか、Feedlyも60人!うれしい!

ブログを通して、いろんな人と知り合えてうれしいですねー。SSL化とか細かい設定とかデザインとかWordPressに浮気しそうになるときもあるけど、はてなで更新していく理由はそういうところではないかなとも思うので、今後共よろしくおねがいしますー!

 

お知らせ

 今週末にポートメッセなごやで開催する、クリエイターズマーケットに日曜日に出展するので、ぜひぜひきてくださいませ!

ZINEとかポストカードとか、写ルンですのシールとか販売します!

(なんとかなんとか…) 

f:id:tako3ch:20171203204549j:plain

 

日曜に!3号館 B-52に!!

出展者詳細 : クリエーターズマーケット-東海地区最大の「つくるひと」の祭典-

 

blog.tako3.xyz

 

なにとぞ〜〜

2017年買ってよかったもの

本記事は移転しました。

約3秒後にリダイレクトします。

リダイレクトしない場合はここをクリックしてください。

滋賀県大津市にある石山寺に行ってきました。

本記事は移転しました。

約3秒後にリダイレクトします。

リダイレクトしない場合はここをクリックしてください。

京都の平等院鳳凰堂の夜間特別拝観・紅葉ライトアップを撮ってきました

本記事は移転しました。

約3秒後にリダイレクトします。

リダイレクトしない場合はここをクリックしてください。