2018-07-12

スクロールに応じてヘッダーが順次固定されているJsを組んだ

javascript

iTunesか何かのようなスクロールにお応じてヘッダーが切り替わる挙動を組みました。
（言葉で説明するのが難しい…↓を見てくださいな）
仕様変更によりお蔵入りになったのでブログで供養します。

See the Pen MultiFixedHeader by あっきー💪😎💪 (@kuronekopunk) on CodePen.

2018-07-09

Rails selectタグにクラスを付ける

f.select :foo, { a: 1, b: 2 }, class: 'bar'
=> <select name="model[foo]"> # あれ？classが居ない

時々ど忘れしてドキュメントを読みに行くやつ。

この様に定義されています。

def select(method, choices = nil, options = {}, html_options = {}, &block)

ref: rails/form_options_helper.rb at 71c7fd101324046995d8f7e51e78475c0e37ec1a · rails/rails · GitHub

optionsとhtml_optionsが違う👀
というわけで分けて書いてあげましょう

f.select :foo, { a: 1, b: 2 }, {}, class: 'bar'
=> <select name="model[foo]" class="bar">

ﾔｯﾀﾈ🎉

2018-07-08

JavaScriptでURLクエリを取得する

javascript

クエリ文字列の取得は

window.location.search
=> "?foo=1&bar=2"

クエリ文字列をオブジェクトに整形する関数を用意。

function getUrlQueries() {
  var queryStr = window.location.search.slice(1);  // 文頭?を除外
      queries = {};
      
  // クエリがない場合は空のオブジェクトを返す
  if (!queryStr) {
    return queries;
  }
  
  // クエリ文字列を & で分割して処理
  queryStr.split('&').forEach(function(queryStr) {
    // = で分割してkey,valueをオブジェクトに格納
    var queryArr = queryStr.split('=');
    queries[queryArr[0]] = queryArr[1];
  });
  
  return queries;
}

これでめでたくクエリのオブジェクトの取得に成功しました🎉

2018-07-04

エンジニア募集にJobTagはいいぞというお話

エンジニア webサービス

JobTagでエンジニア募集をしたら2名から応募があったのでJobTagはいいぞという話をします🤟

投稿した内容と反響をご紹介

１つ目

出遅れた感あるけど投稿してみた

Railsエンジニア募集！ https://t.co/noTLmhzCwZ #JobTagjp #エンジニア
— あっきー💪😎💪 (@kuronekopunk) May 27, 2018

反応

f:id:kuronekopunk:20180704213625p:plain

RT０でインプレッションはそんなに伸びませんでしたが１応募ありました🎉

２つ目

２回目の方にはJobTagに書いた内容もコピペで載せてみました。

JobTag復活記念🎉

Railsエンジニア募集！
お手伝いしていただけるエンジニア探してます💎
Rails5,ReactJs的な環境です。
リモートでもokです！
気になったらお気軽にメッセくださいー🙏https://t.co/GoFeza07Ts #JobTagjp #エンジニア
— あっきー💪😎💪 (@kuronekopunk) June 22, 2018