フロントエンド

Reactと最近のWebアプリの開発について調べた

最近のWebアプリの開発について情報収集してみて、Reactが流行っている、に辿り着くまでの結果をまとめた。 それぞれの技術はまだチュートリアルを触った程度なので、若干誤解があるかもしれない。 モジュール管理、ビルドツール、CommonJS、ES2015 学習コストが高い割に、細かい技術は長続きしなさそう。 npmとwebpackを使えば、一番環境構築にコストをかけずに済みそうだ。 javascriptの書き方はES2015に準拠するようにしておくと、RubyやPythonのようなLLの使用感に近くなっている...

AWS CLIツールを使ってインスタンス名で検索する方法

AWS CLIツールを使ってインスタンス名の一部の文字列で検索して、表形式で出力する方法を紹介します。 AWS CLIツールのインストール pipのインストール(pipがインストールされてない場合) wget https://bootstrap.pypa.io/get-pip.py sudo python get-pip.py awscliのインストール sudo pip install awscli awsコマンドを使うための設定 aws configure アクセスキーとシークレットキーを聞かれるので入力する。 awsコマンドを使う aws ec2 describe-instances と実行することで、jso...

Percol | Windows7 + Cygwin(64) 環境に percol をインストール

Percol | Windows7 + Cygwin(64) 環境に percol をインストール 概要 Windows7 + Cygwin(64) 環境に percol をインストールします。 前提 Python2.7 をインストール済み cygwin, wget をインストール済み 手順 setuptools のインストール ※%Python% => python のインストールディレクトリ $ cd %Python% $ wget https://bootstrap.pypa.io/ez_setup.py $ python ez_setup.py pip のインストール ※最新版だとうまく動作しないため 1.4.1 を使用 $ easy_install https://pypi.python....

インスパイヤされて掲示板を作りたくなった(番外篇2)

あっぷっぷ… (この記事は前回更新のあと半年もさぼったあと再開したいなと思って書いたよ) 過去ログ スレ 内容 インスパイヤされて掲示板を作りたくなった(1) PHPとComposer、あとべんりなライブラリ インスパイヤされて掲示板を作りたくなった(2) SQLite3のスキーマ設計とTwigテンプレート インスパイヤされて掲示板を作りたくなった(3) ルーティングとモデルの説明 インスパイヤされて掲示板を作りたくなった(4) ドキュメント生成とモデル、SQL インスパイヤされて掲示板を作りたく...

FuelPHP x PostgreSQLでDELETEに失敗する場合の対応

FuelPHPでDBにPostgreSQLを使用する場合、DELETE文で LIMIT句 においてエラーが発生する事があります。 これは、コアクラスが勝手に LIMIT 0, 1 を付けてしまうためです。そこで、 コアクラスをオーバーロード して、 LIMIT 0, 1 を付加しないように修正します。 オーバーロード fuel/app/bootstrap.php Autoloader::add_classes(array( // ~~中略~~ // LIMIT制御を外す(拡張クラスのパスは任意です) 'Database_Query_Builder_Delete' => APPPATH.'classes/extensions/co...

React.jsチュートリアル覚書

ずっとほっといてたReactをやっと触ってみた Reactとは JavaScriptライブラリ JavaScript内にHTMLタグ(のようなもの)を書ける テンプレートエンジンのような感じ MVCのV部分のみ 公式チュートリアルが充実してるのでこれを試す web初心者には厳しい内容です ソースコード githubにこの内容のソースコードをおいています 開発環境 手っ取り早くサーバはnodeで。 以前投稿した手順を参考に。 React開始 Reactインストール npmより まずReact本体とreact-domを。これはセットで使う boo...

FuelPHPでDoctrine2のコマンドを使えるようにするやり方

ここ連日Doctrine2と戯れていますが、コマンドが使えないと非常に不便なので何とかした話。 全然難しいことはなかったので、後回しにするんじゃなかった。 事前準備 以前の記事と同じ構成の環境を使うので、同じ様にセットアップしておく。 http://qiita.com/[email protected]/items/188d207d26f608269b3a やることの整理 コマンドの在処の確認 設定 使えるか確認 コマンドの在処の確認 Doctrine2のコマンドはcomposerでインストールした場合、vendor/binに置かれている。 今回インストー...

MvvmCrossのプラグインを作ってプラットフォーム依存コードを再利用する

Xamarin Advent Calendar 2014の4日目です。 MvvmCrossガチ勢としては書かざるを得ないと思っていたけど忙しくてかけていなかったMvvmCrossのプラグインの作り方をこの機会を借りて紹介したいと思います。 そもそもMvvmCrossプラグインとは MvvmCrossプラグインは、MvvmCrossで作っているプロジェクトにカメラやバイブレーションといったプラットフォーム依存コードを再利用できる形で提供します。プラグインを組み込むと、IoCコンテナにプラグインが提供しているクラスが登録されます...

Python3 + Scrapy1 - スクレイピングの練習環境構築

はじめに  Python3 とスクレイピングのフレームワークである Scrapy を使ってスクレイピングの練習環境を作るよ(・∀・)! 環境 Linux x86-64 (Ubuntu) Python3 Docker1 Bash 仮想環境の構築  Docker でスクレイピング用の仮想環境を構築。イメージは Ubuntu の最新版をプル。走らせるコンテナにホストマシンのポートをフォワーディング。それからプロジェクト用のディレクトリ my-scrapy をコンテナ内の /root/my-scrapy にマウント。 docker $ docker pull ubuntu:latest $ docker...

Rails 4.0.4 -> 4.1.0 Update メモ

まずはこれを読もう "Ruby on Railsアップグレードガイド" https://github.com/hachi8833/docrails/blob/develop/guides/source/ja-JP/upgrading_ruby_on_rails.md bundle update このあたりを新しくして bundle update (毎回使いたいバージョンの Rails で rails new して確認してみるのがいいと思います) gem 'rails', '4.1.0' gem 'sass-rails', '~> 4.0.3' gem 'jbuilder', '~> 2.0' gem 'sdoc', '~> 0.4.0', group: :doc # gem 'ransack' gem 'ransack', git...

最近のWebサイト構築

GitHub PagesというGitHubが運営するWebサーバーを利用して公開する人が多い印象です。 テンプレートは、サイトジェネレーター用のものを持ってきて、適用します。テンプレートをイチから作るにしても、たくさんのライブラリを使って作る人が多いのではないでしょうか。 記事は、Markdownパーサーを利用して書く場合が多く、サイトジェネレーターを使用している人なら、自動でHTMLに変換するようになっています。 言語に関しては、HTMLをHamlまたはSlimで書いたり、CSSをSassで書いた...

Packerを使ってUbuntuにAnsibleをインストールする

PackerとAnsibleを使ってAMIを作ろうとして少しハマったのでメモ。 やりたかったこと PackerでAnsibleをProvisionerとして使うために、Packerから対象インスタンス(Ubuntu)にAnsibleをインストールしたかった。 (Packerでは ansible-local を使うのでインスタンス上にAnsibleをインストールする必要がある。) 環境 Packer: v1.6.6 AMI: Ubuntu 12.04 LTS(ami-1b50031a) Python: 2.7.4 成功例 結論から言うとUbuntu 12.04の環境だとansibleはaptからインストールするのが良い。 Ansible...

Padrino の Plugin を使う

Plugin Generator Padrino にはテンプレートと同じような仕組みとして Plugin Generator がある。 利用できるプラグインはここで公開されている。 また、以下のコマンドで Plugin の一覧を参照できる。 $ padrino g plugin -l Available plugins: - ["960"] - ["access"] - ["ar_permalink_i18n"] - ["ar_permalink"] - ["ar_textile"] - ["ar_translate"] - ["auto_locale"] - ["barista"] - ["better_errors"] - ["blueprint"] - ["bootstrap"] - ["bug"]...

ボタン専用CSSフレームワークの"Buttons"がいい感じ

やりたかったこと 以前、Bootstrap以外のCSSフレームワークを探してみたで、CSSフレームワークを取り上げました。 ただ、もうサイトが出来上がっている場合は、全体にフレームワークを使う必要はありません。どちらかというと、一部のパーツだけに適用したい場合が多いと思います。 例えば、ボタンとか。 そんな時に役立つのが、ボタン制作のための"Buttons"です。 Buttons とは Buttons http://alexwolfe.github.io/Buttons/ こんなカラフルなボタンが、簡単に作れます。 これは一例...

Windows Azure の Webサイト作成(Djangoプロジェクト)で pipインストールを可能にする

経緯 2014年9月12日から9月15日まで開催された PyCon JP 2014 の最終日に行ったPyCon JP 2014 Sprintは、 日本マイクロソフト 品川本社セミナールーム に会場をお借りしました。 Azureの事をほとんど理解していなかったので改めて、PaaS版のチュートリアルを行いました。Pythonの追加モジュールを入れてみようと思ったこと、pipが使えない状態でした。 これは、なんとかしたいと思い、 pip と virtualenv を入れてみようと思い、チャレンジしました。 作業方法 以下から、最新版のpip...

RubyOnRailsでGemを入れてみた

開発環境 ・Rails v4.0.0 ・Ruby v2.0.0p195 (2013-05-14) [i386-mingw32] ■ 論理削除をする用のGem 使用Gem:kakurenbo インストール gem install "kakurenbo"で最初はインストールしました。よろしくなかった。 『最新版入れたのに動かない!?』ってなりました。Bundleを使う方法でインストールし直しても動かず。 結論 * 自分のRailsのバージョンとkakurenboのバージョンが合ってませんでした。 * gem installで入れた後にBundleで入れたので、2つのバージョンが入っている状...

About CSS3

そもそもCSSって何? ↓ http://www.htmq.com/csskihon/001.shtml じゃあCSS3って何? ↓ http://css3.sophia-it.com/reference/CSS3%E3%81%A8%E3%81%AF1 対応ブラウザ http://www.findmebyip.com/litmus/ CSS3で何ができるの? 1、画像がいらない!? 角丸と影:https://webdesigntutsplus.s3.amazonaws.com/tuts/181_css3_vs_psd/Samples/Navigation_non_bleed/index2.html 透過 http://webdesigntutsplus.s3.amazonaws.com/tuts/186_css3_vs_psd/Samples/Transparency%20and%20Opaci...

Fulcrum + Herokuセットアップ

wholemeal: Fulcrum malclocke/fulcrum · GitHub ローカルセットアップ git clone git://github.com/malclocke/fulcrum.git cd fulcrum bundle install bundle exec rake fulcrum:setup db:setup rails server JavaScriptエラー回避 vendor/assets/javascripts/bootstrap-twipsy.js プロジェクトページを開いた時に「Uncaught TypeError: Cannot read property 'webkit' of undefined」エラー(Chrome) エラー発生箇所コメントアウト // set CSS transition event type if ( $....

Git submoduleで別プロジェクトのassetsを使いまわす

あ、どうも。 経緯 とあるプロジェクトで、別のプロジェクトで使っていたSassのファイルと画像ファイルを使いまわせないか、という話が持ち上がった。 やり方はいくつかありそうだけど、ここはあえて勉強も兼ねて、git submoduleを使ってみよう、ということになった。 ちなみにいくつかの他の案は以下のとおりだ。 そもそも使いまわさない コピペ 使いまわしたいと言っているのに使いまわさないとかトンチが効いてるし、コピペは死ねと思ってるので、やっぱり最初から解決策は一つしか...

Gitbucketをバージョン3.10にしたらデータベースが壊れちゃった

3.10にしたらgitbucketが壊れた! 何も考えずにGitbucketを3.5から3.10にアップデートしたところ、データベースがぶっこわれてしまいました。 org.h2.jdbc.JdbcSQLException: Table "ACTIVITY" not found; SQL statement: (うんたらかんたら) ログインできない エラーメッセージしか表示されない どうやら3.10からH2 Databaseがバージョンアップしたことが原因とのこと。作者がデータベースのマイグレーションツールを提供してくれているのを発見した。 GitBucket 3.10をリリースしまし...