Electron Markdown Editor powered by React-Redux いまのところ特徴としてはこんな感じ はてなブログエントリーの投稿 はてなブログエントリーリストの取得 Evernoteとの連携とか画像アップロード機能とかいろいろやりたい。あとキャッチーなネーミングがほ…

github.com 前に作ったelectron-oauth-twitterの応用｡ このライブラリを使えば簡単にGithubのアクセストークンを取得できます｡ uraway.hatenablog.com インストール npm install electron-oauth-github 使い方 アプリを登録 Client ID と Client Secretを取…

electron-authentication-hatenaをベースにElectronのライブラリを作成しました｡ このライブラリを使えば､ Electronアプリから簡単にOAuth認証することができます｡ github.com インストール npm install electron-oauth-twitter 使い方 アプリを登録し､ Cons…

参考: 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…