tag: JavaScript

• 
  2018年05月17日 開発

  【保存版】Rails 5 Webpacker公式ドキュメントの歩き方+追加情報

  こんにちは、hachi8833です。 Rails 5のWebpackerでつらみを踏まないために、公式のWebpackerドキュメントの要点をまとめてみました。追加情報がありましたら今後も更新したいと思います。 rai…
  Babel CoffeeScript Foreman Invoker JavaScript Ruby on Rails webpack webpack-serve Webpacker yarn

  ほか1名

  hachi8833

  
• 
  2018年05月16日 開発

  Vue.jsサンプルコード（38）入力をやめるとリダイレクトする

  前記事: 37. 一定時間経過後に自動でリダイレクトする 次記事: 39. 画像の配置や背景をスライドバーで簡単に調整する 38. 入力をやめるとリダイレクトする Vue.jsバージョン: 2.5.2 動作にはlo…
  JavaScript lodash.js v-model Vue.js 双方向データバインディング

  hachi8833

  
• 
  2018年04月20日 開発

  週刊Railsウォッチ（20180420）NGINX Unit正式リリース、Rubyをメモリリークさせてみる、美しいコード宇宙ほか

  こんにちは、hachi8833です。記事を絞ろうと気張るのを諦めて単に絞ることにしました。 昨日のつっつきは、BPSの福岡拠点であるウイングドアの皆さまとZoomで画面共有しながら行いました。おか…
  Go言語 JavaScript NGINX Unit PostgreSQL Ruby Ruby on Rails 週刊Railsウォッチ

  ほか3名

  hachi8833

  
• 
  2018年04月18日 開発

  Vue.jsサンプルコード（37）一定時間経過後に自動でリダイレクトする

  前記事: 36. Deleteキーで前のフィールドに戻って消す 次記事: 38. 入力をやめるとリダイレクトする 37. 一定時間経過後に自動でリダイレクトする Vue.jsバージョン: 2.5.2 30カウントすると直…
  JavaScript v-model Vue.js 双方向データバインディング

  hachi8833

  
• 
  2018年04月04日 開発

  Vue.jsサンプルコード（36）Deleteキーで前のフィールドに戻って消す

  前記事: 35. 入力すると自動的に次のフィールドにフォーカスを進める 次記事: 37. 一定時間経過後に自動でリダイレクトする 36. Deleteキーで前のフィールドに戻って消す Vue.jsバージョン: 2.…
  JavaScript v-model Vue.js 双方向データバインディング

  hachi8833

  
• 
  2018年03月29日 開発

  Railsをバックエンドに持つReduxアプリを作ってみた（翻訳）

  概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: My First Redux App! With a Rails Backend 原文公開日: 2017/11/01 著者: Matthew Thorry Railsをバックエンドに持つReduxアプリを…
  JavaScript React.js Redux Ruby on Rails 翻訳記事

  hachi8833

  
• 
  2018年03月28日 開発

  Vue.jsサンプルコード（35）入力すると自動的に次のフィールドにフォーカスを進める

  前記事: 34. 逆ポーランド記法の電卓アプリを作る 次記事: 36. Deleteキーで前のフィールドに戻って消す 35. 入力すると自動的に次のフィールドにフォーカスを進める Vue.jsバージョン: 2.5.2 …
  JavaScript v-model Vue.js 双方向データバインディング

  hachi8833

  
• 
  2018年03月26日 開発

  RailsのVue.jsをWebpackerとJestでテストする（翻訳）

  概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: Testing Vue.js in Rails with Webpacker and Jest 原文公開日: 2018/01/16 著者: Mario Saul RailsのVue.jsをWebpackerとJest…
  JavaScript Jest Ruby on Rails Vue.js Webpacker yarn 翻訳記事

  hachi8833

  
• 
  2018年03月23日 開発

  週刊Railsウォッチ（20180323）Rails 5.2.0 RC2リリース、「サーバーレスなRubyが欲しい」、capybara風JSテストフレームワークCypressほか

  こんにちは、hachi8833です。明日のRails Developers Meetup 2018準備で青ざめてます。 今週から記事数をできるだけ一定に保つようにいたしました。腹八分目のウォッチ、いってみましょう。 Ra…
  CloudFlare Ducalis JavaScript loofah Ruby Ruby on Rails ViewModel 週刊Railsウォッチ

  ほか4名

  hachi8833

  
• 
  2018年03月16日 開発

  週刊Railsウォッチ（20180316）Rails 5.2のドキュメント更新中、Value Objectの使い方、RubyがTIOBEトップテン復活、Rails「雪だるま」エンコーディングほか

  こんにちは、hachi8833です。先週終点で車両の座席に置き忘れたiPhone 7が粉々になって戻ってきて風景がぐらりとかしいだ気がしましたが、補償が効いて本体交換できてケロッと立ち直りました。…
  Hanami JavaScript RabbitMQ Redux Ruby Ruby on Rails Sidekiq 週刊Railsウォッチ

  ほか4名

  hachi8833

  
• 
  2018年03月15日 開発

  Reduxストアの概念をRubyで再実装して理解する（翻訳）

  概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: Understanding Redux store concepts by little Ruby reimplementation 原文公開日: 2018/01/30 著者: Josef Strzibny なお、reduce…
  JavaScript lambda Redux Ruby 翻訳記事

  hachi8833

  
• 
  2018年03月14日 開発

  Vue.jsサンプルコード（34）逆ポーランド記法の電卓アプリを作る

  前記事: 33. Vue.jsでAJAXを使う 次記事: 35. 入力すると自動的に次のフィールドにフォーカスを進める 34. 逆ポーランド記法の電卓アプリを作る Vue.jsバージョン: 2.5.2 いわゆる逆ポーランド…
  JavaScript RPN v-model Vue.js 双方向データバインディング

  hachi8833

  
• 
  2018年03月13日 開発

  JavaScript: Reduxが必要なとき/不要なとき（翻訳）

  概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: When (and when not) to use Redux – LogRocket 原文公開日: 2018/01/20 著者: Christian Nwamba サイト: LogRocket 図は英…
  JavaScript React Redux Reduxストア 翻訳記事 関数型プログラミング

  hachi8833

  
• 
  2018年03月07日 開発

  Vue.jsサンプルコード（33）Vue.jsでAJAXを使う

  前記事: 32. 郵便番号に対応する地図を表示する 次記事: 34. 逆ポーランド記法の電卓アプリを作る 33. Vue.jsでAJAXを使う Vue.jsバージョン: 2.5.2 axiosライブラリを併用しています。 [Yes o…
  JavaScript v-model Vue.js 双方向データバインディング

  hachi8833

  
• 
  2018年03月02日 開発

  週刊Railsウォッチ（20180302）Ruby 2.6.0-preview1とWebpack 4.0リリース、爆速検索APIサービスAlgolia、Clowneでモデルをクローンほか

  こんにちは、hachi8833です。Ruby生誕25周年おめでとうございます！ "Rubyはプログラミング言語の「塊魂」"は名言。 Link: ruby25/dave_thomas.en.md at master · ruby-no-kai/ruby2…
  Elm Go言語 JavaScript Ruby Ruby on Rails 週刊Railsウォッチ

  ほか3名

  hachi8833

  
• 
  2018年02月28日 開発

  Vue.jsサンプルコード（32）郵便番号に対応する地図を表示する

  前記事: 31. パスワードの強度をバーで表現する 次記事: 33. Vue.jsでAJAXを使う 32. 郵便番号に対応する地図を表示する Vue.jsバージョン: 2.5.2 2つの郵便番号フィールドに郵便番号を入力す…
  JavaScript v-model Vue.js 双方向データバインディング

  hachi8833

  
• 
  2018年02月23日 開発

  週刊Railsウォッチ（20180223）Ruby25開催、Rails6のパラレルテスト、書籍「RSpecによるRailsテスト入門」更新ほか

  こんにちは、hachi8833です。いよいよ明日はRuby25ですね。名札忘れないようにしないと。 Ruby25周年イベント、いよいよ明後日の土曜日となりました！当日は多くの参加者が集まります。交流が…
  JavaScript Ruby Ruby on Rails 週刊Railsウォッチ

  ほか2名

  hachi8833

  
• 
  2018年02月21日 開発

  Vue.jsサンプルコード（31）パスワードの強度をバーで表現する

  前記事: 30. パスワードを自動生成する 次記事: 32. 郵便番号に対応する地図を表示する 31. パスワードの強度をバーで表現する Vue.jsバージョン: 2.5.2 [パスワード]フィールドにパスワードを…
  JavaScript v-model Vue.js 双方向データバインディング

  hachi8833

  
• 
  2018年02月16日 開発

  週刊Railsウォッチ（20180216）Rails 5.1.5リリース、DHHのYouTubeチャンネルは必見、Ruby Toolboxが運営再開ほか

  こんにちは、hachi8833です。先週はつっつき会が時間オーバーしてしまいましたが、今週は何とか収まりました。 臨時ニュース Rails 5.1.5リリース プレスリリース: Rails 5.1.5 has be…
  JavaScript Ruby Ruby on Rails Rust 週刊Railsウォッチ

  ほか3名

  hachi8833

  
• 
  2018年02月14日 開発

  Vue.jsサンプルコード（30）パスワードを自動生成する

  前記事: 29. フィールドごとに全角英数字入力と半角英数字入力を自動で切り替える 次記事: 31. パスワードの強度をバーで表現する 30. パスワードを自動生成する Vue.jsバージョン: 2.5.2 [パ…
  JavaScript v-model Vue.js 双方向データバインディング

  hachi8833

  
• 
  2018年02月09日 開発

  週刊Railsウォッチ（20180209）RubyにMJIT初マージ、高速JSON API gem、Railsにparallel-testingブランチほか

  こんにちは、hachi8833です。MacPaintとQuickDrawのソースコードが公開されていることに気づいたのでミーハー的にダウンロードしてみました。コードがびっくりするほど少ない… 臨時ニュ…
  JavaScript Python Ruby Ruby on Rails カオスエンジニアリング 週刊Railsウォッチ

  ほか3名

  hachi8833

  
• 
  2018年02月01日 デザイン

  画像とjQueryだけでグラフにアニメーションをつけてみた

  こんにちは、デザイナーのスギヤマです。 この間の雪を降らせるJSが一部で好評だったので、引き続きJSな記事を書いてみます。 サイトを作ってるとグラフなど、インフォグラフィックスを動的に…
  CSS HTML JavaScript インフォグラフィックス デザイン

  スギヤマ

  
• 
  2018年01月19日 開発

  週刊Railsウォッチ（20180119）derailed_benchmarks gem、PostgreSQLをGraphQL API化するPostGraphile、機械学習でモック画像をHTML化ほか

  こんにちは、hachi8833です。Nintendo Laboにいろいろ持ってかれそうで気になってます。 つっつきボイス: 「任天堂のものづくりセンス、パないなー」 なんでこんなに感動してしまったかと考え…
  Go言語 JavaScript PostgreSQL Ruby Ruby on Rails 週刊Railsウォッチ

  ほか2名

  hachi8833

  
• 
  2018年01月17日 開発

  Vue.jsサンプルコード（29）フィールドごとに全角英数字入力と半角英数字入力を自動で切り替える

  前記事: 28. 文字の大きさをボタンで変更する 次記事: 30. パスワードを自動生成する 29. フィールドごとに全角英数字入力と半角英数字入力を自動で切り替える Vue.jsバージョン: 2.5.2 [全角]…
  JavaScript v-model Vue.js watch 双方向データバインディング

  hachi8833

  
• 
  2018年01月15日 開発

  新しいRailsフロントエンド開発（3）Webpackの詳細、ActionCableの実装とHerokuへのデプロイ（翻訳）

  新しいRailsフロントエンド開発（1）Asset PipelineからWebpackへ（翻訳） 新しいRailsフロントエンド開発（2）コンポーネントベースでアプリを書く（翻訳） 新しいRailsフロントエンド開発（3…
  CSS Heroku JavaScript Ruby Ruby on Rails webpack チュートリアル フロントエンド 翻訳記事

  hachi8833

  
• 
  2018年01月12日 開発

  週刊Railsウォッチ（20180112）update_attributeが修正、ぼっち演算子`&.`は`Object#try`より高速、今年のRubyカンファレンス情報ほか

  こんにちは、hachi8833です。インフルエンザA型が身に沁みました。 2018年最初のウォッチ、いってみましょう。年末年始を挟んでだいぶ記事がたまっているのでいつもより多めです。 Rails: 今週…
  Go言語 JavaScript PostgreSQL Ruby Ruby on Rails 週刊Railsウォッチ

  ほか5名

  hachi8833

  
• 
  2018年01月11日 開発

  Vue.jsサンプルコード（28）文字の大きさをボタンで変更する

  前記事: 27. 選択肢に応じて入力項目を切り替える 次記事: 29. フィールドごとに全角入力と半角入力を自動で切り替える 28. 文字の大きさをボタンで変更する Vue.jsバージョン: 2.5.2 [小]ボタ…
  JavaScript v-model Vue.js 双方向データバインディング

  hachi8833

  
• 
  2018年01月09日 開発

  新しいRailsフロントエンド開発（2）コンポーネントベースでアプリを書く（翻訳）

  新しいRailsフロントエンド開発（1）Asset PipelineからWebpackへ（翻訳） 新しいRailsフロントエンド開発（2）コンポーネントベースでアプリを書く（翻訳） 新しいRailsフロントエンド開発（3…
  CSS Heroku JavaScript Ruby Ruby on Rails webpack チュートリアル フロントエンド 翻訳記事

  hachi8833

  
• 
  2017年12月28日 開発

  JavaScript: Parcel.jsでReact.jsプロジェクトを作成する（翻訳）

  概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: Building a Reactjs project with Parceljs – StackDev 原文公開日: 2017/12/17 著者: Vignesh M Parcel.jsでReact.jsプロジェクト…
  JavaScript Parcel.js React.js 翻訳記事

  hachi8833

  
• 
  2017年12月27日 開発

  Vue.jsサンプルコード（27）選択肢に応じて入力項目を切り替える

  前記事: 26. 多数のアンケートを同一画面で順に表示する 次記事: 28. 文字の大きさをボタンで変更する 27. 選択肢に応じて入力項目を切り替える Vue.jsバージョン: 2.5.2 上部の3つのラジオボ…
  JavaScript v-model Vue.js 双方向データバインディング

  hachi8833