12/11(水) に目黒のリブセンスさんの勉強会スペースにて「個人開発がやりたくなるLT」を開催しました。 当日は出席率も高く40人近くの人が来てくれて、LT も個人開発に関するいろんな知見(オフレコ含む)を共有できたと思います！ 懇親会もかなり盛り上がって、コミュ障な僕でも楽しく話せたのがすごく嬉しかったです。発表者&参加者の皆さんには本当に感謝です。 この記事では LT会の参加レポートと運営者としての思いを書いて行きたいと思います！ 🐹 勉強会のコンセプト今回の勉強会のコンセプトは、 気軽な気持ちで個人開発について「経験談」を共有 刺激を与え合える知り合い作り でした。 特に勉強会での心理的安全性を大切にして、個人開発者が自分がやっていることを気軽に相談・共有できる知り合いができる場を作りたいと思い勉強会を開催しました。 🐞 個人開発への課題感個人開発の目的は作者さんによって様々だ

ここ３年以上ずっと個人開発にほとんどの自分の時間を割いていたので、真剣にブログを書くのは仕事含めほぼ2年ぶりですww 僕の考えですが、個人開発の課題の一つが専業として食べていくまでの「登り方のベストプラクティス」が体系化・言語化されていない点だと思っています。 なので、これからいくつかの記事を通して、３年半取り組んできた「個人開発に対する考え」について少しでもその言語化にトライしてみたいと思っています。 個人開発は「現代の自営業」だと、 yarukinai.fm でスガイさんが言ってたけど本当に良い言葉だなぁと思っています。 (八百屋さんのような自営業のように、もっとカジュアルにエンジニアで「個人開発」を専業にする人が増えていくと良いなという意図です) 今回は個人開発が現代の自営業としてなぜ「おすすめ」かというのを資本主義や日本の市場という視点で書いてみたいと思います。 👽 お前誰よ？フ

『Rancher』を個人開発で使って、便利なのでその紹介をしたくって「Rails Developers Meetup 2017」で発表をしてきました。Rancher初見の方がちょっと触ってみたいなって思ってもらえるようなスライドを目指してみました！ 🚌 Rancherを簡単に説明すると 「より簡単」にDockerのコンテナの管理やコンテナのオーケストレーションをサポートするツール 設計思想は、ミッションクリティカルな本番環境でDevOpsで頼られるようなツール Dockerを本番環境で使うときに悩むポイントを包括的にサポートしてくれる 🐞 Rancherのざっくりとした構成 インフラはオンプレでも、AWSでもGoogleでもVPSでもOK Docker上で「Management Server」と「Agent」のイメージを動かしておく 「Management Server」はGUI/AP

RubyからSeleniumを操作する際に使うコードのチートシートです。 Seleniumを使うことでブラウザを操作した表示テストを行ったり、ブラウザをつかった操作の自動化ができます。 🎃 ブラウザを開く

<div class="square-box"> <div class="content"> <div class="center-box"> <img class="thumb" src="/path/thumbnail.png"> div> div> div> .square-box { position: relative; } .square-box:before { display: block; content: ""; padding-top: 100%; } .square-box .content { position: absolute; top: 0; width: 100%; height: 100%; box-sizing: border-box; overflow: hidden; } .thumb { width: 100%; height: auto; }

PostgreSQLでのSELECTなどで対象のレコードを早く検索するための「Index(インデックス、索引)」についてのまとめです。 🗻 お勧めスライド：PostgreSQLクエリ実行の基礎知識 PostgreSQLについて丁寧な解説がされているスライドです。PostgreSQLの実行計画を理解するのにすごく参考になりました！ 😼 Index作成までの流れ いつ 新規テーブルの作成時 DBのパフォーマンス・チューニングの際 どうやって SQLの実行ログから、実行回数が多い & 実行に時間がかかるSQLを探す EXPLAINで実行計画を元に最適なindexを探す 代替案としてサマリテーブルを作ったり、キャッシュをもつことも検討 🐹 Index作成SQLのCREATE INDEXでIndexを作成できます。 -- レコードがユニークではないインデックスの場合 CREATE INDEX

🐠 Dockerfile日本語対応のChromeの入ったDockerfileは次のように記述します。 FROM ubuntu:latest MAINTAINER morizyun <@zyunnosuke> # For Japan RUN sed -i -E "s@http://(archive|security)\.ubuntu\.com/ubuntu/@http://ftp.jaist.ac.jp/pub/Linux/ubuntu/@g" /etc/apt/sources.list # Basic RUN apt-get update \ && apt-get install -y sudo curl wget zip unzip git nodejs npm fontconfig \ && apt-get purge -y nodejs npm \ && curl -sL http

JavaScriptの配列(Array)の基本的なメソッドを知らずに詰まることがあったので、よく使うものを整理してみました！ var sports = ['soccer', 'baseball']; var totalCount = sports.push('football', 'swimming'); console.log(sports); // => ['soccer', 'baseball', 'football', 'swimming'] console.log(totalCount); // => 4

「rancher」はWeb UIを使ってDockerクラスタを管理するためのツールです。今回は日本リージョンのあるVPSサービス「Vultr」に環境構築を行う手順を紹介します。 🗻 rancherのサーバ構成rancherの管理画面や立ち上げたDockerのインスタンスなどを管理する「rancher server」とユーザーが設定したアプリケーションが起動する「rancher agent」によって構成されます。 🤔 rancher内の用語Rancherで使われている単語や定義を簡単に説明します。 用語 説明

🎂 ReduxとはReact.jsが扱うUIのstate(状態)を管理するためのフレームワークです。React.jsで複雑なアプリケーションを作るとstateの変更箇所が複数に分散(componetが複数箇所で保持)して、管理が困難になるのを解決するためです。 🐝 Reduxの要素Action Actionは「何をする」という情報をもつオブジェクトです Actionはstore.dispatch()で store を変更する Reducer へ送られます 文字列のtypeプロパティを必ず持ちます const ADD_TODO = 'ADD_TODO' { type: ADD_TODO, text: 'Input user message 1' }

Ruby on Railsのアプリケーションで「Capybara」 + RSpec環境でヘッドレスChromeを使ってE2E(エンドツーエンド)のブラウザテストをするための手順です。ついでにCapybaraのチートシートと、RSpec以外でCapybaraを使う手順を書いておきます。

ここではWebサービスを開発をする上で必要になるSEOの基本的な知識を紹介します。 🍮 Googleの公式ドキュメントを読む Googleの公式ドキュメントによって、WebサービスでSEOのために守るべきルールを正しく把握できます。 検索エンジン最適化スターターガイド Google ウェブマスター向け公式ブログ Google ウェブマスターアカデミー 🚜 作成するコンテンツについてGoogleが重視するコンテンツのポイント 閲覧者に有益な情報を掲載して、ほかのサイトよりも質の高い記事を提供する 独自の調査、引用、リンク、レビュー、証言などを通じて、コンテンツの信頼性を高める スペルミス、不自然な文体、事実誤認などを防ぐ。広告の量を多くしすぎない SPサイトの内容が重要になる。SPサイトのランク付けを重視してPCも表示される モバイルフレンドリーなUI/UXのポイント フォントサイズは適

🍣 RSpecでスタブの作成allowメソッドでスタブ(テストの際、そのモジュールの代わりに用いる代用品)を構築できます。 RSpec.describe "Specifying a return value" do it "returns the specified return value" do dbl = double allow(dbl).to receive(:foo).and_return(14) expect(dbl.foo).to eq(14) end end RSpec.describe "allow_any_instance_of" do it "returns the specified value on any instance of the class" do allow_any_instance_of(Object).to receive(:foo).and_

Ruby on Rails 5.0系から5.1系へのアップデートに関するTipsです。 🐞 主な変更点yarnのサポートnpmによるJavaScriptのライブラリをyarnで管理できます。これにより、npmで管理されたライブラリを気軽に利用できます。 bin/yarn installでnpmのライブラリをインストールできます。 webpackのサポート(任意)--webpackオプションを付けると、webpackを使ってJSをコンパイルできます。 新規プロジェクトの場合は次のように--webpackをつけると有効になります。

Scalaのコレクションを表す次のデータ構造の紹介です。 Array => 配列 List => リスト構造 Vector => 追加削除、検索の速度が一定な万能なデータ構造 Map => キーと値のセット Set => 集合 Range => 範囲

Scalaの基本的な文法についての紹介です。Hello Worldの流れや型の定義、Scala特有の機能を紹介します。

JavaのSpring FrameworkのMVCのControllerでよく使う基本的なアノテーション@RequestMappingや、@BindingResult、オブジェクトのModelなどを紹介します。 🚕 Controllerの処理対象のパスを指定：@RequestMappingvalue属性Java Spring MVCのControllerの処理対象となるURLを@RequestMappingアノテーションのvalueオプションで指定します。(valueは最初の/は省略できます) // value で処理対象のパスを指定 @RequestMapping(value = "books") // valueだけなら省略可能 @RequestMapping("books") // 複数のパスを指定できる @RequestMapping(value = { "books", "ma

「mybatis」はJavaオブジェクトとSQLを紐付ける永続化のためのフレームワークです。SQLベースで実装できるため実行するSQLに柔軟性があり、実行SQLの見通しもよく、メンテナンスしやすさを保てるのが特徴です。 buildscript { repositories { mavenCentral() } } apply plugin: 'java' apply plugin: 'eclipse' version = '0.0.1-SNAPSHOT' sourceCompatibility = 1.8 repositories { mavenCentral() } dependencies { compile 'org.mybatis:mybatis:3.4.4' compile group: 'postgresql', name: 'postgresql', version: '9.

🏀 docker run/start/stop/rm/commitの概念図docker run/start/stop/rm/commitの役割の概念図です。 参考元：Dockerにおけるコンテナのライフサイクル 🍄 docker psdocker psはDockerコンテナの状態を確認するコマンドです。