islands5 blog

日々起こったことを共有したり、思ったこと、勉強したことを書いていくブログ。普段はRailsやAWSを活用したWeb系の開発をやってます。

プログラミング

思ってたのと違う...を減らす、制作に依頼する技術〜第58回ヨルクルプチセミナー

今回の投稿は、第58回ヨルクルでプチセミナーの講師を行った際、話す内容を事前にまとめた原稿です ヨルクルというのは「南大阪発egaoプロジェクト」という介護福祉に関わる方々のコミュニティで、定期的に開催されているセミナーイベントです。 当日発表し…

MongoDB Node.JS driverを使って躓いたメモ

微妙にハマってしまったのでメモ Node.JSのMongoDBのクライアントでは有名どころでMongooseがあると思うのですが、 個人的な理由でMongoDB Node.JS Driverを使ってます (一応本家が出してるしな〜的な軽い理由です) これまで使ってて特に何も感じなかったの…

ページ遷移時、ローディング中のクルクル回るアニメーション

結果はこちら 上記をjqueryで画面ロードが終わったタイミングでfadeOutしていくといい感じにロード済みのページが表示されます ではでは〜

ホバーすると暗転/画像が少し拡大されるパーツのマークアップとSCSS

よくある実装なのですが、毎回忘れてしまうのでメモ コードはコチラ ざっくり解説 htmlの略式図です .effectable-img a.effectable-img__link img.img .effectable-img__info 背景画像が拡大される 親の枠を決めます .effectable-img { width: 233px; height…

naniwa.rb#2 開催!!

こんにちは! 先日、naniwa.rbというコミュニティで、第二回目の読書会&勉強会を開催したので、その様子をお伝えします! 「プログラミング...やりたいけど1人で進めるのはモチベーションが続かない」 「1人で一通りやってみたけど、次は何しよう??」 といった…

naniwa.rb#1 開催しました!

こんにちは! 最近、一度封印したMinecraftを復活させました せこせこ整地を行うのが趣味の@510_fiveです! 先日、naniwa.rbというコミュニティで、第一回目となるもくもく会?(勉強会?)を開催したので、その様子をお伝えしたいなと思います 「プログラミングを…

Go言語で正規表現にマッチした文字列を処理してから、置換する(replaceAllStringFunc)

便利な関数があったのでメモ 「sample text」を全部*で置換したい、ただ文字数を同じにしたい等で使えます。(こんなユースケースあるんだろうか) 検索してよく出てくる関数はReplaceAllStringで、置換するワードが第2引数に渡した値になります。 replaceAllS…

Go言語で先頭1文字を抜き出す

Go言語は好きなのですが、文字列の処理で定期的にハマるのが最近の悩み... 今回は先頭一文字を抜き出す方法。 単純に考えると str := "この木なんの木気になる木" fmt.Println(str[0]) #=> 227 とか言われる... これは、文字の型がruneとかbyteとか色々あるG…

Go言語で特定の文字列の位置を検索する(javascriptのindexOf的な)

stringsというpackageの中にIndexというそれっぽい関数があるが、これはbyteとしての位置を返すためちょっと工夫が必要 package main import ( "fmt" "strings" "unicode/utf8" ) func main() { text := "下手糞の 上級者への 道のりは 己が下手さを 知りて…

jsでよくある「関数読み込まれてない」問題の対処法

実行順序とか考慮して使わないようにすべきなんだけど、どうにもならない時 var repeat = setInterval(function(){ if(typeof(hogeFunc == "function") { hogeFunc() clearInterval(repeat) } }); こいつが助けてくれるときがあります。

Promiseオブジェクトを使ったらAPI周りの処理がスッキリした

かなり前からPromiseオブジェクトの存在は知ってたのですが、ほとんど気にしないでほったらかし状態に... ただ、必要な状態に出会ってしまったのと、そのときに初めてPromiseについて便利さが理解できた気がするので共有します 先に結論 要件: リクエストし…

社内ツールとherokuの相性は最高だ!

gitを使える人だったら、サーバーの設定をせずにしかも無料で使えちゃうheroku 今年に入り、業務改善のためcsvを特定の形式に変換するためのツールを作ってたりするのですが、ほんとに便利だと関心する。 エンジニアとしてはこのようなプログラマに感謝され…

文字コードにはマジ、マジで気をつけよう(ていうか不注意)

csvを変換するツールの作成依頼をうけて、特に難しい処理もなかったので2つ返事でOKしました。 やりたいこと 生csv -> よしなに集計 -> 別サービスにインポート用のcsv 最初にもらったcsvをベースに正解状態になるようにスクリプトを書いていきます。 ほどな…

忘れがち? rails generateでモデル/マイグレーションファイルを作成する時に指定できる型

背景 開発初期はめっちゃ触るんですけど、運用にまわって一段落したらほとんど触らないですよね〜 毎回忘れるのでメモです。 環境 今回テストしてる環境は * Rails4.2.6 です。 rails generate/rails gで指定できる型 ヘルプを実行してみた内容のまとめなの…

Railsでプロジェクトnewする時に自分がよくつけるオプションを調べてみた

そんなに頻度は高くないけど、毎回調べるのも面倒なので... できれば、何も考えずにコピペでコマンド実行したら同じ環境になるようにしたーい(2017/10/8現在) 結論ファースト $rails new project_name --template=https://raw.githubusercontent.com/Islands…

サイズの違う画像を指定したサイズ内で縦横比を一定にしつつ上手く表示する方法

ライターにとって、アップロードする画像のサイズってそんなに気にしないですよね 僕も記事書くときは、スマホで撮った写真を上げたり、写真サービスから引っ張ってきたりするわけです 今回はサイズの違う画像を指定したサイズ内で上手く表示する方法でobjec…

WordPressPopularPostsを使ったランキングをカスタマイズするもう1つの方法(ランキング記事のID一覧を取得)

こんにちは 最近Wordpressを使って修行をしていて、「あれ?どうやって取得するんだ???」と疑問に思ったのでランキング対象の記事IDを取ってくる方法をメモしようかなと思います。 IDだけ取得できれば、ゴリゴリにデザインを変更する場合やランキングの中に箸…

【デザインパターン】RubyでDecoratorパターン

この記事は『Head Firstデザインパターン』の内容を自分なりにメモしたものです。 サンプルコードをrubyで書き換えたりしているので、玄人の方はぜひコメントを!! 僕のように初級者で気になった方はぜひ書籍の方を確認してみてください^^ コーヒーショップ…

【デザインパターン】RubyでObserverパターン

この記事は『Head Firstデザインパターン』の内容を自分なりにメモしたものです。 サンプルコードをrubyで書き換えたりしているので、玄人の方はぜひコメントを!! 僕のように初級者で気になった方はぜひ書籍の方を確認してみてください^^ 気象情報の変更を…

【デザインパターン】RubyでStrategyパターン

この記事は『Head Firstデザインパターン』の内容を自分なりにメモしたものです。 サンプルコードをrubyで書き換えたりしているので、玄人の方はぜひコメントを!! 僕のように初級者で気になった方はぜひ書籍の方を確認してみてください^^ カモが飛ぶために…

【デザインパターン】デザインパターンをRubyでコーディング

システム開発をする上で避けられないもの 作るツールやサービスが決まり、次に取り掛かるのは要件定義や設計のフェーズ 設計だけには限らず実装に取り掛かった後でも、避けられないものは変更です。 開発者は、ある程度の変更を行っても対応できるソフトウェ…