参考: http://linuxcommand.org/lc3_lts0090.php パーミッションに関わるメソッドについてまとめてみました｡ 具体的には次のとおりです｡ chmod (chage mode)- ファイルアクセス権限を変更する su (substitute user)- 一時的にsuperuserになる sudo (superuse…

今回は基本的機能としてtodoの追加と削除ができるtodoリストを作成します｡ 前回と同様ジェネレーターからアプリのフォルダを自動生成するところから始めます｡ 詳しくは前回の記事参照｡ uraway.hatenablog.com まずはindex.js js/index.js import React from …

最近流行りのReduxをより深く理解するために､ 「分かりやすい」を目指して勝手にチュートリアルを書いてみます｡ 自分的には結構複雑に見えたんですが､ 他のフレームワークやアーキテクチャに慣れていると簡単なのでしょうか？ 参考: http://qiita.com/ogomr/…

react-social-sharebuttons(Facebook) Simple React components for Facebook Button. インストール npm install --save react-social-sharebuttons 使用例 import { FacebookButton } from 'react-social-sharebuttons'; class App extends React.Component…

JS+Node.jsによるWebクローラー/ネットエージェント開発テクニック作者: クジラ飛行机出版社/メーカー: ソシム発売日: 2015/08/31メディア: 単行本この商品を含むブログ (2件) を見る 読者サポート | JS+Node.jsによるWebクローラー/ネットエージェント開発…

bowser installが使えない？？ なぜだ！ PATHだ！ http://bower.io/ npm経由でbowserをインストール npmを使ってbowserをインストール $ npm install -g bowser bowserコマンドを実行してみると､ エラー -bash: bowser: command not found 考えられる原因は…

github.com Electronを使えば､ HTML + CSS + JavaScriptでデスクトップアプリが作れるらしい｡ エディタはAtomを使っているけど､ 簡単なドキュメントを書くだけならもっと軽いものを使いたいなあと思っていたので､ Reactを使ってマークダウンエディタを作り始…

Simple React components for Linkedin Button. インストール npm install --save react-social-sharebuttons 使用例 import { LinkedinButton } from 'react-social-sharebuttons'; class App extends React.Component { render( const url = "http://urawa…

react-social-sharebuttons(GREE) Simple React components for GREE Button. インストール npm install --save react-social-sharebuttons 使用例 import { GREEButton } from 'react-social-sharebuttons'; class App extends React.Component { render() …

github.com 使い方 まず､こちらで新しくwidgetを作成し､ 表示されるコードの中のdata-widget-idの値を取得します｡ <a class="twitter-timeline" href="https://twitter.com/****" data-widget-id="your widget ID">****</a> 取得したwidget IDをwidgetIdプロパティとして次のようにコンポーネントに渡します｡ import React from 'react'; import ReactDOM from …

react-social-sharebuttons(Feedly) Simple React components for Feedly Button. インストール npm install --save react-social-sharebuttons 使用例 import { FeedlyButton } from 'react-social-sharebuttons'; class App extends React.Component { ren…

react-social-sharebuttons(HatenaBookmark) Simple React components for HatenaBookmark Button. uraway/react-social-sharebuttons: Simple Re... - GitHub インストール npm install --save react-social-sharebuttons 使用例 import { HatenabookmarkBu…

react-hatenabookmark-buttonとreact-line-buttonは､ react-social-sharebuttonsに統合されました｡ react-social-sharebuttons react-social-sharebuttons(LINE) Simple React components for LINE Button. このLINEボタンはスマートフォン向けです｡ PCユー…

もう三ヶ月と少しが経ちました｡ 三ヶ月ずっとJavaScriptをやっていればこんなことが出来るようになると参考になれば｡ tips 単純なライブラリを読み込むと勉強になる 自作ライブラリ・パッケージがダウンロードされると嬉しい ReactJSとreact-routerっぽいも…

uraway.hatenablog.com 前回と同じ要領で今度はLINEボタンのモジュールを作ってみました｡ uraway/react-line-button: Simple React comp... - GitHub モジュールをまとめました｡ こちらを使用してください｡ uraway/react-social-sharebuttons: Simple Re... …

uraway/react-hatenabookmark-button · GitHub たった40行で作れてしまいました｡ scrpitタグ作って必要なものを突っ込んでるだけです｡ 以下ソースコード｡ モジュールをまとめました｡ こちらを使用してください｡ uraway/react-social-sharebuttons: Simple Re…

bundle インストール中､ こんなエラーが｡ An error occurred while installing pg (0.18.4), and Bundler cannot continue. Make sure that `gem install pg -v '0.18.4'` succeeds before bundling. 詳しく見てみると､ コンフィグファイルがないためにエラ…

単位確認は結構面倒な作業なので､ アプリにしてみた｡ デザインにはMaterial UI使用｡ 統一感が出ていい感じ｡ セルにホバーかクリックした時にその要素のテクストがポップアップするようにしたかったがよくわからん｡ jQuery使うんだろうか｡ 単位チェッカー fir…

nginxをbrewでインストール $ brew install nginx nginxコマンドを打つとコマンドが見つからない $ nginx nginx: command not found インストールはされているが, 有効化されていないとのこと $ brew install nginx Warning: nginx-1.8.0 already installed,…

前にも記事を書きましたが、少し勉強した中で他にも解決法を見つけたのでまとめておきます。 さて、クライアントサイドのJavaScriptではrequireを使ってNode.jsのモジュールを読み込むことはできません。したがって以下の様なツールを組み込む必要があります…

試験に向けて忙しくあまり更新出来てないが、Scratchで何かしら凝ったものをつくるという課題があったので、SEGAの名作パズルゲームチューチューロケット！をイメージしてパズルゲームをつくってみたので公開する。不具合があった場合はステージセレクト画面…

コミットメッセージの先頭に使う絵文字(Emoji)まとめ uraway/emoji-matome · GitHub 例えば、バグを修正したというコミットメッセージだけでも、チームや人によって"fix bug", "bug fixed", "fixed bug", "bug fix"など、さまざまな可能性がある。そこで、そ…

gist-it,settings-viewを参考に、メッセージの改良と選択部分を投稿する機能の追加を行い、メジャーアップデートを行った。 uraway/hatena-blog-entry-post · GitHub コマンド Post Current File (⌥⌘P) 現在のファイルを投稿する。 Post Selection (⇧⌥⌘P) 選…

投稿後にタイトルエディタにエントリのURLが表示されるようになりました。 カテゴリを追加できるようになればいいんですケド、難しいので後回し。 atom.io

はてなブログのAPIを使って、Atomから簡単にエントリを投稿できるパッケージをつくってみました。 HatenaBlogEntryPost レスポンスの解析とかカテゴリとか投稿時間とか色々機能は追加できそう。 POSTリクエストにはsuperagentを使用。一回リクエストで詰まっ…

1日に何回このようなimport宣言を書いていますか？ import React from 'react' import ReactDOM 'react-dom' import $ from 'jquery' ファイルごとにいちいちimportするのはめんどくさいですよね。書き忘れるとエラーも起こすし。 そこで活躍するのがWebpack…

Node.jsとExpressを使って、簡単なFeedlyアプリをheroku上に作ったので公開します。Expressほとんど初めて触ったけど楽しい。 DOM操作がやっぱりめんどくさかったのでReact.jsで作り直すかも。 FeedlySearch サイトのタイトルやURL、FeedのURL等で検索できま…

単一コンポーネント this.setStateメソッドでstateとして取得 componentDidMount() { $.ajax({ url: this.props.url, data: { q: "select title from feed where url = '" + this.props.target + "'", format: "json" }, type: 'GET', dataType: 'json', suc…

前記事では、クロスドメインリクエストについて学びました。しかし、普通にCORSを行っても、No 'Access-Control-Allow-Origin' header is present on the requested resourceと返されるAPIがあります。セキュリティの問題からAPIが許可していないためです。 …

http://www.html5rocks.com/en/tutorials/cors/#disqus_thread Author Monsur Hossain ほとんどこちらの要約 導入 aaaa.comにはbbbb.comがアクセスしたいデータがあるとしよう。このクロスドメインリクエストは従来same-origin -policy によって禁止されてい…