永井ギャラクシー つくる部

関西を拠点とするウェブ制作チーム。あらゆる“つくる”にまつわる日記。つくる部部長(つ部長)が担当します。好きな時に更新します♪

はてなブログにパララックス効果を取り入れてみる実験

おはようございます、つ部長です!

今回は、パララックス効果をはてなブログに導入してみる実験を行ってみようと思います!パララックスってなに?って思われる方もいらっしゃると思うので、まずは、このブログを下の方へスクロールしてみてください!

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

f:id:nagai-galaxy:20160409142947p:plain

 

 

 

 

f:id:nagai-galaxy:20160409143411p:plain

ちょっと前に流行った スクロールするとアニメーションしながら表示する仕組みのようなものです。正確にはスクロールエフェクトかもしれません。

ライブラリを使うことでこういうアニメーションをつけることがすごく簡単になりました。今回使ったのは下記の「skrollr」というライブラリです。

GitHub - Prinzhorn/skrollr: Stand-alone parallax scrolling library for mobile (Android + iOS) and desktop. No jQuery. Just plain JavaScript (and some love).

はてなブログを少しカスタマイズするだけで、ブログにもこのようなアニメーションしながら表示できるような仕組みを導入することができます!

少し手順を載せておきます。

  1. メニューのデザインに移動

    f:id:nagai-galaxy:20160409144804p:plain

  2. フッタのカスタマイズで外部にアップしたskrollrのJSファイルを読み込み、初期起動のJSを挿入
    f:id:nagai-galaxy:20160409144902p:plain
  3. 画像を貼り付けたら、HTML編集モードに切り替えて、アニメーションの記述を足します

    f:id:nagai-galaxy:20160409145129p:plain

これだけで、完成です!使いどころが難しいですけど、うまくはまると「おっ!」って思わせられるモノが作れそうので、ぜひチャレンジしてみてくださいね!!

Code for Sakaiについて

おはようございます、つ部長です!

わたしは、Code for Sakaiというチームに所属しています。
Code for Sakaiは何かというと堺市の地域課題をCode(プログラミング)の力で解決して良くしていこう!というチームです、詳しくは下記のリンクをご覧ください。

code4sakai.org | Hello, new Sakai(); // code for

以前一緒に曳山ストーリーテラーアプリを作ったメンバーの紹介で入ることになりました。

nagai-galaxy.hateblo.jp

モノを作ることが好きで、それが何かの役に立てるというのは純粋にすごく嬉しいことです。世の中でほんの少しでも良い影響を与えられるものが作っていけるとしたら、おおげさかもしれないけど自分がこの世界にいて良かったなぁと思えるかもしれません。

昔憧れた正義のヒーローみたいでかっこいいですね!

そのためにも、もっと技術を磨いたりして実力を身に着けていきたいと改めて思います。そういう楽しみ方ができる人になりたい!!

いくつかアイデアがあるので、形に出来るように新しい技術などにもチャレンジしていけたらと思います!毎日少しずつコツコツとやっていきたいと思います!

そのうちに何か作れたら紹介できたらいいなって思います!!

モノを作っていきたいと思う根本にあるもの

おはようございます、つ部長です!

今わたしはruby on railsに興味があります。また、イラストを描くことに興味があります。他にも、デザインすること、粘土樹脂でかわいい動物を作ったり、物語を書くことなどなど。。

昔からモノを作ることが好きで、今後もモノを作る仕事を続けていきたいと考えています。それが生きがいです。

なぜ、モノを作ることが好きなのかを考えたことがあります。一番大きなのは憧れです。

自分は今は作れない、だけど、こんなものが作れるようになったら最高だ!という気持ちが常にあります。自分の手足のように思い通りに使いこなして作れることが夢で憧れです。

実際少し出来るようになって、手が届くようになってくると途端に現実味を帯びてきて憧れが薄れていってしまいがちです。

だから、常に「こういうことが出来るようになったら最高だ!」という謙虚な憧れをもって取り組んでいけたらなって思います。

どこかのタイミングでまたこの記事を見て、初心を思い出せたらと、エントリーしておきたいと思います。

 

100円均一で買える家にある掃除のコスパのスゴイやつ!

こんにちは!つ部長です!
今回は生活部の記事なのかもしれません。だけど、こっちに投稿です!

フリーランスを始めるときに絵をずっと描いていて消しクズとかがたくさん出て簡単に掃除出来る塵取りがほしい!と思い、100円均一で小さなホウキ付き塵取りを買いました。

ところが、これがものすごくコスパを発揮していて、今ではデスク周りはこれだけで掃除をしています!粉とかこぼした時もこれ!!

フリーランスしていたら家にずっといるので髪の毛とかが落ちたりするんですが、これを使ってささっと掃除して時間もかからず快適です。掃除機を取り出す時間もかからないですし、夜遅くでも掃除をささっと出来ます。一つあるだけでこんなに便利だとは思いませんでした。

どんな見た目か写真を載せたかったんですけど、使い古されてちょっと綺麗じゃなかったのでamazonで見た目の近いのを載せておきます。

割とどこでも売ってそうなので、お近くの100円均一で買うといいかもしれません!

使えば使うほど、ホウキの部分が柔らかくなって使いやすくなります。最初は固くて少し使いづらかったかも。 吸引力の変わらないただ一つの掃除器具、ちりとり・ほうきセットおすすめです♪

はてなブログと相性の良い画像編集ソフト(Monosnap)のご紹介!

つ部長です、おはようございます!

本日は、はてなブログなどで最近使っているおすすめの画像編集ソフト(Monosnap)をご紹介したいと思います!

ねこの画像に説明を入れてブログに載せるまで。

これを使うことで説明画面を作るのが大変楽チンになりました。
どれくらい簡単かというのは下記の簡単なアニメーションをみてみてください!

f:id:nagai-galaxy:20160312175551g:plain

画像に説明を入れた後に、はてなブログに貼り付けるだけで、あっという間に説明画像を作ることが出来ます!

技術系ブログを書く人には相当おすすめかもしれません。
前回書いた下記のブログもこのツールを使っております♪

nagai-galaxy.hateblo.jp

このツールの入手先について

下記からダウンロードできます。昔、skitchっていうツール使ったことがあるんですが開発がストップしてしまったみたいで、代替えツールとして探していたら見つけました。代替えツールが見つかってよかったです。

www.monosnap.com

 

 

毎日何かが良くなる仕組みについて

おはようございます、つ部長です。

最近は土日にブログを書くようになったり、汁ものを一週間分作っています。習慣化してこれはこれでうまくいったな~と思っています。

毎日習慣化していることでもう一つルールが出来ましたので紹介したいと思います!

毎日15分断捨離の時間をもうける

わたしとせ部長は、今のままの生活じゃだめだから生活を改善していかなきゃとサラリーマン時代からずっと思ってきました。

ずっと共働きで生活のことを置き去りにしてただ毎日をなんとか乗り越えるという生活だったと思います。私自身も仕事で疲れていて、生活のことにあまり関心がなかったように思います。

そういうことを改善していきたいとは以前から思っていただけでなかなか手をつけられませんでした。

今、フリーランスをしていて、少しずつですがルールも出来て余裕ができてきたように思います。

以前からやりたかった断捨離とか家の中の家具をシンプルにしたりとかそういうことに着手していっています。

一気にやって一気にやらなくなるということが多かったので今度は毎日15分ずつやるというルールで続けています。やっぱり毎日少しずつやるっていうのは気持ちが続くという意味でも重要だと感じました。

嫌でも毎日やる!

二人で決めたことだったら、どちらかが意思が弱くてきちんとやろう!と声を掛け合うことが出来ます。今日くらいはいいや!っていうところから習慣が崩れていくのを知っているのでここは気が抜けないと思っています。

毎日やり続けると負荷がかかって疲れてしまう

これをどうしていくかが今後のポイントになると思います。今は続いていてもそのうち無理のあることは続かないのです。無理があって続かないことは、例えば少し減らすとか、時間をずらすとか工夫していかないといけないです。続けていて思ったのは、辞めてしまうということを避けるということでした。

毎日少しずつ良くなっていくということを信じる

毎日楽しくすごくためには、毎日良くなっていってるという実感を得ることだと思っています。すぐに効果が出ないとやる気をなくしてしまうからです。以前の私はすぐに効果の出ることにだけ興味がありました。毎日続けてもなかなか効果って出ないです。長い目で見れば確実に効果があってそのイチミリが今日進んだと思えれば続けることが出来ます。がんばります!

はてなブログを書くちょっとしたコツ!

おはようございます、つ部長です!

今日は、もう知ってる人もいるかもしれないけど、はてなブログで記事を書く時に使えるコツをみなさんに共有したいと思います!

ブログ記事を書くときに写真素材を入れたい!っていうときがあります。その時に、フリーの写真素材サイトから「右クリック→保存」の手順でパソコンに保存して下記のボタンから画像をアップするかと思います。

f:id:nagai-galaxy:20160306172107p:plain

実は、上記のボタンからアップしなくても画像が簡単に貼れます

手順は簡単で、下記のように画像のところで右クリックして「画像をコピー」をクリックして、

f:id:nagai-galaxy:20160306172332p:plain

下記のように「右クリック→貼り付け」を行うことで、画像がアップされて挿入することが出来ます!ちなみにchromeで動作確認済みです!!少しでも画像挿入が楽になれたらうれしいです♪

f:id:nagai-galaxy:20160306172531p:plain