Nickはロシアのセントピーターズバーグ出身のソフトウェアデベロッパー/ブロガーです。彼による他の記事はこちらをご参照ください。 アプリはコンテンツやサービスを提供するための、今日（こんにち）の主流かつ確かな方法です。しかし、飽和状態の市場でユーザーを満足させ、その興味をつなぎとめるために、どうすればモバイルアプリは意義や価値のあるものとなるのでしょうか。 この記事では、素晴らしいモバイルUXを作る鍵となる、UXデザインのための７つのヒントをご紹介します。 １. 一つの画面につき、一つの操作 ユーザーが情報を取得する際の努力を軽減する 皆さんがデザインするアプリの画面では、ユーザーにとって最も価値のある一つの動作を助長するものでなければなりません。各画面を一つの目的だけのためにデザインし、Call to Action（行動喚起）は一つに留めましょう。こうすることで、ユーザーはアプリを理解・

9 things every React.js beginner should knowを意訳しました。 誤りやより良い表現などがあればご指摘頂けると助かります。 私は約6ヶ月間React.jsを使用してきました。それほど長い歴史ではありませんが、あなたがひげの長老として扱われるようなJavaScriptフレームワークの目まぐるしい世界の大きな枠組みの中で、私は最近、React初学者のTipsで少数の人々を支援してきましたので、ここでより多くの人々にその内容を共有するのが良いアイデアであると思いました。これらは全て私が始めた時に知っておきたかったことか、もしくはReactを習得するために本当に役立ったもののいずれかです。 あなたが絶対的な基本を知っていると想定して話を進めますが、もしコンポーネント、propsやstateなどの言葉に馴染みがなければ、公式の入門やチュートリアルページを読むと

2. • ハンドル：「きよくら ならみ」 – @kiyokura • 岡山生まれ岡山育ちのプログラマー – 現在は県内の某製造業で社内SE • NET系の開発やWebアプリ開発 – Microsoft MVP for ASP.NET/IIS 自己紹介 3. • Okayama IT Engineers Community – 通称OITECの運営スタッフ – 主にMS系のテクノロジを扱う勉強会などを、 岡山で開催しています – site: oitec.vbstation.net • オープンラボ岡山 – 今年から主宰を引き継ぎました – 岡山でノンジャンルの技術系勉強会を開催 – site: olojp.net コミュニティ

AltJSとTypeScriptとは 昨今、高度なWebアプリケーションやNode.jsによるサーバサイドアプリケーションなど、JavaScriptによるアプリケーションの開発が多く見られるようになってきました。それに伴い、アプリケーション開発の効率化のためのAltJSと呼ばれる言語（コンパイルするとJavaScriptを書き出す非JavaScript言語）たちが注目され、開発が盛んに行われています。TypeScriptはAltJSの1つです。 TypeScript以外にもさまざまなAltJSがあります。たとえばLL（Lightweight Language）を意識した書きやすいJavaScriptとしてのCoffeeScript[1]⁠、国産で速度最適化を重視しているJSX、JavaScript以外の言語への変換ができるHaxeなどです。TypeScriptは、よりよいJavaScrip

私は普段主にC#やjavascriptを使ったりしているのですが、巷で話題のRubyにもそろそろ手を出そうと基礎を勉強し始めました。勉強の過程でRubyって今まで触れてきた言語と思ったより違うなぁと感じました。こういう違いを俯瞰できたら勉強しやすいと思ったのでこの記事を書いた次第です。 これをおさえておけば、ある程度ソースが読めるかも、という見慣れない構文や決まりなどをまとめています。あれもこれもと書いていると長くなってしまいました...。概要をまとめただけで、詳細は他のページや記事に任せるようにしています。 「これは他の言語にも共通じゃないか」と思われることもあるかもしれませんが、ご容赦ください。 ※バージョンはRuby2.0を想定 #変数 変数の種類は、変数名の前にpublicとかprivateをつけるのではなく、変数名に特徴を持たせることで識別する。 ##ローカル変数 スコープが変数

ディレクトリを知ればLinuxが見えてくる Windowsを使っている人であれば、ディレクトリごとに役割や約束事があることはご存じでしょう。 アプリケーションをインストールする場合は、通常\Program Filesフォルダ下にサブフォルダを作ってファイルを保存します。Windows 2000であれば各ユーザー固有の設定は\Documents and Settingsフォルダ下にあり、\WINNTにはOS本体のファイルが集められています。各ユーザーが作成したデータの保存先は、ユーザー用の［マイ ドキュメント］であり、ちょっと詳しい人ならこのアイコンの実体が\Documents and Settings\ユーザー名\My Documentsであること、好きなフォルダにマッピングし直せることも知っているでしょう。 しかし、WindowsからLinuxに移行した途端、いままでのセオリーはまったく

みんな大好き「Ruby」についてまとめました。超弩級初心者向けです。 ##Ruby？なんやそら... ###Rubyの歴史 開発者は日本人のまつもとゆきひろ氏。通称--Matz--。 1993年生まれ。2005年に誕生した「Ruby on Rails」(以下Rails)というWEBアプリケーション・フレームワークにより爆発的に普及。 ###Rubyのニーズ ITのメッカ、シリコンバレーで働くエンジニアに調査したところ、最も人気が高い・最も年収の高いエンジニアの使う言語、共に「Ruby」が一位という結果が出ている。ちなみにごく普通のエンジニアで平均年収が1200万に達する。「Rails」は日本でも多くのIT企業で採用されている。(楽天・CookPad・Wantedly・カカクコム・Retty・リブセンス・クラウドワークス・など) ###Rubyの通り名 真性オブジェクト指向言語 より良いPe

初心者ぺちぱーがRubyのコードを書くに当たって、大変勉強になったサイト、これから読んでおきたいドキュメントを紹介する。 Index Ruby入門・チュートリアル Ruby reference Ruby 2.0の新機能 Rubyコーディング規約 Ruby関連の情報 Ruby tool Ruby ブログ rbenv & ruby-build Gem Bundler irb pry RDoc YARD RSpec Cucumber SimpleCov ruby-prof Rake Rack Rack対応HTTPサーバー Sinatra Ruby on Rails Rails 4.0の新機能 Ruby入門・チュートリアル Rubyを始めるときに、入り口になるところ。他言語文化圏からの移民の人達は第1章 Ruby言語ミニマムから読み始めると、256倍ぐらい理解が早くなると思う。 第1章 Ruby言

グッドパッチのデザイナーがSketch 3を使ったUIデザインの方法を解説する本連載。第1回ではSketchの魅力についてお伝えしました。今回は、スマートフォンアプリの「Sign upページ」を例に、基本的なUIをデザインする上で必要なSketchの操作を説明します。Sketchの使い方だけでなく、UIデザインに役立つTipsも紹介します。 ※文中の（A）などはショートカットキーです。積極的に使って覚えていきましょう！ Sign upページは、以下の手順で作成します。 アートボードを用意する ナビゲーションバーを置く ユーザーアイコンの画像を丸く切り抜き配置する 入力欄を作成する ボタンを作成する 解説の中では細かい数値や色については触れませんが、同じ数値で作成したい方は図を参考にしてください。また、今回作成する「Sign upページ」のSketchデータはこちらからダウンロードできます。

Webアプリケーションの話は、まずHTTPから始めなくてはなりません。 WebアプリはHTTPを前提として作られているからです。 HTTPはTCPやIPと並んでインターネットを支える重要なプロトコル（通信規約）です。 ここではHTTPについて簡単に説明します（注1）。 HTTP（HyperText Transfer Protocol） HTTPはクライアントとサーバ間で行われる通信の規約を定めたものです。 HTTPではクライアントからサーバに送るデータをリクエスト、サーバからクライアントに送るデータをレスポンスと言います。 HTTPの最大の特徴はあるクライアントからのリクエストに対しサーバがそのクライアントへレスポンスを返すと、それで処理が完結することです。 つまり、サーバは各クライアントとの過去のやりとりを管理していません。 したがってサーバの負荷が軽く、1台のサーバで多くのクライアント

プログラムをgit管理する時、GUI使うのもいいけどプログラマならターミナルでクールにキメたい。いつかマスターするその時までストックしておくと幸せになれるコマンドを集めました。 基本的にこいつらさえ抑えておけば「ｯﾀｰｰｰﾝ!!」とできます。 ■linuxコマンド基礎編 gitの操作はターミナル上で行います。 まずはターミナルで生きていくために不可欠なコマンドを集めました。 # 現ディレクトリ配下のディレクトリ/ファイルを表示 $ ls # 既存ディレクトリに移動する $ cd [ディレクトリ名] # 新規ディレクトリを作成する $ mkdir [ディレクトリ名] # 新規ファイルを作成する $ touch [ファイル名] # 既存ディレクトリ/ファイルを移動する $ mv [ディレクトリ名/ファイル名] [移動先ディレクトリ名] # 既存ディレクトリ/ファイルの名称を変更する $ mv

毎回、JavaScriptを使って、仕事に役立つプログラムを紹介しているこの連載ですが、今回は、Node.jsというJavaScriptエンジンを利用する方法を紹介します。Node.jsを使うことで、JavaScriptでできることの幅がぐっと広がります。今回は、Node.jsのインストールから、簡単なWebサーバーを作るところまでを紹介します。 Node.jsとは？ まず、Node.jsについて紹介します。「Node.js」は、もともとWebサーバーなどのネットワークプログラムを記述するために開発された、JavaScriptの実行環境です。その心臓部には、Google Chromeに搭載されているJavaScriptの実行エンジンV8が搭載されています。V8はGoogleが開発するオープンソースのJavaScript実行エンジンで、高速に動作することで有名です。また、WebブラウザーのJ

こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 前回、これからSassを始めたい人へ！導入手順をまとめてみた(Dreamweaver対応)というSassの基礎に関する記事を書かせていただきました。 そこで今回は、もう一歩つっこんでもっと使いこなせるようになろう！という趣旨のもと、ちょっと使えるようになったからっていい気になっている僕がSassのテクニックやら関数をまとめてご紹介いたします！ たくさんある機能の中から、今回は比較的簡単で実用性の高いものをチョイスしました。 目指せSassマスター！WEBデザイナーもコーダーもすぐに実践したくなるSassの基本テクニック12連発もくじ もくじ テクニック1　アンパサンド（&） テクニック2　演算 テクニック3　round() テクニック4　rgba() テクニック5　コメントアウト テクニック6　変数 テ

概要 MongoDBの薄い本を読みながらMongoDBを勉強し始めたので、自分の理解を試すために書きます。 簡単なCRUDの説明になります。 また、以下の内容で簡単なMongoDBの使い方がわかった方は、[Groovy] MongoDBを簡単に扱えるイケてる言語Groovy -基本的なCRUD-を見ていただければ、プログラミング言語Apache GroovyからMongoDBを扱う方法も確認していただけます。 インストール Synapticパッケージマネージャからインストールします。 mongodb というパッケージを選択してインストールしてください。 インストール構成はまぁ普通な感じでしょうか？？ 重要そうなファイルは以下のように配置されています。 /usr/bin/mongo /usr/bin/mongod /etc/mongodb.conf /var/lib/mongodb (con

AppleがWWDC2014にてSwiftを発表してから2ヶ月近くが経ちました。OS X/iOSのアプリ開発に存在するObjective-Cの壁は取り払われ、より多くの人に馴染みやすい言語として現れたSwiftはコミュニティへの新たな開発者の流入を促し既存の開発者にもより安全でモダンなスタイルでの開発を可能にした点でとても歓迎されています。 既に沢山の入門文献や言語の特徴的な振る舞いを解説した文章が日本語で世に出回っていることは承知の上でありますが、最近のbeta 3で変更になった部分やこの2ヶ月で溜まってきたナレッジをもとにあらためて言語からアプリ開発まで一貫した解説記事を残したいと思いました。 本記事の構成はまず速習Swiftで文法の基礎的なところを話し、その後Todoアプリの作成を通じてクラスや構造体、UIKitを用いたアプリ制作の具体的な話をしていきます。読者は他言語を多少触ったこ

目次 Swiftの準備 Swiftってなに？ 必要なモノ 環境構築 Hello World! 変数 データ型 真偽型 数値型 文字列型 配列型 辞書型 Optional 演算子 四則演算子 インクリメント・デクリメント 比較演算子 三項演算子 閉範囲演算子 半閉範囲演算子 論理演算子 制御構文 if文 for文 swich文 Swiftの準備 Swiftってなに？ アップルのiOSおよびOS Xのためのプラグラミング言語。 Worldwide Developers Conference(WWDC)2014年で発表された。 マルチパラダイムのコンパイラプログラミング言語であるが、XcodeのPlaygroundsの上やターミナルでインタラクティブにデバッグする事が可能である 『Swift (プログラミング言語) wikipedia』より とのことでした。 それでは早速環境を整えていきたいと思

こんにちは、Swift言語にどっぷり浸かってる渡部です。 Swift言語でプログラミングを始めて数ヶ月経ちます。 今回は、気になったことや、覚えておきたい事、Java などの他のオブジェクト指向言語でプログラミングされていた方が Swift言語の実装で詰まりそうな事をまとめてみました。 環境は、Xcode 6.1.1を使用しています。 モダンプログラミング言語、Swift にしびれた！ １．for 句 ３種類の記述が可能です。 for – in 文を使って、要素分ループします。