therubyracer をインストールしているのに bundle install がこける事象に遭遇しました。 Gem::Ext::BuildError: ERROR: Failed to build gem native extension. /Users/t-fujiki/.rbenv/versions/2.1.0/bin/ruby extconf.rb checking for main() in -lpthread... yes checking for main() in -lobjc... yes checking for v8.h... no *** extconf.rb failed *** Could not create Makefile due to some reason, probably lack of necessary libraries and/or h

今日のyak shaving。 とあるRailsプロジェクトを動かそうと bunlde install してみたところlivb8のinstall時にエラーとなりました。 OS はEl Capitanです。 エラー抜粋： 2 errors generated. make[1]: *** [/Users/rochefort/.rbenv/versions/2.3.0/lib/ruby/gems/2.3.0/gems/libv8-3.16.14.13/vendor/v8/out/x64.release/obj.target/v8_base/src/accessors.o] Error 1 make: *** [x64.release] Error 2 /Users/rochefort/.rbenv/versions/2.3.0/lib/ruby/gems/2.3.0/gems/libv8-3.1

先日、メールマガジンを長年運営しているという方にお会いした。 メールマガジンというと古いイメージがあるが、実際にはまだまだ需要はあるとのこと。彼は会社員でありつつ、個人でメールマガジンを運営し、それなりの規模まで育てている。 そんな彼と話したとき、一つ悩ましいことがあると教えてくれた。 「メールマガジンの運営と集客ののコツを教えてくれ、と私のところへ来る人が結構いるんですが……一つ、悩ましい、というか困ったことがありまして。」 「どんな話ですか？無料でノウハウを教えてくれ、とか？」 「いやー、無料で教えるのは別にいいんです……10分、20分、自分のやっていることを伝えるだけですから。私も立ち上げに苦労しましたから、気持は良くわかります。だから「こうすればいい」は簡単に伝えられるんです。」 とてもいい人である。 「お金の話ではないのですね。」 「いやー、別にこれで稼いでるわけじゃないので。読

親コンポーネントのメソッドをコールバック実行するメソッドを 子コンポーネントのpropsに設定するればイベントの通知が可能。 まずイベントを発生させる子コンポーネントを定義する。 var CommentForm = React.createClass({ clickEvent(e){ var cast_value = "渡す値"; this.props.onEventCallBack({ message : cast_value }); return }, render : function(){ return ( <div> <button onClick={this.clickEvent}>click</button> </div> ) } }); 次にイベントを検知する親コンポーネントを定義。 var CommentArea = React.createClass({ pushMes

<div id="transition">マウスを乗せてみてください <div id="ease">ease</div> <div id="linear">linear</div> <div id="ease-in">ease-in</div> <div id="ease-out">ease-out</div> <div id="ease-in-out">ease-in-out</div> </div> transitionはまとめて指定しています。transition-propertyとtransition-delayは省略しています。省略した場合、transition-propertyは「all」、transition-delayは「0s」になります。 #transition{ width:510px; padding:10px 20px; background:#f1f6fc; bo

今回は前回にも少し登場したPropについて取り上げたいと思います。 基本的な使い方 Propは基本的にはCompnentのattributeとして定義してComponentの中ではthis.props.xxxとして参照する。それだけです。PropにはObjectでも関数でも何でも指定することが出来ます。 var Avatar = React.createClass({ render() { var avatarImg = `/img/avatar_${this.props.user.id}.png`; return( <div> <span>{this.props.user.name}</span> <img src={avatarImg} /> </div> ); } }); var user = { id: 10, name: "Hoge" }; // <Avatar user={us

Note: ReactTransitionGroup and ReactCSSTransitionGroup have been moved to the react-transition-group package that is maintained by the community. Its 1.x branch is completely API-compatible with the existing addons. Please file bugs and feature requests in the new repository. The ReactTransitionGroup add-on component is a low-level API for animation, and ReactCSSTransitionGroup is an add-on compon

U.S. DollarEuroBritish PoundCanadian DollarsAustralian DollarsIndian RupeesChina Yuan RMBMore Info →

2017/06/22 JavaScriptでスクロールさせるには、scrollTo()、scrollBy()などのメソッドを利用します。 サンプルコード// 絶対指定 scrollTo( 0, 100 ) ; // 相対指定 scrollBy( 0, 100 ) ;デモ絶対位置で指定ページ上の指定した座標位置にスクロールするには、scrollTo()というメソッドを利用します。ブラウザ画面の左上部分が合わさる位置座標を指定して下さい。横スクロールが発生するページはあまりないので、第1引数には0を指定することが多いでしょう。毎回、必ず同じ位置までスクロールします。

This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

ReactのCSSTransitionGroupを利用して簡単なエフェクトを実装します。CSSTransitionGroupはCSSのアニメーションをReactで手軽に利用できるように作られたものです。 Animation | React CSSTransitionGroupの使い方 CSSTransitionGroupコンポーネントで子の要素を囲む事で、その子の要素の追加や削除のタイミングでアニメーション用のCSSクラスを自動的に付与してくれます。 たとえば、下記のように items を囲ったとすると、 <CSSTransitionGroup transitionName="example" transitionEnterTimeout={500} transitionLeaveTimeout={300}> {items} </CSSTransitionGroup> transition

今回はReact.jsでのAnimationについて書きたいと思います。 React.jsではAddonとしてサポートされていて、CSS Animationを使ったCSSTransitionGroupとComponentのLifecycle MethodのようにMethodでフックして書く2パターンあります。 CSSTransitionGroup こちらではComponentの追加・削除時にCSSアニメーションさせることが出来ます。やりかたはAngular.jsやvue.jsのものに近くて追加・削除時にclassが追加されるのでcssにアニメーションを記述する感じです。 {transitionName}-{enter,leave}のclassName追加された後、次のイベントループで{transitionName}-{enter,leave}-activeのclassNameが追加されるの

ALTER DATABASE [db_name] alter_specification ... alter_specification: [DEFAULT] CHARACTER SET [=] charset_name | [DEFAULT] COLLATE [=] collation_name 作成済みのデータベースに対して属性の変更を行えます。現在変更可能な属性はデフォルトの文字セットと照合順序です。 なおデータベースにおけるデフォルトの文字セットというのは、データベースにテーブルを作成した時、文字セットを指定しなかった場合に設定される文字セットです。ALTER DATABASE を使ってデフォルト文字セットを変更しても、作成済みのテーブルの文字セットが変更されません。今後新しくテーブルを作成するときにデフォルトで使用される文字セットが変更されるだけの点に注意してください。 それでは

人気のプログラミング言語を年収、求人などのデータを元にこれから何を学習したら良いのか比較してまとめています。初心者でこれから始める人、エンジニアとしてプログラミングを身に付けたいという人には間違いなく参考になる情報です。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社　調査期間：2021年8月12日～8月16日　 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名　 調査手法：インターネット調査 本稿は、Codementorのブログ記事を、Codementorより了解を得て日本語翻訳し掲載した記事になります。 科学、技術、工学および数学の素養がある人材に大きな需要があ