こんにちは、id:ukstudioです。今回は弊社サービスの1つであるSPOTLIGHTSにVue.jsを採用した話をしようと思います。 SPOTLIGHTS自体は一般的なRailsアプリケーションといって問題ない作りになっているので、既存のRailsアプリケーションにどういった形でVue.jsを投入していったかを中心に書いていきます。 Vue.js採用前の状況 SPOTLIGHTS初期のJavaScriptはHTML/CSSと共に外注し納品してもらったものです。 フレームワークといった類はほぼ使っておらずjQueryに頼りきったコードでした。 当時は様々な事情によりこれはこれで妥当な判断だったと思うですが、今後社内でメンテナンスしていくうえで足かせになるであろうというのはなんとなく予想ができていました。jQueryのイベントハンドラやDOM操作がひとつのファイルにひたすら連なっているとい
仕事の進みがちょいとアレなので、現実逃避もとい気分転換に。 フォームの入力内容を、jQuery.ajax()を使ってサーバーへ送信したいって時のパターンです。 基本的な流れ フォームのsubmitを拾う 通常の送信はキャンセル 送信ボタンを無効化 送信先URLやフォームの入力値を取得 送信 受信後、送信ボタンを戻す 入力値をどう得るか、というのがポイントかと思います。 送信ボタンを無効化するってのはやらなくても良いんだけど、誤操作防止のためにも是非やって頂きたいと思います。あと送信ボタンの制御以外にも応用がききます。 デモ なんかお問い合わせフォーム的なものを用意しました。 まー実際にお問い合わせフォームをAjaxで送信する場面なんてないような気もするんですが、基本パターンという事で。
(追記/2011.12.02)ウィンドウをスクロールの際に、背景もズレてしまう不具合があったので、CSSとJavaScriptの一部を調整しました。 jQueryを使ってモーダルウィンドウを作成します。ウィンドウに表示するコンテンツはjQueryのAjaxで読み込むようにしています。 サンプルはこちら <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link
《2017年6月16日 12:00 PM 公開/更新》 データの受け渡しができるサブウインドウ(モーダルダイアログ)を開く方法 [機能] サブウインドウ側で何らかの補助的な処理をする場合、親ウインドウから子ウインドウへデータを送り、子ウインドウから親ウインドウへデータを戻す……という処理が必要です。JavaScriptのshowModalDialogメソッドを使って開いたサブウインドウ(モーダルダイアログ)なら、データのやりとりは簡単です。(※既に廃止された仕様なので、今後は使えないブラウザが増す点に注意) ※非推奨:廃止済み 閉じるまで他の操作をできなくするウインドウ(モーダルダイアログ)を開く データの受け渡しをするサブウインドウの例 サブウインドウとの間でデータの受け渡しをする方法 サブウインドウとの間でデータの受け渡しをするサンプル 親(呼び出し元)ウインドウ側のHTMLソース 親
今回は前回の続きということで、画面や機能の開発周りの事を書いていく。画面開発自体は2日ぐらいでがっと作っただけなので、そんなに複雑でもないし画面数が多いわけではない。サイトマップは以下のようにシンプルな構成だ。 アンケート一覧 画面キャプチャ ヘッダ周り URL的にはTOP画面となり、「survey!」の起点となる画面だ。ヘッダには左上がロゴ的なイメージでTOP画面へのリンクとなっている。右上のOctocatはsurveyのソースが公開されているGitHubリポジトリへのリンクとなっている。 「お申し込みはこちら」ボタンは現状では飾りだ。連打したければいくらでも連打出来る。作り的にはBacklogの様にサブドメイン毎にアンケートが別れるようになっている。例えば「aaa.survey.example.com」と「bbb.survey.example.com」は別々の一覧となり、互いのアンケー
Twitter Bootsrapでモーダル表示HTML/HAMLテンプレートを作ってみました。 もしTwitterブートストラップでモーダルを作る際には、試してみてください! <a class="btn" data-toggle="modal" href="#show_modal" role="button"> モーダル呼び出しボタン a> <div id="show_modal" class ="modal hide fade" aria-hidden="true" aria-labelledby="modal_label" role="dialog" style="display: none; " tabindex="-1"> <div class="modal-header"> <button class="close" aria-hidden="true" data-dismiss
モーダルダイアログが手軽に使えそうだったのでjQueryUIを試してみました。 インストール jquery-ui-railsというgemを使いました。 https://github.com/joliss/jquery-ui-rails Gemfile group :assets do # 略 gem 'jquery-ui-rails' # 追加 end JS/CSS/Image JS app/assets/javascripts/application.js に追加 //= require jquery-ui CSS/Image Themeは自分でとってきてねと読み取ったので公式サイトから取得 jQuery UI バージョンは1.8.23。jquery-ui-1.8.23.custom.zipというアーカイブを取得 追加するディレクトリは下記を参考に。とりあえず設定の追記が少なくて済む方法
※ Bootstrapをより簡単に導入する(sass版)記事 もあるので、そちらも参照してみてください。 twitter-bootstrap-railsというGemを使って、Rails4にBootstrap3を導入します。 $ rails -v Rails 4.1.1 $ ruby -v ruby 2.1.0p0 サンプルアプリの用意 まずはbootstrap3という名前のサンプルアプリを生成し、次に確認用のページを生成します。 $ rails new bootstrap3 $ cd bootstrap3 $ rails g scaffold Book title:string price:integer $ rake db:migrate $ rails server Gemfileの設定 Bootstrapのcssがlessで書かれているので、Railsでもlessが扱えるようにし、さ
RailsでTwitter Bootstrap 3のインストール方法を説明します。 また、Bootstrapのエラーメッセージの表示、ナビゲーションバーの追加、simple_formとの連携などの使い方を説明します。 動作確認 Rails 4.1 twitter-bootstrap-rails 3.2.0 目次 Railsプロジェクトの作成 Twitter Bootstrapのインストール方法1 Twitter Bootstrapのインストール方法2 カスタマイズ(ViewファイルへのTwitter Bootstrapの適用) カスタマイズ(サクセス、エラーメッセージの表示) カスタマイズ(simple_formとの連携: フォーム上でのエラーメッセージの表示) カスタマイズ(Sidebarの追加) カスタマイズ(NavigationBarの追加) 1. Railsプロジェクトの作成まずは
実際にBootstrapを使用してみよう 今回はPagesというコントローラーにindexアクションを作成して使用してみたいと思います。 rails g controller Pages index #以下表示される文字 Running via Spring preloader in process 35186 create app/controllers/pages_controller.rb route get 'pages/index' invoke erb create app/views/pages create app/views/pages/index.html.erb invoke test_unit create test/controllers/pages_controller_test.rb invoke helper create app/helpers/pages
現在 Rails で Web サイトを開発中で HTML を記述するのに Twitter Bootstrap を使用している。フォームを作成する際に通常 Rails では form_for(@hoge) みたいな感じに記述すると思うが、ここに Bootstrap で使う class を組み込もうとすると一々指定しないといけなくて面倒くさい。 そこで Rails Bootstrap Forms を利用すると既存のものとほぼ同じように使うだけで Bootstrap が適応されるので手間が省ける。 https://github.com/bootstrap-ruby/rails-bootstrap-forms インストールするには Gemfile に以下を追加、bundle install する。 gem 'bootstrap_form' さらに、application.css に以下を追加する。
Railsでサイトを作るときにBootstrapを使うことが多いと思います。この記事ではその中でもウェブフォームに特化してサイトを作るのを楽にする情報をまとめて行きます。 DatePicker 日付の選択には名前そのままのbootstrap-datepicker-railsがあります。 このgemは以下のプラグインをrailsとインテグレーションしたものです。 TimePicker 日付の選択のように時間を選択するにはbootstrap-timepicker-railsがあります。 このgemは以下のプラグインをrailsとインテグレーションしたものです。 ColorPicker 色の選択にはbootstrap-colorpicker-railsがあります。 このgemは以下のプラグインをrailsとインテグレーションしたものです。 Form Builder 幾つか良く使われているForm
Bootstrap を Rails に組み込んだだけ では、form_for や form_tag を書く時に class: 'btn btn-primary' とか書かないといけない。 bootstrap-ruby/rails-bootstrap-forms なら form_for を bootstrap_form_for と書くだけ。 面倒な class を書かなくても Bootstrap が適用されます。 <%= bootstrap_form_for(@user) do |f| %> <%= f.email_field :email %> <%= f.password_field :password %> <%= f.check_box :remember_me %> <%= f.submit "Log In" %> <% end %> インストール Gemfile に下記。 gem
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
modal内からajaxリクエストした場合にmodalが残ってしまう事象が発生。 modalといってもフォームは消えてmodalの背景のみ残ってしまい操作が出来なくなる。 似たようなところでハマった人は結構いるっぽい。 stackoverflow.com stackoverflow.com 色々とググったが上記含めあまり良い結果は得られず試行錯誤したところこれで動いた。 [追記] どうやらこれらの事象はbootstrapのmodalに関するjsが読み込まれないため発生していた模様。 下記のようなことをせずともこのようにすることでキチンと動いた! # app/assets/javascripts/hogehoge.js.coffee $ -> $('.modal').modal() $('.modal').modal('hide') modalを明示的に呼び出しその後にmodalにhideオ
来年も作りたい!ふきのとう料理を満喫した 2024年春の記録 春は自炊が楽しい季節 1年の中で最も自炊が楽しい季節は春だと思う。スーパーの棚にやわらかな色合いの野菜が並ぶと自然とこころが弾む。 中でもときめくのは山菜だ。早いと2月下旬ごろから並び始めるそれは、タラの芽、ふきのとうと続き、桜の頃にはうるい、ウド、こ…
春の伊予国漫遊記。松山・今治と愛媛の魅力を満喫してきました。 法事を兼ねて愛媛観光へ 2024年のGWは、毎年恒例の名古屋帰省ではなく自宅でゆっくり過ごしておりました。というのも、4月に法事のため愛媛・松山に親族大集合というイベントがありまして、そちらをGWの旅行代わりにしたという理由です。法事は日曜日の予定ということ…
Rails の scaffold やらで作ってくれるビューに「Destroy」リンクありますよね。あれ、削除の確認のために JavaScript で Confirm のモーダルダイアログまで出してくれてなかなか親切なヤツなんですけど、せっかくだから見映えももうちょっといい感じにしたい。 ついでに、Github でリポジトリを消すときとかのように、誤って削除することがないようにユーザーに対して入力も求めたい。 自分で書こうとしたんですが、その前に探したらいいのがありました。探してよかった。Data-Confirm Modal という gem でございます。 Data-Confirm Modal は Rails の jquery-ujs をフックして、表示されるモーダルダイアログを Bootstrap のやつと差し替えてくれるライブラリです。 Bootstrap を使うのでそれが制限と言えば制
2023/11/06 · 非同期通信の例(Ajax通信の動作) · モーダルでフォームにデータを入力する · モーダルで登録ボタンを押す · 登録ボタンを押されたことをトリガーに ...
概要 社内の備品(主にスマホやパソコンなどの端末)をアプリで「ピッ」とスキャンするだけで、簡単に貸出/返却処理ができるTSUTAYAのレジ風システムを作りました。 その名も「ネコレジ」 OSSなテスト支援ツール「Chibineko」に続く、ねこシリーズ第2弾です。 ネコレジのシステム構成 備品を識別する仕組み 備品の識別にはQRコードを使用します。 各備品にはそれぞれ一意のIDを埋め込んだQRコードを貼り、リーダー側(クライアントアプリ)で識別できるようにします。 QRコードの印刷にはテプラPRO SR5900Pを使用。 このテプラはLAN接続対応なので、iPhoneからも直接印刷ができるスグレモノです。 ちなみにうちの部署にはスマホやガラケーなどが1,000台以上ありますが、気合いですべてに貼りました。 会員カード(通称ネコカ) ユーザーの識別も同様にQRコードで行います。 できるだけお
はじめに 先日、一年ほど前から運営しているWebサービスのコードをGitHub上で公開(いわゆるOSS化)しました。 ※サービス自体は公式ホスティングサービスという位置付けで運営を継続しています。 小さなライブラリをOSSとして公開することはあっても、運営中のサービスを丸々OSS化するケースは割と珍しいかと思い、今回OSS化するに至った経緯とその狙いについてまとめてみました。 サービスについて 本題に入る前に、簡単に対象のサービスについて触れておきます。 Chibineko (https://chibineko.jp) 「世界で最もシンプルなテスト支援ツール」をコンセプトに、マニュアルテストの管理に特化した軽量なテストツールです。 Markdownライクにテストケースを書けるのが特徴で、リリース前テストなど100項目程度の簡単なテストをサクッと書いて、サクッと実行するのに向いています。 ト
ノンプログラマーがはじめてWebサービスを作ってみた記録です。 2016.3.28 追記: リリース1年後について書きました。 はじめてのOSSリリース記 〜なぜ無料でソースコードを公開するのか? 自己紹介 趣味でたまにプログラムを書く程度のノンプログラマー。 本業は SHIFT( http://www.shiftinc.jp ) という会社でテスト自動化エンジニアをしています。 20代最後の年に何か新しいことを!と思い立ち、勢いでWebサービスを作ってみました。 作ったもの Chibineko - 世界で最もシンプルなテストツール https://chibineko.jp 面倒なテストはサクッと終わらせよう Chibinekoはテストケースの作成と実行管理を行うためのシンプルなテストツールです。 テスト項目を箇条書きにするだけで、あなた専用のテスト実行ページが瞬時に作成されます。 あとは
このブログのコメントは承認制でして、入力しても入力したものが消えるのみでした。 その動作ですと入力した方は、本当に投稿できたのか不安になることもあるでしょう。 そこでコメントを受付時に、その旨を知らせるダイアログを表示することにしました。 サイトを訪問したユーザーの方へ特別に訴えたい・注目してもらいたい際に、ポップアップするダイアログはとても効果的だと思います。 その実現方法として、jQueryのプラグインである「jQuery UI」の1機能、「Dialog」を使用しました。 Dialogを使用することで、スタイリッシュなダイアログを簡単に実装できます。 jQueryを用意するjQuery UIはjQueryのプラグインであるため、jQuery本体が必要となります。 jQuery本体の準備は以前「「CrossSlide」写真や画像をかっこよくスライド表示 」の「jQueryを用意する」で書
人生ドラクエ化マニュアルを実施することで、本当に人生が変わるのか?楽しくなるのか? まずは行動してみよう、ということで週に1回を目安に行動し、その結果をログとして残そうと思います。 今回は「見栄、世間体を気にしない」です。 人生ドラクエ化マニュアルとは? 人生ドラクエ化マニュアル、略して人ドラ(ジンドラ)。 「人生をドラゴンクエストに置き換えて楽しむ方法を考えてみよう!」 そんな考え方をまとめた書籍です。 元エニックス社員のJUNZOさんの著書で、すでにパート1・パート2がでています。 運命のクエストカード 書籍「人生ドラクエ化マニュアルⅡ」には付録として「運命のクエストカード」がついています。 クエストカードは全部で32あります。 1日1枚引くことを推奨していますが、他にも色々とやることがあるので週1を目安にしてみました。 週に1つを目安に実際に行動していきます。 そして、その結果を記事
目標について考えていたら目標の知識が曖昧だったので整理しました。 目標とは? 目標( Objective )とは目的( Goal )を達成するための具体的な行動指標。 ある目的を達成するための目標は複数存在しえる。 目標は目的と比べて具体的であり、短・中期的なものである。 よい目標 SMARTな目標 English Japanese Specific 具体的。 水泳を上手になりたい、ではなく半年間でクロールで100メートル1分を切る、など Measurable 測定可能。達成したかどうかが判別可能にします。 上記の半年間で100メートル1分を切る、というのが測定可能な例 Achievable 達成可能。現実的に達成できる見込みの無い目標ではモチベーションを保てません 例えば、現在50メートルしか泳げない人が半年以内にクロールで100メートル1分で泳ぐのは無理でしょう。 きっとやる気もでませ
class ProductsController < ApplicationController before_action :set_product, only: [:show, :edit, :update, :destroy] def index @products = Product.all end def show end def new @product = Product.new end def edit end def create @product = Product.create(product_params) @products = Product.all end def update @product.update(product_params) @products = Product.all end def destroy @product.destroy red
= form_tag user_path, id: 'register', data: { confirm: 'よろしいですか?' } do |f| %button.submit %i.icon-ok 登録する = image_tag 'spinner.gif', class: 'hide spinner' $('#register').on 'confirm:complete', (e, answer) -> if answer $('button.submit').attr('disabled', 'disabled') $('.spinner').show() allowAction: function(element) { var message = element.data('confirm'), answer = false, callback; if (!mess
概要 JQuery.dialogでカスタムダイアログの作成 内容 JQuery.dialogでカスタムダイアログの作成します。 サンプル 仕様 ユーザー一覧画面の各レコード単位で表示される削除ボタンの 押下時に使用するカスタム確認ダイアログを作成します。 個別のボタンを処理時に判別出来るように、各ボタンのidは delete + user.idに設定します。 実装 Gemfile gem "jquery-ui-rails", "~> 4.0.4" application.cssに下記を追加 *= require jquery.ui.all application.jsに下記を追加 //= require jquery.ui.allユーザー一覧のView user_list.html.haml - provide(:title, "ユーザー一覧") %hr/ :javascript var
テスト環境のLinuxに何故かmongodbがインストール出来なかったのでDockerをインストールしてその上でmongodbを利用してます。 しかし、Dockerで利用しているため、mongodbのバックアップとリストアの方法がわからず困ってました。まあ、テスト環境だからいいかと放ったらかしにしてましたが運用からデータを持ってきてテストをする事になったの慌てて調べました。^^; まちゅダイアリー というフォームページに「docker上のmongodbをバージョンアップ」という書き込みがありここにリストアの方法が書いてあったので自分の環境に合わせてコマンド書きなおしました。 $ docker run --rm --link some-mongo:mongo --volume /home/mura/Documents/mongo/db_backup/mongo20160922:/d
Javaだけやっているのも危険ではないか?ということで、3分動画でマスターする初心者向けプログラミング学習サイト - ドットインストール でRuby on Rails入門をやり始めてみた。 どーせやるなら最新版で!ということで、Rails4 と Ruby 2.0の環境を 入門Chef Solo - Infrastructure as Codeをみながら作った。のだが、当然のことながら、バージョン違いでレッスンの通りでは動かない箇所がちらほら。 #26 新しい記事を追加しよう (3) 万年素人からGeekへの道のroute_paramsメソッドをまねて、post_paramsメソッドを作る。また、Post.newのパラメータをpost_paramsと書き換える。 #33 記事を更新してみよう (3) これも上と同じ。update_attribute()の引数をpost_paramsにする。
Rails4にアップデートしてから修正が困難な問題が生じた場合、Turbolinksを無効にして改善するか試すのも一つの方法です。 Turbolinksを無効にする方法をまとめました。 1)個別に無効にする場合 下記のように”data-no-turbolink”属性を指定したdiv要素でリンクを囲むと通常のリンクと同じように動作します。 <div id="some-div" data-no-turbolink> <a href="/">Home (without Turbolinks)</a> </div> 2)完全に無効にする場合 ①Gemfileから下記記述を削除 gem 'turbolinks' ②app/views/layouts/application.html.erbなどレイアウトファイルのjavascript、stylesheetタグで”data-turbolinks-tra
この記事は Turbolinks v2.2.0 時点のものです Turbolinks Classic is now deprecated Rails4系で使われていたTurbolinksはturbolinks-classicと命名が変更されました。 Rails5ではVersion 5 として turbolinks のversion ~> 5.0 が使われます。動作としては似てますが内部の実装が大きく変わっているので注意してください。 Turbolinksとは TurbolinksはRails4.0からデフォルトで導入されたgem railsアプリケーションを 簡単に pjaxっぽくすることが出来る。 ajaxとhistoryAPI(popState, pushState)を利用して画面遷移 Turbolinksで遷移する場合は、titleとbodyとcsrfトークンを変更する csrfトー
turbolinks について Rails 4 から turbolinks という機能がデフォルトで bundle されるようになった。 http://kray.jp/blog/must-know-about-turbolinks/ ページ遷移をすべて ajax でやってくれるが、割りとおせっかい機能。 しかも jQuery と競合するから jquery-turbolinks を gem で入れることで回避するとかやめてほしい。 こういう機能はぜひともプラグインで提供していただきたい。 turbolinks を切る さっそく turbolinks をオフにする。 Rails project 新規作成 turbolinks が bundler で最初に install されてしまうので、一旦 --skip-bundle をつけて skip
2021/09/29 · Turbolinksとは画面遷移を高速化できるJavaScriptライブラリ。 Railsで用いる場合はTurbolinksを拡張したgemと合わせて用いる。 Rails4から導入された。
2020/11/11 · 一方クローラーは、Webページ内にある全てのリンクを巡回して、深堀りしながら目的の情報を取得する方法です。この行為自体はクローリングと呼ばれます。
2021/05/02 · 「つまらない」勉強を「楽しくする」方法があった! 勉強の意味をしっかり定めることに加え、勉強に没頭することも、楽しく勉強するための大事な要素です ...
2022/05/29 · 画面遷移がうまくいきません。。。 · 1. 【必須】やりたい・やりたかったこと · 2. 【必須】起きている問題やエラーメッセージ ※できるだけ詳細に書いて ...
renderを使っていて、ローカル引数が渡せなかったので、忘れないために書いておきます。 _form.html.slim = form_for(user) do |f| = f.text_field :name = f.submit new.html.slim render 'form', locals: { user: @user } →undefined local variable or method `user' for なんで、そんなことが起きるのかというと、localsを書く場合は、partialを書かないといけないようです。 render partial: 'form', { user: @user } そもそもpartialを書くのがめんどくさい場合は、下記のようにも書けます。 render 'form', { user: @user } こういう動きをしているので、has
= form_tag "/comments", method: :post, remote: true do = text_field_tag "body" = submit_tag "送信" # 処理後、Ajax的動作をしたい(jsでalertとか) = form_tag "/comments", method: :post do = text_field_tag "body" = submit_tag "送信" # 処理後、ページ遷移したい class OpinionsController < ApplicationController def create # 処理とかいろいろ respond_to do |format| format.js format.html { redirect_to "/home" } end end end
2015/11/17 · しかし、remote: trueとoptionを指定しているので非同期通信になってしまい、View側で特定のページに遷移することはありません。 そこで、以下の方法で ...
質問させていただきます。 現在RubyonRailsを用いて、 次のような動作をするサイトを作ろうとしています。 1.ヘッダーの「イベント作成」ボタンをおす 2.Modalが表示され、「イベント名」を入力し、「作成」ボタンをおす 3.イベントが作成され、Editページに遷移し、その他詳細を入力する。 現時点では、2で「作成」ボタンをおすと、イベントのレコードは作成されますが、Modalが消えず、Editページにもリダイレクトせず困っております。 なお、その際のターミナルの表示は下記となります。 (こちらを見る限り、Editページの読み込みは出来ているように思えます。) Started POST "/events" for ::1 at 2016-01-11 01:23:32 +0900 Processing by EventsController#create as JS Paramete
2020/04/18 · undefined local variable or method. これもあるあるで、エラー文で示された行に未定義の変数、もしくはメソッドがあると言うことですね! よくあるの ...
Ruby on RailsでWEBアプリケーションなどを開発していると、必ず使うと言っても過言ではないメソッドの1つに、link_toメソッドが挙げられます。 link_toメソッドは、HTMLの<a>タグに相当します。(HTMLのタグについてはHTMLについて解説した記事をお読みください。) 本記事では、link_toメソッドの基本的なソースコードの書き方の紹介と、実際のWEBアプリケーションでlink_toメソッドを使ってみます。 また、link_toメソッドに似た、link_to_unless_currentというメソッドがあります。これもlink_toと同様によく使うメソッドなので、今回はこのlink_to_unless_currentメソッドの使い方にも触れていきます。 本記事だけでlink_toメソッドについて充実の内容です。ぜひ最後までお読みください。 link_toメソッド
2021/04/04 · エラー対処は、ログやコンソールからエラー文が出ていることがあるので、確認すると、対処の糸口が見つかるかもしれません。
今まで、WEBエンジニア達はjavascriptとjQueryには慣れているはずだ。 ほかのJSフレームワークよりわかりやすくて書きやすいと思っている。 Railsエンジニア達は何でもRubyで書こうとする傾向があるらしい。 私も一員である。 しかし、 Ajax通信ための.js.erbのコードは一般JavascriptとjQueryより、もっと複雑になりやすい。 インスタンス変数と部分テンプレートなどが混ぜているともっと複雑になり、ミスになりがち。 なので、 コードはできるだけ、簡単に書くの������はおすすめ。 Client側に複雑な処理を関数で定義しておいで、Ajax用.js.erbはその関数を呼び出すだけにするなど。 Controllersで以下のように関数を呼び出すと、.js.erbファイルを作る必要もないし、Ajax通信もできるようになる。 def show render :t
事前準備 link_toメソッドとはビューでリンク(htmlのaタグ)を表示するためのメソッドです。 ここでは、railsのscaffoldという機能を使ってサンプルアプリケーションを作成してからlink_toについて説明してきます。 まずは次のコマンドを実行してサンプルアプリケーションを作成しておきます。 rails new sample_app cd sample_app rails generate scaffold User name:string rake db:migrate link_toメソッドとは link_toメソッドとはビューで使用するActionView::Helpers::UrlHelperクラスで定義されているhelperメソッドです。 名前の通りリンクを表示させたい時に使用し、htmlのaタグを生成してくれます。 link_toメソッドにリンクとして表示する文
aタグでhrefを指定していると、(指定していなくても?) クリックイベント時にそのページ(もしくは同画面内)に遷移してしまう。 これを回避する方法がこちら。 $('a').click(function(e){ e.preventDefault(); }); 参考 http://www.webopixel.net/javascript/527.html もう一個。こっちが基本っぽい? $('a').click(function(){ 〜処理〜 return false; }); 最後にreturn falseするとaタグのリンクを無効にできるのだとか。 dblclickの場合は、メソッドチェーンを使って下記のようにクリックイベントの方に持たせるといいみたい。 .dblclick(function(){ 〜処理〜 }).click(function(){ return false; });
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年10月時点の調査。
RailsでAjax - モーダル表示でフォーム入力。バリデーションエラーが発生したら画面遷移せずにメッセージを表示し、成功時はフラッシュメッセージ付きでリダイレクトしたいときRubyRailsjQueryAjax やりたいこと ちょっとした入力をモーダル上でやりたい。 入力内容に不備があって、登録出来ない場合、画面遷移せずにそのままモーダル上でエラーを表示したい。 入力成功したら、メッセージと共にリダイレクトして画面を再描画したい。 前提 simple_form twitter bootstrap haml device 処理の流れ View : formからajax呼び出す Controller : ajax呼び出しを受け取るコントローラー、レスポンスの返し方 View : サーバーからのレスポンスをajaxで受け取って、画面を更新 サンプル実装する処理の概要 仮想のオークションサイト
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。
Active Record Nested Attributesの記事の抜粋です。 accepts_nested_attributes_forは、親子関係のある関連モデル(Project has_many :tasks や Enquate has_many :questionsなど)で、親から子を作成したり保存したりするときに使える。 1対1の時 class Member < ActiveRecord::Base has_one :avatar accepts_nested_attributes_for :avatar end params = { member: { name: 'Jack', avatar_attributes: { icon: 'smiling' } } } member = Member.create(params[:member]) member.avatar.id
# accounts/show.html.slim = render partial: "contents/index", locals: {contents: @user.contents}
Railsでリンクを作成するlink_toメソッドのいろいろな使い方について説明します。 HTMLのclass属性を付与する、URLにパラメータ(クエリストリング)を付与する、DELETEメソッドを付与する、ダイアログを表示する方法などのよく使う使い方を説明します。 動作確認 Rails 4.1.0 link_toメソッドの使い方 ## Viewファイル ## <%= link_to( name = nil, options = nil, html_options = nil, &block ) %> # name - リンクに表示される名前 # 例. <%= link_to "リンク名" %> # options # urlを指定する。"http://localhost/about.html"などのURL形式とposts_pathなどのパス形式で指定可能。 # data: { confi
RailsのViewでのrenderメソッドの使い方について説明します。 renderメソッドは、「コントローラー(Controller)」と「ビュー(View)」それぞれにあります。 ここではビューのrenderメソッドの使い方を示します。 コントローラーのrenderメソッドの使い方を知りたい場合は、こちらへ 動作確認 Rails 4.1 目次 ビュー内でのrenderメソッドについて 部分テンプレートを表示するrenderメソッド 部分テンプレートにオブジェクトを渡すrenderメソッド 部分テンプレートでコレクションを表示するrenderメソッド 1. ビュー内でのrenderメソッドについてビュー内でのrenderメソッドは、部分テンプレート(partial)を表示するために使います。 部分テンプレートとは、共通のビューの表示を別ファイルに切り出すことができ、様々なビューから呼び
このガイドでは、簡単にリッチなAjaxアプリケーションの構築を可能にする、 Rails組み込みのAjax/JavaScriptの機能について説明します。 このガイドを読むことで、次の事が学べるはずです。 Ajaxの基本 控えめなJavaScript Railsの組み込みヘルパーはどのように手助けしてくれるのか。 サーバーサイド上でのAjaxの扱い方について ターボリンクス(Turbolinks)Gemについて 1. Ajax入門 2. 控えめなJavaScript 3. 組み込みヘルパー 4. サーバーサイドに関する事について 5. Turbolinks 6. その他のリソースについて 1. Ajax入門 Ajaxを理解するには、始めにWebブラウザが通常何を行っているのかを知らなければいけません。 http://localhost:3000と、ブラウザのアドレスバーに打ち込んでEnter
RailsアプリケーションでAjaxを実装する際にかなり躓いたので手順のメモ。 巷では、formでremote: trueをするだけの簡単なお仕事だと言われているけど、流れが分かっていないと存外難しいように思う。 実際問題、大体の仕組みさえわかれば、jQueryでajax要求出す必要もないし、とても簡便にajaxが実装出来るようになっていると思う。 というわけで早速復習。 環境 Ruby 2.1.1 Rails 4.0.3 サンプルの制作 今回はとりあえずメッセージの投稿だけを行う簡易アプリを作り、Ajax化する。 scaffoldは便利だけど、この程度の規模の場合は使わないほうが明解だと思うので、一つ一つ手作りしていく。 何はともあれ新規プロジェクトを作成し、モデルおよびコントローラの作成。 rails new Bwitter cd Bwitter rails g model bweet
表題のとおりのサンプルプロジェクトを作成します。 まずはプロジェクトを新規作成します。 rails new sample_uploadscaffold でアップロード機能を作成、この辺はいつもどおり。 bundle exec rails g scaffold attachments title:string path:text何かと不便なのでルーティングを定義しておきます。 root 'attachments#index' 終わったらマイグレーションを通しましょう。 bundle exec rake db:create bundle exec rake db:migrate次に app/models/attachment.rb を編集し、ファイルがアップロードできるようにします。 class Attachment < ActiveRecord::Base attr_accessor :fi
RoR4がリリースされたので、手持ちのプロジェクトを4.0.0にアップデートしてみた。 具体的な移行方法は、既にウェブ上に記事が沢山あるので実際にハマった点だけを記す。 簡単にまとめると まず3.2系の最新版で動くようにする -> Ruby 2.0で動かす -> Rails 4へのアップデート という手順をしっかりやったほうがいい。 herokuで動かすにはいくつか設定が必要。ローカルでRubyとRailsのアップデートをしてから、最後にherokuにdeployしてあれ動かない、となると対応が面倒くさいので、ワンステップずつdeployして動作確認していったほうがいい。 他は割と公式ガイド通りでスムーズ。 まずは3.2系の最新版で動くようにする。 古いRailsでは、一見Ruby 2.0で動作しているように見えても部分的におかしな挙動をすることがある。これはアップデートの過程での動作確認
Rails de Ajax Railsの仕様が何となく掴めてきたため、Ajax処理を加えて、 よりリッチなUIに近づけることにした。 今作成中のアプリケーションのコードを公開しながら、まとめていく。 必要なものはjQuery、 後、gemでjquery-railsは入れておく必要がある。 前提 resouceでRESTfulなルーティングを設定。 今回はItemテーブルを作成し、データのやりとりはそこで行っている。 ところどころ出てくる@itemとか@itemsはそれに関連するもの... destroy おそらく、ドキュメントとかを参照すると、 僕みたいな初心者はこのようなコードがデフォルトになるはず。 以上をベースに書く。 次にAjaxに対応したdestroy処理の流れはこんな感じ。 viewで項目のidがセットされたリンクをクリック。 そのidがコントローラへ渡されて、idにひもづく項
まあ、RailsはフツウにAjaxにも対応してるよー。 初期バージョンで、今も標準はprototype.jsみたいだけど、最近はjQueryだよねー。 ってことで、「まだ」標準じゃないけどjQueryを使いますってさ。そりゃそーだ。 jQueryの導入 と言っても、大したことはしなくて良くて、単にファイルをゲットして置いて読ませるだけってのが素晴らしいね! まずは以下の必要なファイルをゲット jQuery本体:http://docs.jquery.com/Downloading_jQuery jQuery対応のRails.js:https://github.com/rails/jquery-ujs/tree/master/src 今回は、jQuery本体は1.6.4ね。Rails.jsは…、バージョン書いてねえw。きっと1.0.12くらい? で、ファイルを置く場所は、以下の場所ね。 app
Rails3 の remote => true な Ajax 処理では .js.erb を使うか、JS で Rails が追加したカスタムイベントを使うのがレールにのった方法です。WEB+DB PRESS vol.58 詳解Rails3 p26 あたりの、簡易ブログアプリの一覧画面での Ajax 検索が .js.erb を使っていたので、カスタムイベント版にして動作を確認しておきました。 まずは index.js.erb を使わない場合。 ▼ posts/index.html.erb <%= form_for @search_form, :url => posts_path, :remote => true, :html => {:method => :get} do |f| %> <%= f.search_field :q %> <%= f.submit '検索' %> <% end %
テンプレートで<a>タグを使ったリンクを作成する方法としてlink_toメソッドを使ってリンク用のタグを生成する方法について解説します。 1.link_toメソッドの定義 2.URLやパスを指定 3.ルーティングの名前でリンク先を指定 4.リソースベースでルーティングを設定した場合 5.その他のオプション link_toメソッドの定義 link_toメソッドはActionView::Helpers::UrlHelperクラスで次のように定義されています。 link_to(*args, &block) メソッドの引数には、リンクを設定する文字列、リンク先のURL、さまざまなオプションを指定します。リンク先のURLの指定方法やオプションは数多くありますので、比較的よく使う方法をいくつかご紹介します。 URLやパスを指定 外部のサイトのURLや同じアプリケーション内のパスを指定する場合は次のよう
Railsで、とてもスマートにAjaxできる方法が判ったので、メモです。 判ったらすごく使いやすいのですが、理解できるまでずいぶん迷走しました。 やりたいこと 表の一部をクリックすると編集モードになって、確定ボタンかなんかでまた表示モードになるようなやつ。 Viewを partialで作っといて、その部分だけ更新かかるようにしたい。 ポイント レスポンスを JS形式で返す! Viewにこんな感じのjQueryのコードを書くことで、ページの一部分だけ更新できました。
男の恋愛感情は複雑です。明らかに脈なしと思われる女を手に入れたい。そんな欲求が男には存在しますよね。周りから何を言われようが誰もを敵に回そうが、脈なし女に惚れてしまったら最後です。社内恋愛禁止だろうが、そんなものは関係ないのです。脈なし女を落とすには、千差万別。しかし、脈なし女を落とす方法は存在します。 脈なし女を落とす方法は、恋愛教材にもなっている程ですが、そんなものは必要ありません。なぜならば、まず試してみることが数個存在するからです。それすら100%やらないで脈なし女を落とせないから、霊能者に頼るのはやめていただきたいです。まずは、脈なし女を落とす方法を試してみる。それを100%実行した。でもダメ。それならばメール鑑定はお受けいたします。 まずは、脈なし女を落とすために、5つの手段を是非試してみてくださいね。 脈なし女を振り向かせたい!脈なし女を落とす5つの手段 脈なし女はとにかく褒
上司から理不尽な叱責をされる、ミスを押し付けられる、業務に関係のない悪口を言われる……。 そんな経験に苦しんでいませんか? 社会には信じられないくらいのサディストが存在しています。学校でのいじめが無くならないように、大人の社会のいじめも未だに猛威を振るっています。 特に上司、立場が上の人間が部下をいじめる事をパワーハラスメント、通称パワハラと言いますが、これがとても厄介なものなのです。 上司ですから、下手に逆らう訳にもいかず、かといって我慢するには耐え難い屈辱を受けている場合、それが続けば最悪うつ病になってしまいます。ある研究によれば、屈辱という感情は喜びや怒りより1.5倍も心を揺さぶるそうです。 屈辱を受ける状況を放置しておけば、心のバランスが崩れてしまいます。 健康に、幸せに働くためにも、今回は上司からパワハラを受けた時に「逃げ道」を作っておく方法を紹介します。 逃げられないと思うから
上司と口論になりました。直々の上司の対応に、我慢ができず、その上の上司に話をしました。 すると、その上司は私の話は聞かず、直々の上司の話だけを聞いて私に因縁つけるなと言われました。 直々の上司は、私が話してないこと、うその報告をしていたのです。 私は、言ってないと言っても信じてもらえず、正直信じられないのと信頼がなくなりました。 毎日吐き気がして、体も壊してまで会社にいきたくないとまで思いました。 割り切って働けないので、辞めたいとまで思っています。こんなことありますか? こんにちは。 残念ですが、あなたは一つ大きな間違いを犯しています。 会社人としてはしてはならない、と申し上げても過言ではない間違いです。 「上司の頭越し」は会社員であればしてはならないことなのです。 不満があっても理不尽に感じても、直属の上司と話が折り合わせないから その上に、という行動は、直訴された上司から見ると、下の
長いサラリーマン生活では、どうしても嫌な上司の下で、仕事をしなければならない場合が起こってきます。技術的に尊敬できない程度ならいざしらず、上にはゴマすり、部下には威張り散らす最低の課長や部長のもとでは、もうなんだか会社を辞めたくなってしまいます。しかし、ここでは、我慢せねばなりません。なぜなら、どこの会社にも、こういう上司の輩はいるものです。したがって、転職しても、きっと同じような運命になる可能性が大きいのです。したがって、上司とそりの合わない不遇な時期を迎えてしまったなら、はっきり言って、担当業務は適当に手を抜いてこなし(ただし肝心なのは、手抜きがばれてはならない)、自分自身のパワーアップをはかり、かつ、嫌な上司の下から他部門へスカウトされるような売込みをはかるのが懸命な生き方なのです。 直属上司との上下関係やゴタゴタは、なかなか切り崩せるものではありません。私は幸運なことに、嫌な上司の
最近30代中心に上司のパワハラ対策の相談をよく受けます。具体的にいうと30代半ばですが、なぜ彼らが上司のパワハラを受けているのでしょうか。そこがわからなくて、相談を受けて1週間だけある会社員の方々と話をする機会を設け、上司のパワハラと対策を考えました。 30代は上司のパワハラと考え、20代はパワハラよりもその人の人間性が嫌いという回答が多かったです。その中でも彼ら30代半ばの方々は、上司のパワハラレベルの感じ方が高い=すごく苦痛であることがわかりました。 さて、、 本日は上司のパワハラ対策について詳しく話をしていきましょう。 上司のパワハラ対策! あなたができる3つの対策 上司のパワハラは止めないのがポイント 思い浮かべてください。 唐揚げを揚げた後の油ぎったフライパンに、大量の水を注ぐとどうなるでしょうか? 人と物は似たような性質があって、物にも霊が宿ると聞いたことがあると思います。人に
kakujin TOP kakujinの本棚 いつも言い負かされてしまうあなたに反論する技術を6つ教えます [記事公開日]2014/05/08[最終更新日]2014/12/02 あなたの周りにも、意見が強い人っていませんか?彼らだいたいにおいて、共通するのは、早口で威圧的で、”自分が絶対に正しい”と、譲らない姿勢。 こちらが、じっくりと考えるヒマもなく断定口調で、「あれは、○○だから!」「だから、○○以外にない!」と結論を迫ってきます。しかも大勢の前で。焦って安易に返答した結果、揚げ足をとられ、最後に残るのは敗北感。 想像できたでしょ?これって、腹が立ちますよね。あとから考えると、あの時こう言い返せばよかったと思っても、いざその場になると言えないもの。 以下は、そんなあなたでも、彼らと対等以上に話ができるようになるヒントとなるかもしれません。役に立つ場面がくると良いですね。ここでは、どの場
世の中、前向きに生きようだのポジティブシンキングが大事だの言われてますよね。そんな世の中に嫌気がさしたネガティブ思考の私は一冊の本を取りました。その本とは『ネガティブのすすめ』です。タイトルからして後ろ向きで好感を持てます。 ネガティブのすすめ―プラス思考にうんざりしているあなたへ 作者: 最上悠 出版社/メーカー: あさ出版 発売日: 2007/05/24 メディア: 単行本 購入: 4人 クリック: 88回 この商品を含むブログ (9件) を見る 簡単な著者紹介 著者は自称「ポジティブ人間嫌いの精神科医」の最上悠さんです。なかなかクレイジーな肩書きです。早速ポジティブのネガティブキャンペーンから始まる本書から察するに、筆者も闇の深そうなネガティブ思考をお持ちのようです。 しかし、ポジティブのネガキャンも私怨から書かれているわけではなく、精神科医の視点から書かれています。 そのポジティブ
完璧主義を治したいと思っている人は、少なくないと思います。 かく言う私も完璧主義です。この完璧主義を治したくて、本を読んだら治らないかなとか考えていたのですが、そう簡単に治ることがありませんでした。 でも、ある考えが浮かんでから、完璧主義がマシになったので書いていきたいと思います。 完璧主義の悩み そもそも完璧主義とは、自分の理想を追い求める考え方のことです。テストで100点を目指すのもそうですし、期限ギリギリまで完成度の高いものを作るのもそうです。その考え方は問題ないのですが、完璧主義ゆえの悩みというのは、以下のものがあるでしょう。 理想のものではないので、先延ばしにしてしまう。 完璧を求めすぎて、生産性が悪くなってしまう。 理想に辿り着けそうにないので、行動しない。 欠点ばかり見てしまう。 私がこの中で問題視すべきだと思うのは、欠点ばかり見てしまうことです。これのせいで、完璧主義という
ナリワイをつくる:人生を盗まれない働き方 作者: 伊藤洋志 出版社/メーカー: 東京書籍 発売日: 2012/07/02 メディア: 単行本(ソフトカバー) 購入: 4人 クリック: 176回 この商品を含むブログ (1件) を見る 「ナリワイをつくる」を読みました。この本の趣旨は、一つの会社に依存して働くのではなく、自分で小さな仕事を色々して生計を立てようというものです。 ナリワイとはなにか 個人レベルではじめられて、自分の時間と健康をマネーで交換するのではなく、やればやるほど脳と体が鍛えられ、技が身につく仕事を「ナリワイ」と呼ぶ。 会社で仕事をするために技を身につけるのではなく、自分の生活を充実させることを仕事にできたらいいですよね。そのためには、無駄な支出を極限まで減らし、いくつものナリワイを様々な小さい仕事に活かしていこう、というところまでが著者の提案です。 読んでいてとても心が踊
「ポール・スローンの思考力を鍛える30の習慣」を読みました。この本には、様々な成功を収めた思考の達人たちがどのような思考をしているのかが書かれています。 思考の達人と言っても、独創的で他の人ができないような思考をしているわけではありません。どこにでも存在しているただの人間です。つまり、思考力さえ身についてしまえば誰にでも思考の達人になることが可能なのです。 今回は、その思考力が鍛えられる習慣の中から、私がすぐに使えそうだと思うものを紹介したいと思います。 Photo:Think First By jDevaun.Photography 問題を分析し、問う 問題を分析することは重要です。アインシュタインは、世界を救うために一時間を与えられたら、55分は問題の分析に使い、残り5分で解決を図るといったそうです。 問題を分析することで、先走って問題の本質とは違う解決を図ろうとしたり、取り組むべき事
『データの見えざる手』を読みました。 この本は、ウエアラブルセンサという人に装着するセンサを利用して、24時間人間の行動を記録したビッグデータから人間社会の新たな発見について書かれたものです。 今まで理系の本は、興味が湧かなかったので読んでこなかったのですが、この本は興味のない私でも楽しめました。経済や経営といった社会科学が科学的に明らかになっていき、今までの人間や社会の常識が覆されていくのが面白かったです。 今回は、この本を読んで驚いた、ビッグデータで明らかになった人間や社会の法則をいくつか紹介したいと思います。 Photo:big-data_conew1 By luckey_sun 人間の行動は決まっている 人が1日に行動できる回数は決まっていることが、ビッグデータによって明らかになりました。そのデータの要約は以下の通り。 人は、1日の中で約7万回の腕の動きをしており、人の行動の種類が
『「ひとり会議」の教科書』を読みました。 本書を読もうとしたきっかけは、考え事を「ひとり会議」と称して行うのが面白そうだったからです。また、どのようにひとり会議を行うと、普通の考え事とは違う結果になるのか興味があったからというものあります。 今回は、ひとり会議を行うべき理由とひとり会議の流れを紹介したいと思います。 Photo:Meeting Myself By Cybergabi なぜ「ひとり会議」をするのか 私たちの頭には、どんなときも絶えず様々な思考が浮かんでは消えてを繰り返しています。仕事をしているときも、テレビを見ているときも、この記事を読んでいるときも、この思考は止まることはありません。 普段はこの思考に振り回されることはないのですが、やるべきことが処理しきれないほど増えすぎると、「あれもやらなきゃ」「これもやったほうがいいかも」といろいろなことに目が行ってしまい、目の前にある
直接会って話したり、ネットで議論をしたりした際に、腑に落ちないけれども相手の意見に言い返すことができず、後になって「こう言えばよかった」と思うことはありませんか? そんな人にぴったりな本ということで、『詭弁論理学』を読みました。 腑に落ちていないけれども言い返せないときは、たいてい相手は強弁か詭弁を使って言い負かそうとしてきています。ですが、強弁や詭弁はパターンを理解することで、どうして腑に落ちないのかを把握することができ、相手の意見のほころびも見つけやすくなります。 今回は、詭弁や強弁に泣かされる人が少なくなることを願って、一般生活で出会いそうな詭弁と強弁のパターンを例を添えて紹介したいと思います。くれぐれも悪用はしないでくださいね。 強弁の特徴 強弁とは、どうりの通らないことを無理に通そうとすることです。理屈抜きで意見を押し通そうとする姿は、強盗のようなものです。そんな強弁の手法から紹
ガミガミとうるさい上司や、理不尽だと思われる要求ばかりする上司…。仕事をしていてどうしてもイラっとしてしまう上司に巡りあってしまうことは多くの人が経験あることでしょう。しかし、心の中では怒り心頭だけれど、相手は上司。ぐっとこらえて給湯室で涙を拭っている人も多いかと思います。しかし、あまりに怒りが頂点に達してしまって思わずキレてしまったことはありませんか? 社会人の男女を対象にアンケートを実施したところ、全体の17.8%もの方が上司にキレたことがあると回答。男性においては22.5%と、5人に1人は上司にキレた経験があるという結果になりました。これは結構な割合ですね。それでは、実際に上司にキレたことがあると回答した方から寄せられた体験談をいくつか紹介していきましょう。 ■深夜まで残業をしているのに!! 「普段から仕事せずにパソコンでトランプゲームをしていた上司に、怒られた時にパソコン画面を指さ
TOP > 話題 > 俺氏、会社で怒られ我慢できず発狂し解雇されるwwwwwwwwwwwww Tweet カテゴリ話題 1 :名無しさん@おーぷん:2015/06/25(木)18:21:46 ID:fzP これは今日の今さっきの出来事である 僕はいつも会社で孤立していた でも自分なりには頑張っていたんだ しかし今日、僕の努力は泡沫に消えたのであった その引き金になった事件の話をまずしよう http://open2ch.net/test/read.cgi/news4vip/1435224106/ 2 :名無しさん@おーぷん:2015/06/25(木)18:22:10 ID:Gok 俺もなりそうでこわい 3 :名無しさん@おーぷん:2015/06/25(木)18:22:11 ID:6pF ほう >>1 7 :忍法帖【Lv=11,こうもりおとこ,KzP】:2015/06/25(木)18:24:5
怒られることによるストレス、ほうっておくと危険怒られることが怖い、怒られたくないと感じる人ほど、怒られた時には強いストレスを感じてしまいます。 それだけではなく、怒られていない時でさえ普段からビクビクしてしまったり、誰にだってあるようなちょっとしたミスをした時にも「どうしよう」とおびえてしまうことになります。 そして、常日頃から、強いストレスを浴びてしまうという状況に陥るのです。 強いストレスは、あなたの心、身体を徐々に蝕んでいきます。私の周囲でも、よく怒られている人でうつ病にかかってしまった人もいます。 人に怒られるのが怖いと感じているものの、ただじっと耐えていると、あなたの心や身体も蝕まれてしまうかもしれません。 その状態は決してほうっておいていいものではありません。 今回は対処法を紹介して行きますが、場合によってはできるだけ早く転職してその場から逃げることが必要だということは忘れない
高卒で就職した新卒社会人の3年以内の離職率は5割。 約半分の高卒社会人が3年もたずに社会人からドロップアウトしてしまっているのが現代日本の高卒での就職事情です。 短期離職してしまった人のほとんどはフリーターになります。 この記事では ▼ なぜ高卒の社会人は早期離職をするのか? ▼ 彼らは再び正社員に転職できるのか? という点について解説していきます。 高卒社会人が仕事を辞める理由 そもそも、高卒で社会人になった人が辞める理由は何でしょうか? 社会人経験の無さは大卒の新社会人と変わりませんが、一番の理由は大学や専門学校に進学した友人など周りが楽しそうなのに対し、自分たち就職組は余裕がなくなるからです。 大卒の新社会人は、当然、同年代の友人も新社会人になることが多く、愚痴を言い合ったりして境遇を共有することが出来ます。 しかし、高卒の場合は進学組が多く、就職組は孤独感を味わってしまいます。 学
「何でこんな簡単な事が出来ないんだ」 「これ、この間も言ったよね?」 「本当に大学出てんのか?」 こういった叱責、職場で一度は耳にしたことがあると思います。上司に怒られると、本当に嫌な気分になりますし、自己嫌悪で泣きたくなりますよね。 自分のミスが原因なら、叱責も仕方ないのかもしれませんが、中には暴言に近い怒り方をする上司もいます。怒鳴ったり、わざとらしくため息をついたり、嫌味をチクチク言ってきたり…挙げ句の果てには、自分のミスをこっちに押し付けて説教する悪い上司もいます。 特に怒られた経験の少ない新卒者にとって、こういった怒る上司が職場にいると、仕事中もビクビクしてしまって更にミスを繰り返す…という悪循環に陥りがちです。 「怒られるうちが華だぞ」 「怒られても我慢しろ」 「3年経てば楽になる」 と、世間は無責任にそんなアドバイスをしていますが、私の見解は異なります。上司にいつも怒られる、
上司に怒られた後、落ち込んでいませんか? 「上司に怒られるのは期待されているから」と一度は耳にした事があるのではないでしょうか。上司や取引先は、新入社員が何もできないのは百も承知です。それでも怒るのは、新入社員には多くの可能性があり、今後に期待しているからです。 上司に怒られた後は多くの人が落ち込みます。まず新入社員が、上司に怒られるのは期待されているからこそ、とポジティブにとらえましょう。これが怒られ上手への第一歩ですよ。 上司に怒られることで学び成長すると考える「新入社員だから失敗して当然」という考えはやめましょう。それではいつまでたっても成長しませんよ。だからといって初めから完璧を目指す必要はありません。 新入社員で何も知らないとは言え、やはり上司に怒られるのは少しショックですよね。実際、多くの新人が、上司に怒られた後に涙を流しているでしょう。 新入社員は先輩や上司に怒られることで今
「心が折れる」という言葉は、女子プロレスのハードな試合が起源といいます。最近では、「褒めて育てる」という方針が浸透しているせいか、叱られることに慣れておらず、仕事上のことで怒られると必要以上にプライドが傷つき、心が折れてしまう人も…。「嫌な上司」は世界中に存在します。そんな上司の叱責にいちいち傷ついて心が折れていたら、「ウツ」まっしぐらになってしまいます。そうならないように、嫌な上司に怒られても心が折れない叱られ方をご紹介します。 折れない心をつくるには? 完全スルーはいけませんが、嫌な上司から怒られたときは、しなやかに受け流せる心の余裕が欲しいところです。それはどうすれば身につくのでしょうか? 「仕事でミスをしたら、叱られるのが当たり前」と考える 上司や先輩と比べて経験が少ないため、若いうちはミスがひとつもないなどということはあり得ません。そして、仕事なのでミスをすれば怒られるのは当然で
2013/06/12 · 怒られた時の態度についてです。私は叱られた時、顔や態度に出てしまう癖があります。それが悪いことだとわかってても直せずにいました。
今回はnokogiriを使ったスクレイピングについて書きます。 スクレイピングとは ウェブスクレイピング(Web scraping)とは、ウェブサイトから情報を抽出するコンピュータソフトウェア技術のこと。 ウェブスクレイピング - Wikipediaより Webプログラミングやるのであればどっかしらで必要になるものですよね。要はウェブサイトから情報をガーーーッと取得したいときにプログラムを書いて自動化しようぜ、というものです。こういうことができるようになると、インターネットがもっと楽しくなります。 たのしいRuby 第3版に分かりやすく解説されていたのでそれを参考にしました。 やり方 簡単なことならjQueryの初歩的なDOM操作みたいな感じで出来ます。 使うもの 言語 Ruby gem open-uri nokogiri 今回のスクレイピングはrubyでやっていきます。PHPとどっちが簡
RubyPythonライブラリを使うと、Rubyスクリプトから、Pythonスクリプトを呼び出せる ( RubyからPythonのみ? PythonからRubyはぱっとググった限り、見当たらない ) (2012/11/04)「RubyPython、これはいいものだ」 (ヽ´ω) < ***** とくになにもないです (2014/09/30) 「(ヽ'ω) < RubyでPythonのpickleを読み込む」 Python の pickleモジュールを使って、Pythonから関数やクラス、オブジェクトをバイナリファイルに書き出したファイルを、Ruby側で読み込んで使うようです。 つまり、あらかじめpickleで書き出した(Python)オブジェクト(クラスや関数含む)を、Ruby側で呼び出して(読み込んで)利用する座組み。 残念ながら、Rubyスクリプト内から、自由にPythonスクリプトを
(ヽ'ω`) < 何するの? rubyでpythonのcPickleライブラリの.pckファイルを読み込む。 (ヽ'ω`) < ライブラリがあるはず pickleのフォーマット自体は公開されているので、当然Rubyで読み込むためのライブラリなんてのは、どこかの頭のいい人が作ってくれてるはず。 そういう風に考えていた時期が私にもありました… kuroneko/unpickle-rb · GitHub いや、あるにはあるんだけど、サポートしてるのがプロトコル0までなので、作者さんの言うとおりvery limited This is a very limited tool to unpickle python 'pickle' objects. (ヽ'ω`) < どうしようか 自分でライブラリを作成する? → (ヽ'ω`) < 無 理 というわけで、直接読み込むのではなく、PythonをRuby
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く