blogこの広告は、90日以上更新していないブログに表示しています。Recordのmysqlでマイクロ秒を切り捨てる方法railsmysqlでマイクロ秒まで計算してくれるのは嬉しいのですが、保存されるときには切り捨てにされています。Railsのend_of_dayを使うと、.9999になります。11ギリギリまでそれを加えたいのに、加わらないというジレンマが発生します。Recordのmysqlでマイクロ秒を切り捨てる方法Tweet広告を非表示にするもっと読むコメントを書く2019-09-16cronのログを設定するdebianを使っているのですが、デフォルトだとcronのログが出力されません。(デフォルトで表示してくれ!)なので、cronのログが出るように設定します。←コメント外すこの後にrsyslogを再起動します。restart以上です。18:09cronのログを設定するTweet広告を非表示にするもっと読むコメントを書く2018-06-06フォントサイズを1px変更するだけで、直帰率が2%前後下がったポエムタイトルの通りです。こんな効果あるのか?と思い、正直ビックリしました。期間は6/4~6/6(比較は5/28~5/30)運営しているサイトはbookwithという読書管理サイトです。きっかけは、サルワカさんのサルワカという個人メディアを250万PV/月にまで育てた方法の記事を見たことです。「おしゃれ」よりも「快適に過ごせること」Webメディアにとって、デザインは重要な要素だ。デザインを設計するときには、「おしゃれさ」を優先してユーザービリティを損なうことがないように気をつけなければならない。ユーザーからすると「おしゃれに見えるかどうか」よりも「快適に過ごせること」の方が重要なのだ。これを見て、かっこつけてフォント小さくしすぎていないか?と思いました。ユーザーが読みやすいサイトの方が居心地はいいはずだと。思い、文字サイズを変更することで読みやすくなるのでは?と考えました。急に大きくしすぎても微妙なので、1pxだけにしました。すると、上の画面の結果になりました。文字サイズだけでここまで影響あるのか・・・と感動しました。読みやすさは大事ですね。20:45フォントサイズを1px変更するだけで、直帰率が2%前後下がったTweet広告を非表示にするもっと読むコメントを書く2018-03-11「続きを読む」ボタンの文章の高さを可変的にしてボタンを設置する方法javascript「続きを読む」ボタンの情報を探していましたが、どうも高さが固定前提です。下記のようなやつです。「続きを読む」ボタン隠す文章-------ただ、自分はその文章の量が変動かつ、さらに少ない場合もあります。文章サイズの量は固定できません。ここで一旦いつもの実装パターンを確認します。自分のケースは、文章が固定じゃないので、サイト表示後に高さを取得すればいいです。文章の高さを取得する想定している高さ以上の場合は、文章を隠す。hiddenを加える)隠す文章の兄弟要素の下にDOM(ボタン)を作成するクリックすると表示するイベントを仕込む作ったjsがこれです。ReadMore.more()targetsっていう変数に対象となる場所を入れます。文章の高さも可変的にしました。他でも流用できそうな部分は変数で渡すようにしました。これだと、他の場所でも使えるのではないでしょうか。図解で物事を理解する経験を何度も繰り返してきた。その割には、自分が図解して説明することができなかった。図解するには物事がどういう構造になっているかのかを理解しないと説明できないからだ。図解する行為自体は興味があり、そんな折に翔泳社セールで半額になっていたこの本を見つけた時に、僕は買わずにいられなかった。(半額じゃなかったら、買わなかったかもしれないというのは置いといて)この本では、著者が生徒に図解する方法論を唱えても理解してもらえなかった経験があり、具体的にどのようにして図解するかのアプローチが書かれている。練習問題もあり、実践的な内容になっている。Kindle版この商品を含むブログを見る僕が印象に残ったのは、次の3つです。ラベルをつける表をつける未知の問題に対処するそれについては説明します。他にも有用な章ばかりなので、気になる方は読んで見てください。残念なのは、現在は翔泳社セールはないということだ。ラベルをつけるラベルをつけるという行為は一体どういうことなのか?よく僕は何かをプログラミングを作る時に箇条書きで何をやるかを書く。情報を集めて、整理したいからだ。これだけではなく、情報をきちんと整理して伝えろという。twitterの特徴を次の3行にまとめました。140文字の制限で情報を即座に発信する情報を他者に広めることができる情報を発信する人の購読ができるこれにラベルをつけます【速報性】140文字の制限で情報を発信する【拡散】情報を他者に広めることができる【情報収集】情報を発信する人の購読ができる特徴が浮き彫りになった気がしませんか?ラベルをつけることによって情報を浮き彫りにすることが、まずは大事です。カテゴリー分けをしないと、図解して、表にしようにも分類ができないからです。表をつけるそんなの当たり前じゃないか!と思います。各SNSでの特徴を教えてください!と言われた場合は、どのようにして説明しますか?ここで先程のラベルが役立ちます。△これだとinstagramが涙目じゃないか?って感じます。涙目のクセになぜ流行るのかという話になります。未知の問題に対処する表を作ることで、疑問も生まれました。ここでinstagramの特徴を調べました。【美しい世界観】綺麗な写真しかない【タグ付け文化】情報はタグ検索で取得するどちらかというと、文化要素が強いのかなって思います。◯ということは、instagramの利用者は情報収集性を求めてはおらず、世界観が好きで利用しているということが推測できます。強引な感じがしますが、情報をラベルで整理しないとカテゴリーがわかりません。実際には、もっとわかりやすい説明が書いてあるので、興味がある方はぜひ読んでみてください。興味深い話は、情報から出来事を想像できない人が増えているということです。これは自分もそうなのですが、わかりやすい教材のおかげで、自分で試行錯誤する機会が減っているのでは?という推測が書かれています。情報を整理して、わからない部分を試すことで、理解が深まります。その部分が一番大事だと強調しています。わからないことを知る気持ちが大切ですね。再入門講座」を読んだTweet広告を非表示にするもっと読むコメントを書く2018-02-18書誌情報を取得するAPI(openBD)のラッパーのgemを作成したruby個人で読書管理サイトを作成しており、書誌の情報が欲しいと思い、利用できる場所を探していた時に出会いました。書誌情報・書影を自由に調べたところ、goのライブラリはあったのですが、ruby用がなかったので作成しました。isbnを送信するだけで、結果が返ってくるので楽です。あとは、その結果を利用しやすいようにラッパーを作成しました。ryosuke-endo/open_bdライブラリの使い方READMEから抜粋しました。res.widthendこんな素晴らしいデータを自由に利用させてくれるなんて、感謝しかない。20:54書誌情報を取得するAPI(openBD)のラッパーのgemを作成したTweet広告を非表示にするもっと読むコメントを書く2018-02-04webのスマホサイトとアプリのUIの壁webのスマホサイトも段々アプリのようなUIをする動きが増えてきました。ユーザーからしてみると、普段はアプリを利用しているので、できるだけアプリの動きに近い方が馴染みやすいです。アプリのようなUIに合わせるのは当たり前の流れなのかもしれません。下は自分がツイートしたものですが、検索UIにおいては、上部にそのまま検索できるようにしておくことが増えてきました。スマホサイトの検索結果上部に検索結果を変更できるようなUI最近増えてる。2018年1月28日しかし、どうしても真似をすることのできない壁があります。webのスマホサイトは検索からくる人を想定しないといけませんこれがどこに影響してくるのかです。この二つかなと思います。これは大体のサイトにおいてファーストビューの上部に表示されます。前者については、どんなサイトかわからないので、必然的に表示することになります。後者については、google先生にどんなページかを伝えないといけないため、どうしてもSEOワードになりがちです。ファーストビューで見せないといけない情報になるので、アプリだとその二つを削れるってのは大きい気がします。食べログで二つの差を見てます。ランチ」で検索した結果を表示しています。アプリは位置を「渋谷駅」と営業時間を「ランチ」で条件検索しました。スマホサイトアプリアプリだと、タイトルはいらないので、削って代わりに並び順を意識させています。SEOを意識した表示しなくていいので、「グルメ・レストラン」というワードを削り、表示箇所を分けています。アプリはサイト内にいる前提で作成できる完全にユーザーにとって必要な情報だけを渡すことができます。使い勝手を追求した作りにするのがベターだと思います。webスマホサイトの場合は、UIはできるだけアプリに近づけつつ、SEOを意識した作りになるので、どうしても使い勝手では不利になります。この話の前提は検索結果で来るサイトならではの話なので、webでも完全に閉じた世界(検索いらないサイト)で行動できるなら、思い切った見せ方をしてもいいかもしれないですね。Observerが便利じゃないのか?と気づき、ちょっと利用しました。Observerとは直訳すると、「交差点の監視」という意味でしょうか。Observerの何が便利かというと、対象物が画面に入る時に処理を実行することができます。この辺の処理はスクロールイベントで頑張ることが多かったのではないでしょうか?そこが楽になります。画像の遅延読み込み無限スクロールの実装が楽になります。これ系の処理は画面に入るまでは実行しなくてもいいからです。今まではライブラリに頼ることが多かったと思いますが、自前でも簡単に作ることができます。Observerを利用して、コード数を削減しています。実装のサンプルコードとして、Vueで無限スクロールを実装したコードを置いておきます。Observerを利用しているので、好きなのか、便利さにはまっているのかなって気持ちになりました。}});io.observe(target);これでターゲットが画面に表示するかどうかで判定処理が動きます。実装のサンプルコード検索結果の無限スクロールです。loadingとかはないので、形だけです。画面に表示しているかどうかってのいうのは、今後フロントエンドで処理をする上で何かで使いそうなので、覚えておきたい。細かい制御もできるので、その辺の理解をきちんとしたい。Observerを使ってみたTweet広告を非表示にするもっと読むコメントを書く2018-01-21JavaScriptのdebuggerでデバッグが楽になるjavascriptやっとconsole.logから脱出できそうな気がしてきました。今までずっとconsole.logを利用してきました。これからも使っていくでしょう。debuggerの存在に気づいたので、debuggerを利用していきたいと思います。何がいいかっていうと、実行時にブレイクポイントで止まってくれる。})});上の画像でクリックすると、差した場所でブレイクポイントで止まっていると思います。これで少しは楽になりそう。21:16JavaScriptのdebuggerでデバッグが楽になるTweet広告を非表示にするもっと読むコメントを書く2018-01-14インターフェースデザインの心理学を読んだ書評デザインによって、人は使いやすいかどうかを判断するので、役に立つかなと思い読んでみました。内容が心理学的の話をしており、インタフェースの話(ホームページのデザイン)じゃないの?って思ったのが正直な感想です。微妙に騙されたな・・・って思ったのですが、印象に残っている話があります。データより物語の方が説得力があると言う話です。インズタグラムもストーリーっていう機能をリリースしたし、妙に印象に残ったんですよね。データの提示だけでは感情に訴えづらい子持ち世帯が中古マンションを購入しようとします。条件は人それぞれですので、簡単なデータだけにします。満足した理由の一位は子供が喜んでいるこれだけのデータでも購入する人はすると思います。つっこみどころは置いといてくださいwでは、自分の信頼する人が中古マンションを買った時のよかった感想を伝えてきたらどうなりますか?あの人が言うのなら・・・っていう感情は出てくるのではないでしょうか。本に書いてある理由です。物語は感情的に訴える力が強い物語は聞き手の共感を呼び、それにより情緒的な反応をする感情は記憶中枢にも働きかける要するに、印象に残るってことですね。最近は動画でものを紹介することが増えていますねyoutuberの宣伝動画メルカリチャンネルyoutuberの宣伝動画なんて、企業からお金もらっていることが多いから、宣伝の方が多いでしょう。そんなことさておいて、youtuberの人が楽しく、便利なことを紹介してきたら、親近感があるので購入すると思います。そもそも、宣伝動画なんていうフィルターをかけるのは、業界の人だけでしょう。僕はブログでもストーリー性がある話は好きです。それは、感情に訴えてくる部分があるからでしょう。ストーリー性をうまく持たせる機能を作ることができたら、ソーシャルで広まりそうなサービスが生まれる気はしています。難しいのは、それをユーザー側にやってもらうことです。動画は自然に登場人物が出てくくるので、ユーザー側でもできやすいのかなって思ったりしています。ストーリーは何かにうまく組み込みたいなって感じています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。