tag: JavaScript
-
2018年04月20日 開発週刊Railsウォッチ（20180420）NGINX Unit正式リリース、Rubyをメモリリークさせてみる、美しいコード宇宙ほか
こんにちは、hachi8833です。記事を絞ろうと気張るのを諦めて単に絞ることにしました。 昨日のつっつきは、BPSの福岡拠点であるウイングドアの皆さまとZoomで画面共有しながら行いました。おか… -
2018年04月18日 開発Vue.jsサンプルコード（37）一定時間経過後に自動でリダイレクトする
前記事: 36. Deleteキーで前のフィールドに戻って消す 次記事: 38. 入力をやめるとリダイレクトする 37. 一定時間経過後に自動でリダイレクトする Vue.jsバージョン: 2.5.2 30カウントすると直… -
2018年04月04日 開発
Vue.jsサンプルコード（36）Deleteキーで前のフィールドに戻って消す
前記事: 35. 入力すると自動的に次のフィールドにフォーカスを進める 次記事: 37. 一定時間経過後に自動でリダイレクトする 36. Deleteキーで前のフィールドに戻って消す Vue.jsバージョン: 2.… -
2018年03月29日 開発Railsをバックエンドに持つReduxアプリを作ってみた（翻訳）
概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: My First Redux App! With a Rails Backend 原文公開日: 2017/11/01 著者: Matthew Thorry Railsをバックエンドに持つReduxアプリを… -
2018年03月28日 開発
Vue.jsサンプルコード（35）入力すると自動的に次のフィールドにフォーカスを進める
前記事: 34. 逆ポーランド記法の電卓アプリを作る 次記事: 36. Deleteキーで前のフィールドに戻って消す 35. 入力すると自動的に次のフィールドにフォーカスを進める Vue.jsバージョン: 2.5.2 … -
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… -
2018年03月23日 開発週刊Railsウォッチ（20180323）Rails 5.2.0 RC2リリース、「サーバーレスなRubyが欲しい」、capybara風JSテストフレームワークCypressほか
こんにちは、hachi8833です。明日のRails Developers Meetup 2018準備で青ざめてます。 今週から記事数をできるだけ一定に保つようにいたしました。腹八分目のウォッチ、いってみましょう。 Ra… -
2018年03月16日 開発週刊Railsウォッチ（20180316）Rails 5.2のドキュメント更新中、Value Objectの使い方、RubyがTIOBEトップテン復活、Rails「雪だるま」エンコーディングほか
こんにちは、hachi8833です。先週終点で車両の座席に置き忘れたiPhone 7が粉々になって戻ってきて風景がぐらりとかしいだ気がしましたが、補償が効いて本体交換できてケロッと立ち直りました。… -
2018年03月15日 開発Reduxストアの概念をRubyで再実装して理解する（翻訳）
概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: Understanding Redux store concepts by little Ruby reimplementation 原文公開日: 2018/01/30 著者: Josef Strzibny なお、reduce… -
2018年03月14日 開発
Vue.jsサンプルコード（34）逆ポーランド記法の電卓アプリを作る
前記事: 33. Vue.jsでAJAXを使う 次記事: 35. 入力すると自動的に次のフィールドにフォーカスを進める 34. 逆ポーランド記法の電卓アプリを作る Vue.jsバージョン: 2.5.2 いわゆる逆ポーランド… -
2018年03月13日 開発JavaScript: Reduxが必要なとき/不要なとき（翻訳）
概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: When (and when not) to use Redux – LogRocket 原文公開日: 2018/01/20 著者: Christian Nwamba サイト: LogRocket 図は英… -
2018年03月07日 開発
Vue.jsサンプルコード（33）Vue.jsでAJAXを使う
前記事: 32. 郵便番号に対応する地図を表示する 次記事: 34. 逆ポーランド記法の電卓アプリを作る 33. Vue.jsでAJAXを使う Vue.jsバージョン: 2.5.2 axiosライブラリを併用しています。 [Yes o… -
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… -
2018年02月28日 開発
Vue.jsサンプルコード（32）郵便番号に対応する地図を表示する
前記事: 31. パスワードの強度をバーで表現する 次記事: 33. Vue.jsでAJAXを使う 32. 郵便番号に対応する地図を表示する Vue.jsバージョン: 2.5.2 2つの郵便番号フィールドに郵便番号を入力す… -
2018年02月23日 開発週刊Railsウォッチ（20180223）Ruby25開催、Rails6のパラレルテスト、書籍「RSpecによるRailsテスト入門」更新ほか
こんにちは、hachi8833です。いよいよ明日はRuby25ですね。名札忘れないようにしないと。 Ruby25周年イベント、いよいよ明後日の土曜日となりました！当日は多くの参加者が集まります。交流が… -
2018年02月21日 開発
Vue.jsサンプルコード（31）パスワードの強度をバーで表現する
前記事: 30. パスワードを自動生成する 次記事: 32. 郵便番号に対応する地図を表示する 31. パスワードの強度をバーで表現する Vue.jsバージョン: 2.5.2 [パスワード]フィールドにパスワードを… -
2018年02月16日 開発週刊Railsウォッチ（20180216）Rails 5.1.5リリース、DHHのYouTubeチャンネルは必見、Ruby Toolboxが運営再開ほか
こんにちは、hachi8833です。先週はつっつき会が時間オーバーしてしまいましたが、今週は何とか収まりました。 臨時ニュース Rails 5.1.5リリース プレスリリース: Rails 5.1.5 has be… -
2018年02月14日 開発
Vue.jsサンプルコード（30）パスワードを自動生成する
前記事: 29. フィールドごとに全角英数字入力と半角英数字入力を自動で切り替える 次記事: 31. パスワードの強度をバーで表現する 30. パスワードを自動生成する Vue.jsバージョン: 2.5.2 [パ… -
2018年02月09日 開発週刊Railsウォッチ（20180209）RubyにMJIT初マージ、高速JSON API gem、Railsにparallel-testingブランチほか
こんにちは、hachi8833です。MacPaintとQuickDrawのソースコードが公開されていることに気づいたのでミーハー的にダウンロードしてみました。コードがびっくりするほど少ない… 臨時ニュ… -
2018年02月01日 デザイン画像とjQueryだけでグラフにアニメーションをつけてみた
こんにちは、デザイナーのスギヤマです。 この間の雪を降らせるJSが一部で好評だったので、引き続きJSな記事を書いてみます。 サイトを作ってるとグラフなど、インフォグラフィックスを動的に… -
2018年01月19日 開発週刊Railsウォッチ（20180119）derailed_benchmarks gem、PostgreSQLをGraphQL API化するPostGraphile、機械学習でモック画像をHTML化ほか
こんにちは、hachi8833です。Nintendo Laboにいろいろ持ってかれそうで気になってます。 つっつきボイス: 「任天堂のものづくりセンス、パないなー」 なんでこんなに感動してしまったかと考え… -
2018年01月17日 開発
Vue.jsサンプルコード（29）フィールドごとに全角英数字入力と半角英数字入力を自動で切り替える
前記事: 28. 文字の大きさをボタンで変更する 次記事: 30. パスワードを自動生成する 29. フィールドごとに全角英数字入力と半角英数字入力を自動で切り替える Vue.jsバージョン: 2.5.2 [全角]… -
2018年01月15日 開発新しいRailsフロントエンド開発（3）Webpackの詳細、ActionCableの実装とHerokuへのデプロイ（翻訳）
新しいRailsフロントエンド開発（1）Asset PipelineからWebpackへ（翻訳） 新しいRailsフロントエンド開発（2）コンポーネントベースでアプリを書く（翻訳） 新しいRailsフロントエンド開発（3… -
2018年01月12日 開発週刊Railsウォッチ（20180112）update_attributeが修正、ぼっち演算子`&.`は`Object#try`より高速、今年のRubyカンファレンス情報ほか
こんにちは、hachi8833です。インフルエンザA型が身に沁みました。 2018年最初のウォッチ、いってみましょう。年末年始を挟んでだいぶ記事がたまっているのでいつもより多めです。 Rails: 今週… -
2018年01月11日 開発
Vue.jsサンプルコード（28）文字の大きさをボタンで変更する
前記事: 27. 選択肢に応じて入力項目を切り替える 次記事: 29. フィールドごとに全角入力と半角入力を自動で切り替える 28. 文字の大きさをボタンで変更する Vue.jsバージョン: 2.5.2 [小]ボタ… -
2018年01月09日 開発新しいRailsフロントエンド開発（2）コンポーネントベースでアプリを書く（翻訳）
新しいRailsフロントエンド開発（1）Asset PipelineからWebpackへ（翻訳） 新しいRailsフロントエンド開発（2）コンポーネントベースでアプリを書く（翻訳） 新しいRailsフロントエンド開発（3… -
2017年12月28日 開発JavaScript: Parcel.jsでReact.jsプロジェクトを作成する（翻訳）
概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: Building a Reactjs project with Parceljs – StackDev 原文公開日: 2017/12/17 著者: Vignesh M Parcel.jsでReact.jsプロジェクト… -
2017年12月27日 開発
Vue.jsサンプルコード（27）選択肢に応じて入力項目を切り替える
前記事: 26. 多数のアンケートを同一画面で順に表示する 次記事: 28. 文字の大きさをボタンで変更する 27. 選択肢に応じて入力項目を切り替える Vue.jsバージョン: 2.5.2 上部の3つのラジオボ… -
2017年12月26日 開発新しいRailsフロントエンド開発（1）Asset PipelineからWebpackへ（翻訳）
新しいRailsフロントエンド開発（1）Asset PipelineからWebpackへ（翻訳） 新しいRailsフロントエンド開発（2）コンポーネントベースでアプリを書く（翻訳） 新しいRailsフロントエンド開発（3… -
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サイトを簡単…
-
開発
週刊Railsウォッチ（20180420）NGINX Unit正式リリース、Rubyをメモリリークさせてみる、美しいコード宇宙ほか
-
開発
週刊Railsウォッチ（20180413）RailsConf 2018、Form Objectの昔と今、rubyreferences.github.ioのドキュメントがスゴイ、GitHubが10歳にほか
-
開発
週刊Railsウォッチ（20180406）ruby-sass gemが非推奨に、Roda gem、paiza.ioは便利、Linuxは/procで遊ぼうほか
-
開発
週刊Railsウォッチ（20180330）春のリリースラッシュ: Rails 5.1.6/5.0.7とRuby 2.5.1など、Ruby 2.2は3月でメンテ終了ほか
-
開発
週刊Railsウォッチ（20180323）Rails 5.2.0 RC2リリース、「サーバーレスなRubyが欲しい」、capybara風JSテストフレームワークCypressほか
-
開発
Rails5: ActiveSupport::Durationでの数値へのパッチ
-
開発
[Rails 5] ActiveSupport::NumberHelperとActionView::Helpers::NumberHelperの数値フォーマットメソッド
-
開発
Active Support Core Extensionsのマルチバイト系メソッド: String#mb_charsとis_utf8?
-
開発
Active Support Core ExtensionsのIntegerクラス: ordinalize、multiple_of?など
-
開発
ActiveSupport::Durationの期間処理メソッド（4）5.1のその他のメソッド
