中〜大規模なSPAを開発する時に抑えておきたい10のポイント - KAYAC engineers' blog
こんにちは。カヤックのSPAおじさんこと島津です。 今年はReactとVueを使ったSPA開発プロジェクトをいくつか担当してきたので、そこで得た知見の総まとめをしたいと思います。 ※ ここでのSPAとはすべてのViewをJavaScriptで書くWebアプリのことを指します。サーバーサイドMVCを主軸にViewの一部をReactやVueで書くこともありますが、今回はそのケースではありません。 1. フレームワーク 数年前とは事情が変わり、 フレームワークを使わないという選択肢は昨今だともう無いでしょう。丸腰のJSでDOMを弄っていた時代に比べると、かなり安定したフロントエンドの開発ができるようになりました。 人気フレームワークの台頭になっている React + Redux Vue + Vuex をこの1年使ってきましたが、書き方は違えどFluxアーキテクチャ・仮想DOM・コンポーネント志向
React Nativeアプリをリリースし続けるために、最初に行う8つの取り組み
This document discusses React Native and best practices for building mobile apps. It covers getting started with React Native, setting the application ID and bundle identifier, versioning, build types, integrating Fabric and Firebase, and using Fastlane for deployment. Tips are provided for configuring Android and iOS projects as well as continuous integration/delivery best practices.Read less
かなりオススメ！WordPressのローカル環境が簡単に構築できる、Windowsもmac OSも対応の無料ツール -Local | コリス
WordPressのローカル環境を構築するといえば、XAMPPやInstant WordPressを利用している人が多いと思いますが、これらより簡単に、そして一度のインストールで複数の環境を構築でき、PHPなどのバージョンも簡単に変更することができる高性能な無料ツールを紹介します。 サーバーの知識がない人でも簡単に利用でき、あっという間にWordPressのローカル環境が構築できます。 UIも洗練されて使いやすく、かなりオススメです！ ローカルに、WordPressの制作環境を簡単に構築できます。 WordPressの制作環境は、複数構築できます。 サーバーの知識がない人でも、4クリックするだけでOK。 WordPress日本語版にも対応。 ローカルSSLサポート。 SSH/WP-CLIアクセス。 共有可能なURLを作成して、クライアントに見せることも可能。 柔軟な環境オプション。 PHP
【2017年】初心者にオススメなLinuxディストリビューション | クロの思考ノート
2018年版こちら>>【2018年】初心者にオススメのLinuxディストリビューション こんにちは。今回のテーマは『【2017年】初心者にオススメなLinuxディストリビューション』です。「Linuxって種類が沢山あって、どれが良いのかわからない」「インストールしたらすぐに日本語入力ができるディストロってどれ？」という方のお役に立てればと思います。 2014年から初めて本企画も4回目を迎えました。皆様に有意義な情報をお届けできるように今後も努めて参ります。 【関連記事】 【2014春】初心者にオススメなLinuxディストリビューション 【2015年】初心者にオススメなLinuxディストリビューション 【2016年】初心者にオススメのLinuxディストリビューション [adsense02] 【目次】 どのLinuxディストリビューションを使えば良いのか？ ディストリビューション選びは最初のハ
Big Sky :: Windows ユーザは cmd.exe で生きるべき。
[D] Windowsはターミナルがダメだから使えないってのは過去の話? 基本的にはいい感じに見えますが、いくつか問題は発覚してます。 http://blog.drikin.com/2015/01/windows-2.html 僕は Cygwin よりも msys2 が好きです 理由は最後の方に書きます。 cygwin は windows 上に完全な POSIX を提供するのが目的であって、msys2 は native な windows アプリケーションをビルドするのが目的なのでゴールが違うのよね。そして僕は全て cygwin で染められるのが好きじゃ無い。それだけの話です。 — mattn (@mattn_jp) April 10, 2016 もちろん msys2 を POSIX 環境としても使いますが、一番の目的は cmd.exe から Windows ネイティブなアプリケーションを
gulp なしの Web フロントエンド開発 - アカベコマイリ
Web フロントエンド開発において gulp は非常に便利だ。しかしあまりにも gulp に依存しすぎており、これなしで開発できるだろうか？という不安もある。というわけで gulp を利用せず package.json と npm だけで同等の機能を実現する方法を検討してみた。 2015/11/4 追記 babelify v7.2 を試すで babelyfy 7.2 ( とその中の Babel 6.x ) について調べ、npm-scripts の変更が必要なことを確認したので追記。また Windows 環境の動作検証をおこなったところ、最新の watchify なら -o オプションが通ることを確認できた。よって本記事の最後の課題が解決したことになる。 2015/9/23 追記 cpx と rimraf を試すの内容をファイル処理に反映して簡略化。 2015/9/15 修正 Stylus
Docker 入門ハンズオン資料 - Qiita
JAWS-UG CLI専門支部 #23 - ECS 入門用の資料です。 https://jawsug-cli.doorkeeper.jp/events/24371 このハンズオンの前に説明として使ったスライドも公開しました。 Docker入門 - 基礎編 いまから始めるDocker管理 http://www.slideshare.net/zembutsu/introduction-to-docker-management-and-operations-basic 目的 Docker の「速さ」と「効率性」を体験するために、コンテナやイメージの作成と実行、Dockerfile を使った環境の管理、簡単なウェブサーバの起動を試します。 前提知識 Linux のコマンドラインを操作できる Docker についての知識は不要 ハンズオン手順 A-1. コンテナ・イメージの確認と取得 docker
WordPressとnginx＋MySQL＋memcached＋wp-cliをインストールする一撃シェルスクリプト
今回の一撃シェルスクリプトは、OSインストール直後のサーバーに対し、CMSの「WordPress」のインストールと起動をオートメーション化するものです。同時に、RDBMS「MySQL」やWebサーバー「nginx」、分散型メモリキャッシュシステムの「memcached」などのミドルウェア、WordPressをコマンドラインで操作可能にするツール「wp-cli」のインストールも行います。サーバーは、CentOS 7.1をminimalでインストールしたものとします。 WordPress＋ミドルウェアのインストールなんて数分で完了です 先日、あるWEBデザイナーさんから、WordPressのインストールにかかる時間はおよそ30分だという話を聞きました。しかし、ミドルウェアのインストールも含めると、なかなか慣れないためにもっと時間がかかるそうで、半日〜1日仕事になることもあるとのことでした。 し
【Mac】Pythonのインストール+pyenvの使い方について - TASK NOTES
先日、AWS CLI 1.6.8にアップグレードしたらエラーで使えなくなったという記事を書きましたが、確認したい事があったので、システムデフォルトのPythonを使うのをやめて pyenv でローカル環境にインストールして使うことにしました。 pyenvとは Pythonのバージョン管理ツールです。複数のバージョンをインストールしてプロジェクト毎に使い分けたりする事のできる、Rubyでいう rbenv と同じようなものです。 https://github.com/yyuu/pyenv pyenvのインストール Homebrewを使ってインストールします。Homebrewのインストールはコチラ $ brew install pyenv ==> Downloading https://github.com/yyuu/pyenv/archive/v20141211.tar.gz ########
AWSで構築した環境にありがちなシェルスクリプトたち まとめ ｜ DevelopersIO
AWSでサーバを運用する際にはEC2からAWS CLIを使って他のAWSのサービスと連携したりすることがあると思いますが、AWS環境ならではのシェルスクリプトを集めてみました。AWS CLIのバージョンは1.7.13、Pythonのバージョンは2.6.9を使っています。私はAmazon Linuxで動作を確認しています。 目次 準備する AWS CLIのインストール AWS CLIのアップデート aws configureでセットアップする IAM roles for EC2 instancesに関して 監視系 CloudWatchでカスタムメトリクスを設定する ZabbixからCloudWatchの値を取得する プロセス監視する バックアップ系 AMIとEBSのバックアップを作成する RDSのスナップショットを作成する S3のフォルダを削除する 便利スクリプト系 Route53の自動登録
「はてな教科書」を最新化し、サンプルコードを追加しました - Hatena Developer Blog
こんにちは、id:hakobe932 です。はてな教科書を最新版に更新いたしましたので、お知らせします。 「はてな教科書」は、はてなでWeb開発を行うエンジニアのために作られた、1週間程度の期間でWebアプリケーション開発の基本を身につけるための教科書です。はてなサマーインターンシップや、入社時研修に利用されています。2012年からgithub上で公開しており、どなたでも読むことができます。 はてな教科書 はてなでは、継続的に教科書を更新しています。今回の更新では、はてなサマーインターン2014での講義をもとに、課題内容とサンプルコードを変更しました。Webアプリケーションの学習や研修題材としてどうぞご利用ください。 教科書間の課題の連携を深め、一貫した学習ができるようにしました これまでは Perl によるオブジェクト指向プログラミング の課題が他の講義から独立した内容でしたが、他の講義
ピクセルアスペクト比計算機 Ver.2.2
略語表記の意味 ・DAR(Display Aspect Ratio) 画面表示する際のアスペクト比になります。 ・PAR(Pixel Aspect Ratio) ・SAR(Sample Aspect Ratio) 1ピクセルあたりのアスペクト比になります。 x264cliの--sar SAR_W:SAR_H mp4boxの-par TrackID=PAR_W:PAR_H wmvの-pixelratio PAR_W PAR_H などが該当します。 参考：ageha 縦横（アスペクト）比
Go言語によるCLIツール開発とUNIX哲学について - ゆううきブログ
この記事ははてなエンジニアアドベントカレンダー2014の8日目です。 今回は、Go言語でサーバ管理ツール Mackerel のコマンドラインツールmkr を作るときに調べたこと、考えたこと、やったことについて紹介します。（mkr は現時点では開発版での提供になります。） コマンドラインツールについて コマンドラインツールを作るにあたって、@deeeet さんの YAPC Asia 2014 での発表資料が非常に参考になります。 書籍 UNIXという考え方ーその思想と哲学 の内容をベースに、コマンドラインツールはどうあるべきかということが丁寧に説明されています。 上記資料から引用させていただくと、コマンドラインツールにおいて重要なポイントは以下の7つであるとされています。 1つのことに集中している 直感的に使える 他のツールと連携できる 利用を助けてくれる 適切なデフォルト値を持ち設定もでき
事例からAmazon Kinesisとは何なのかを学ぶ | DevelopersIO
はじめに 以前、Amazon Kinesisを使う案件があり技術調査の手伝いをしたことがありました。AWSのサイトには「大規模なストリーミングデータをリアルタイムで処理する完全マネージド型サービス」とありますが、その時は何のためのサービスなのか触ってもいまいちピンときませんでした。その後、分からなかった点を担当者にいろいろ聞いてみたのですが、案件が事例化されましたので教えてもらったことをブログに書いてみようと思います。株式会社あきんどスシロー様の案件です。以下が構成図になります。 「うまいすしを、腹一杯。うまいすしで、心も一杯。」 処理の流れ 事例の構成図からどのような処理が行われているかを担当者に確認しました。 回転寿司のすし皿に付いているICタグの情報を管理端末が読み取ります。 管理端末が読み取った情報はインターネットを経由してAmazon KinesisへPutされます。Putされる
アプリ開発者御用達の画像処理ツール「ImageMagick」を普段使いに
今回紹介するツール ［ツール名］ImageMagick ［対象］Windows、UNIX、Linux、Mac OS、iOS ［提供元］ImageMagick Studio LLC ［ダウンロード先］［URL］http://www.imagemagick.org/［英語］ アプリ開発者向けの高機能画像変換・編集ツール 「ImageMagick」は、ビットマップ画像（.bmp）を作成、編集、変換するためのオープンソース（Apache 2.0ライセンス）のツールセットです。 ImageMagickは、BMPやGIF、PNG、JPEG、TIFFといった一般的な画像形式はもちろん、PostScript、EPS、SVGといった特殊用途向けの画像形式や、PDFなどのドキュメント形式にも対応しており、画像形式の相互変換やサイズ変更、カラー調整、合成、テキスト／図形の描画、サムネイル作成など、本格的な画像処
Linuxコンソール上からCUIでDropboxに接続、マウントする方法 | 俺的備忘録 〜なんかいろいろ〜
今回の内容は、Linuxコンソール上からCUIでDropboxをマウントし利用する方法についてを紹介する。 Linuxのコンソール上からDropboxを利用するには、Gitに登録されている『Dropbox Uploader』というスクリプトを用いる。 1.ツールのダウンロードとインストール まずは『Dropbox Uploader』を使うため、git cloneでファイルを取得、権限を与えインストールを行う。 git clone https://github.com/andreafabrizi/Dropbox-Uploader/ cd Dropbox-Uploader/ chmod +x dropbox_uploader.sh ./dropbox_uploader.sh App Keyを求められるので、表示されている手順に従い、まずは表示されているURL(https://www2.drop
コマンドラインツールを作るときに参考にしている資料 | SOTA
コマンドラインツールについて語るときに僕の語ること - YAPC::Asia Tokyo 2014 コマンドラインツールが好きで昔からつくってきた． 今年のYAPCで，そのコマンドラインツールをつくるときにどういうことを意識して作っているのか？どのような流れで開発しているのか？といったことを語る機会をもらえた． 具体的な内容については，是非トークを聴きに来てもらうとして， スライドをつくるにあったって過去に読んだ資料や，よく参考にしている記事を集め直したので，その一部を参考資料としてまとめておく． UNIXという考え方 UNIXという考え方 Mike GancarzによるUNIXの思想や哲学をまとめた本．古いが全然色あせてない． コマンドラインツールの作り方を書いた本ではないが，これらの思想の上で動くツールはこの思想に準拠して作られるべきだと思う．何度も読んで考え方を染み付かせた． 小さい
キミはionicを知っているか？AngularJS+PhoneGap+美麗コンポーネント群！
キミはionicを知っているか？AngularJS+PhoneGap+美麗コンポーネント群！ 金井 健一（フリーランス） ionic 概要 ionicはそのサイトのデザインからも見てわかるとおり、シンプルかつ美しいUIを取り揃えたコンポーネント群で、Apache Cordova を拡張して作られているフレームワークです。 また、動的なUIコンポーネントを実装するために、 AngularJS を採用してる点もその特徴の1つです。 ionicがサポートしているプラットフォームは、iOS 6+とAndroid 4+です。（ただしAndroidについては、2.3+でもいくつかの機能を提供してるとのこと） 現状ではこの2つのプラットフォームのみですが、Windows PhoneとFirefoxOSについても今後対応を進めていくようです。 特徴 Apache Cordovaを拡張して作られている、モバ
第五回 Xcode以外でSwiftを書きたい人のためのプラグイン×3選 - Swift入門 - Mobile Touch - モバイル/タブレット開発者およびデザイナー向け情報ポータル
Swiftは通常Xcodeで書くと思いますが、LLっぽいこともあってテキストエディタなどで書きたいと思う方も多いようです。ということでMac OSX向けの代表的エディタでSwiftを書くのに便利なプラグインを紹介します。 Atom まずはGitHubが開発している新生のエディタAtomです。Swiftにもいち早く対応してきました。 atom-language-swift AtomでSwiftのシンタックスハイライトに対応させるライブラリです。 まずはシンタックスハイライトが基本ですよね。 darinmorrison/atom-language-swift atom-execute-as-swift Atom上からSwiftを実行してその結果を表示できます。 tachiba/atom-execute-as-swift Atomのパッケージは初期設定から検索、インストールできるのが便利ですね。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AppStore申請を一式まるっと自動化する
