Tag web

【Javascript】 ES6のアロー関数とfunction関数で、jqueryのthisの取れる値が違う

Javascript、jQueryで、Onメソッドを使用する際、ES6のアロー関数で実装した場合と、function関数で実装した場合で、関数内で取得できるthisの値が異なることに気が付きましたので、詳細をメモしておきます

【Rails】Carrierwaveでファイル名にタイムスタンプを入れると表示されない件

Railsの画像アップロードといえば、Carrierwaveが一般的ですが、設定でアップロードされるファイル名にtimestampを含めると、リンク切れになり、画像が表示されない問題が発生したので、その時の対処法をご紹介します。

【Rails】 Ransak の検索結果を Pagyでページネイション

Ruby on Rails で検索機能を実装する場合、Ransakを使用すれば非常に簡単に検索機能を実装することができます。それと合わせて ページネーションをする際、主流はKaminariですが、PagyのほうがViewのカスタマイズが簡単だったりします(好みですが)。そのRansakによる検索結果とPagyを同時に使用する場合の方法を紹介します

Lineに画像送ってホスティングしつつ解析した | AWS Lambda S3 Rekognition

非エンジニアにマークダウン方式で記事を書いてもらおうと思ったとき、画像をどこに置くかが問題になってくる。そのため、ほぼみんな使っているLineで、画像を送信すると、S3にUPしホスティングしそのURLと、Rekognitionのlabel解析を使い、解析しそのラベルを返信するLineBotを作成してみました

Line Messaging API で Line Bot を作ってみた | AWS lambda

Twitterをやっていて、いろんなエンジニアを見て触発されたので、自分の事業にためになるものを!と思い、ほとんどの人が使っているLineをつかって何かできないかと考えていたところ、焼肉店でどの部位を食べればいいかわからない時に、提案してくれるBotを作成してみました。

Twitter Api リムられチェック node.js

今更ながら、Twitterを頑張っているのですが、フォロワーを増やすのに相互フォローをよくすると思いますが、中にはフォローされたらすぐフォローを外す悪質なユーザーがいます。そんなの無視してもいいのですが、なんとなくイラッとするので、スクリプトを書いてチェックするようにしてみました。

Twitter Api で検索したツイートを「いいね」する node.js

今更ながら、Twitterを頑張っているのですが、自分と同じようなことをしている人と繋がりたいですが、その場合、ツイートを検索していいね!を押すことにより、相手に気がついてもらえると思います。これをスクリプトでやれるように実装してみたので、ご紹介します。

Gatsby js でブログを作成するのは簡単だった

hugoやhexoを始めとする、markdownで記事を記述でき、簡単にブログサイトを作成できる静的サイトジェネレーターは色々ありますが、このような静的サイトジェネレーターでは、js等でガッツリカスタマイズしたいとき、hugo等にwebpack環境を構築する必要がありますが、その手間が全くかからないGatsby.jsというReactで書かれたサイトジェネレーターをご紹介します。

初心者向け!GithubでGit管理 の話

今となっては、エンジニアとなったら必ず通る道。Gitでのソースコード管理。Github上でweb公開するのにもGitの知識が必須となります。ターミナル上でのコマンドばかりで理解しづらいGitの管理を便利GUIツール GitForkの紹介とGitの基本コマンドなどをご紹介します

Node.js を Macへインストール 環境構築する

サーバーサイドで実行できるJavascript環境のNode.jsですが、サーバーを用意する必要はなく、Macがあれば簡単にインストールし、環境構築が可能です。その方法をコマンドを交えてご紹介したいと思います。