tag: JavaScript

• 
  2017年12月26日 開発

  新しいRailsフロントエンド開発（1）Asset PipelineからWebpackへ（翻訳）

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

  hachi8833

  
• 
  2017年12月25日 開発

  WebサイトをPWA（Progressive Web App）に変える簡単な手順（翻訳）

  概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: The easy way to turn a website into a Progressive Web App 原文公開日: 2017/11/21 著者: Alexandre Plennevaux Webサイトを簡単…
  CSS HTML JavaScript PWA 翻訳記事

  hachi8833

  
• 
  2017年12月24日 デザイン

  クリスマスだしcanvasで雪を降らせるJS書いてみた

  こんにちは、デザイナーのスギヤマです。 今日は、クリスマスイブですね。 個人的にクリスマスは静かに雪が降っていて、綺麗と言ったイメージがあります。 なので気分だけでもそんな雰囲気を味…
  CSS HTML JavaScript アドベントカレンダー2017

  スギヤマ

  
• 
  2017年12月20日 開発

  Vue.jsサンプルコード（26）多数のアンケートを同一画面で順に表示する

  前記事: 25. クイズの答えをダイアログに入力しないと送信できないようにする 次記事: 27. 選択肢に応じて入力項目を切り替える 26. 多数のアンケートを同一画面で順に表示する Vue.jsバージョ…
  JavaScript v-model Vue.js 双方向データバインディング

  hachi8833

  
• 
  2017年12月13日 開発

  Vue.jsサンプルコード（25）クイズの答えをダイアログに入力しないと送信できないようにする

  前記事: 24. テキストフィールドの文章量に応じて縦幅を自動拡張する 次記事: 26. 多数のアンケートを同一画面で順に表示する 25. クイズの答えをダイアログに入力しないと送信できないように…
  JavaScript v-model Vue.js 双方向データバインディング

  hachi8833

  
• 
  2017年12月11日 開発

  Rails: JSON Patchでパフォーマンスを向上（翻訳）

  概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: Better Rails Performance with JSON Patch 原文公開日: 2017/11/19 著者: Form API サイト: https://formapi.io/ — PDF生成A…
  hana JavaScript JSON Patch React.js Redux Ruby Ruby on Rails 翻訳記事

  hachi8833

  
• 
  2017年12月07日 開発

  Vue.jsサンプルコード（24）テキストフィールドの文章量に応じて縦幅を自動拡張する

  前記事: 23. テキストフィールドの文章量に応じて縦幅を自動拡張する 次記事: 25. クイズの答えをダイアログに入力しないと送信できないようにする 24. テキストフィールドの文章量に応じて縦…
  JavaScript v-model Vue.js 双方向データバインディング

  hachi8833

  
• 
  2017年11月22日 開発

  Vue.jsサンプルコード（23）テキストフィールドの行数に応じて縦幅を自動拡張する

  前記事: 22. YouTube風の[👆][👇]ボタンで1度だけGood/Bad評価する 次記事: 24. テキストフィールドの文章量に応じて縦幅を自動拡張する 23. テキストフィールドの行数に応じて縦幅を自動拡張す…
  JavaScript v-model Vue.js 双方向データバインディング

  hachi8833

  
• 
  2017年11月16日 開発

  JavaScript: 5分でわかるPromiseの基礎（翻訳）

  概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: JavaScript: Learn Promises 原文公開日: 2017/10/31 著者: Brandon Morelli サイト: https://codeburst.io/ JavaScript: 5分でわか…
  JavaScript promise コールバック 同期 翻訳記事

  hachi8833

  
• 
  2017年11月15日 開発

  Vue.jsサンプルコード（22）YouTube風の[👆][👇]ボタンで1度だけGood/Bad評価する

  前記事: 21. [はい][いいえ]ボタンを押すと表示を変える 次記事: 23. テキストフィールドの行数に応じて縦幅を自動拡張する 22. YouTube風の[👆][👇]ボタンで1度だけGood/Bad評価する Vue.jsバー…
  emit JavaScript once修飾子 v-model Vue.js 双方向データバインディング

  hachi8833

  
• 
  2017年11月08日 開発

  Vue.jsサンプルコード（21）[はい][いいえ]ボタンを押すと表示を変える

  前記事: 20. スター[★★★☆☆]をクリックして数値を1桁だけ入力する 次記事: 22. YouTube風の[👆][👇]ボタンで1度だけGood/Bad評価する 21. [はい][いいえ]ボタンを押すと表示を変える Vue.jsバージ…
  JavaScript v-model Vue.js 双方向データバインディング

  hachi8833

  
• 
  2017年11月07日 開発

  JavaScriptの正規表現のコンセプトを理解する（翻訳）

  概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: Deep Concept Of Regular Expression In JavaScript 公開日: 2017/10/15 著者: Rehmaanali サイト: http://geekstrick.com/ JavaScr…
  JavaScript 正規表現 翻訳記事

  hachi8833

  
• 
  2017年11月01日 開発

  Vue.jsサンプルコード（20）スター[★★★☆☆]をクリックして数値を1桁だけ入力する

  前記事: 19. 文字をクリックすると編集できるようにする 次記事: 21. [はい][いいえ]ボタンを押すと表示を変える 追記: JSFiddleでの動作不具合修正のため、過去記事も含めてVue.jsバージョン…
  JavaScript keyup v-model Vue.js 双方向データバインディング

  hachi8833

  
• 
  2017年10月26日 開発

  Vue.jsサンプルコード（19）文字をクリックすると編集できるようにする

  前記事: 18. スター[★]を1回だけ押せるようにする 次記事: 20. スター[★★★☆☆]をクリックして数値を1桁だけ入力する 19. 文字をクリックすると編集できるようにする Vue.jsバージョン: 2.5.2 「…
  JavaScript nextTick v-model Vue.js 双方向データバインディング

  hachi8833

  
• 
  2017年10月18日 開発

  Vue.jsサンプルコード（18）スター[★]を1回だけ押せるようにする

  前記事: 17. [いいね]ボタンを押すとボタンが文言に変わる 次記事: 19. 文字をクリックすると編集できるようにする 18. スター[★]を1回だけ押せるようにする Vue.jsバージョン: 2.5.2 スター[★…
  JavaScript once修飾子 v-model Vue.js 双方向データバインディング

  hachi8833

  
• 
  2017年10月12日 開発

  Vue.jsサンプルコード（17）[いいね]ボタンを押すとボタンが文言に変わる

  前記事: 16. 入力中だけパスワードを表示する 次記事: 18. スター[★]を1回だけ押せるようにする 17. [いいね]ボタンを押すとボタンが文言に変わる Vue.jsバージョン: 2.5.2 [いいね！]ボタンを…
  JavaScript v-model Vue.js いいねボタン 双方向データバインディング

  hachi8833

  
• 
  2017年10月04日 開発

  Vue.jsサンプルコード（16）パスワードを入力中だけ表示する

  前記事: 15. パスワードのマスクを解除する 次記事: 17. [いいね]ボタンを押すとボタンが文言に変わる 16. パスワードを入力中だけ表示する Vue.jsバージョン: 2.5.2 入力中だけパスワードのマ…
  debounce JavaScript lodash.js v-model Vue.js 双方向データバインディング

  ほか1名

  hachi8833

  
• 
  2017年09月27日 開発

  JavaScriptスタイルガイド 15〜26: 比較演算子、ブロック、制御文、型変換、命名規則ほか （翻訳）

  1〜8: 型、参照、オブジェクト、配列、関数ほか 9〜14: クラス、モジュール、イテレータ、プロパティ、変数、巻き上げ 15〜26: 比較演算子、ブロック、制御文、型変換、命名規則ほか — …
  Airbnb JavaScript コーディングスタイル スタイルガイド 翻訳記事

  hachi8833

  
• 
  2017年09月26日 開発

  Vue.jsサンプルコード（15）パスワードのマスクを解除する

  前記事: 14.「承認」ボタンを押したら解除できないようにする 次記事: 16. 入力中だけパスワードを表示する 15. パスワードのマスクを解除する Vue.jsバージョン: 2.5.2 チェックボックスをオ…
  JavaScript v-model Vue.js パスワード マスキング 双方向データバインディング

  ほか1名

  hachi8833

  
• 
  2017年09月21日 開発

  JavaScriptスタイルガイド 9〜14: クラス、モジュール、イテレータ、プロパティ、変数、巻き上げ（翻訳）

  1〜8: 型、参照、オブジェクト、配列、関数ほか 9〜14: クラス、モジュール、イテレータ、プロパティ、変数、巻き上げ — 本記事 15〜26: 比較演算子、ブロック、制御文、型変換、命名規…
  Airbnb JavaScript イテレータ クラス コーディングスタイル スタイルガイド プロパティ モジュール 巻き上げ 翻訳記事

  hachi8833

  
• 
  2017年09月15日 開発

  週刊Railsウォッチ（20170915）Ruby 2.4.2リリースで脆弱性修正、strong_migrations gemでマイグレーションチェック、書籍『Mastering PostgreSQL』ほか

  こんにちは、hachi8833です。Macbook Proの底のゴムが4つとも取れてしまったので、障子の滑りをよくするスライドクッション（ホームセンターで270円）を貼ってみたらすごく具合がよくてうれし…
  Azure GraphQL JavaScript JetBrains Ruby Ruby on Rails SJR strong_migrations Turbolinks unique_validation_inspector Varnish セキュリティ デザイン デザインパターン 徹子ロボ 週刊Railsウォッチ

  ほか3名

  hachi8833

  
• 
  2017年09月12日 開発

  JavaScriptスタイルガイド 1〜8: 型、参照、オブジェクト、配列、関数ほか （翻訳）

  1〜8: 型、参照、オブジェクト、配列、関数ほか — 本記事 9〜14: クラス、モジュール、イテレータ、プロパティ、変数、巻き上げ 15〜26: 比較演算子、ブロック、制御文、型変換、命名規…
  Airbnb JavaScript コーディングスタイル スタイルガイド 翻訳記事

  hachi8833

  
• 
  2017年09月08日 開発

  週刊Railsウォッチ（20170908）Rails 5.1.4と5.0.6リリース、コード書換え支援gem「synvert」、遅いテストを分析するTestProfほか

  追記: るびまのRubyKaigi 2017特集に本記事のリンクを掲載いただきました。 ありがとうございます！ こんにちは、hachi8833です。ジェットコースターみたいに上下する気候はこたえますね。 6日…
  ActiveStorage bettercap deeplearn.js DRY eager loading flexbox-android homebrew-cask-upgrade JavaScript N+1問題 railsdiff.org Ruby Ruby on Rails RubyKaigi RubyWorld Conference SDoc synvert TestProf Trailblazer upterm Visual Studio Code ポリモーフィック関連付け 週刊Railsウォッチ

  ほか1名

  hachi8833

  
• 
  2017年09月06日 開発

  CSS/JS: 画像を不規則な形に切り取ってテープで貼り付けるテクニック（翻訳）

  概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: Glue Cross-Browser Responsive Irregular Images with Sticky Tape 公開日: 2017/07/10 著者: Ana Tudor ブログサイト: css-tricks…
  clip-path Clippy CSS JavaScript Pug SVG クロスブラウザ スコッチテープ ピタゴラスの定理 レイアウト レスポンシブ 不定形 不規則 画像 翻訳記事 蛍光テープ

  hachi8833

  
• 
  2017年08月24日 開発

  Vue.jsサンプルコード（14）「承認」ボタンを押したら解除できないようにする

  前記事: 13. 「承認」チェックボックスをオンにしないと「送信」ボタンを押せないようにする 次記事: 15. パスワードのマスク解除ボタン 14. 「承認」ボタンを一度押すと解除できないようにす…
  JavaScript v-model Vue.js 双方向データバインディング 承認 送信ボタン

  ほか1名

  hachi8833

  
• 
  2017年08月16日 開発

  Vue.jsサンプルコード（13）「承認」チェックボックスをオンにしないと「送信」ボタンを押せないようにする

  前記事: 12. 特定の単語を入力したらボタンを無効にする 次記事: 14. 「承認」ボタンを押したら解除できないようにする 13. 「承認」チェックボックスをオンにしないと「送信」ボタンを押せな…
  JavaScript v-model Vue.js 双方向データバインディング 承認 送信ボタン

  ほか1名

  hachi8833

  
• 
  2017年08月15日 開発

  Rails: render_async gemでレンダリングを高速化（翻訳）

  概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: Speeding Up Rendering Rails Pages with render_async 公開日: 2017/06/08 著者: Nikola Đuza — render_asyncの現在のメンテ…
  Ajax JavaScript render_async Ruby Ruby on Rails ビューテンプレート ルーティング レンダリング 翻訳記事

  hachi8833

  
• 
  2017年08月10日 開発

  Vue.jsサンプルコード（12）特定の単語を入力したらボタンを無効にする

  前記事: 11. ラベルをクリックして表示の開閉とラベルの変更を行う 次記事: 13. 「承認」チェックボックスをオンにしないと「送信」ボタンを押せないようにする 12. 特定の単語を入力したらボ…
  ES6 JavaScript v-model Vue.js 双方向データバインディング

  ほか2名

  hachi8833

  
• 
  2017年08月04日 開発

  週刊Railsウォッチ（20170804）Rails 5.1.3と5.0.5が正式リリース、GitHubでローカライズ基盤サービス、正規表現で迷路を解くほか

  こんにちは、hachi8833です。4年使ったMacbook Proのバッテリーがそろそろ天に召されそうです。 8月最初のウォッチ、行ってみましょう。 お知らせ: 来週は週刊Railsウォッチをお休みいたします…
  arel Elixir errbit GitLocalize Go言語 JavaScript jb JSON OWASP Ruby Ruby on Rails SOLID timecop Trailblazer 週刊Railsウォッチ

  ほか3名

  hachi8833

  
• 
  2017年08月02日 開発

  Vue.jsサンプルコード（11）ラベルをクリックして表示開閉とラベル変更を行う

  前記事: 10. スライダーで入力したカラーコードを動的に表示する 次記事: 12. 特定の文字列を入力したらボタンを無効にする 11. ラベルをクリックして表示開閉とラベル変更を行う Vue.jsバージ…
  const JavaScript let placholder.com var Vue.js 双方向データバインディング

  ほか1名

  hachi8833