Figma 3.0が発表されてから半年ほど経ち、実際にプロジェクトでFigmaを使用した際の知見や、tips的なものまで日本でも散見されるようになってきました。 そんな感じで良い具合に枯れ始めているデザインツールではあるのですが、まだまだ日本での記事は、経験者向けに「Figmaに乗り換えるメリット」とか「他のUIデザインツールとの比較」のような内容の記事が多く（人のこと言えないですが......）、初心者にはUIデザインのツールとしてはまだまだ馴染みの薄いツールなのかなと思います。 というより、昨今はデザインツールが多すぎてシンドいことこの上ないですね。一度効率化の味を知ると更なる効率化を追い求めてしまいますし、そんな現状だと日頃から使用しているツールを変えるのも一苦労です。 ......さて、今回は初心者〜中級者くらいまでに向けてFigmaで作るUIデザイン入門的な記事を書いていこうと思

Sketch記事、少し久しぶりになります。ALIのさいとうです。 今回はSketchを使ってリアルイラストを作ってみます！ Sketchに関する過去の記事はこちら。 ・これだけでOK！Sketch3初心者の為の使い方とショートカット ・Sketch3でメジャー機能が使える便利なプラグイン ・iOS上でSketch3のデザインが見れるアプリ『Sketch Mirror』 ・Sketch3で簡単なWeb用のボタンデザインを作る基本操作 ・Sketch3ユーザーなら絶対に見ておきたいサイト『Sketch App Sources』 ・Sketch3でのテキスト入力設定の基本操作、徹底解説！ Sketch3でiPod Shuffleを作ってみる 以前の記事でご紹介した、Sketch App Sourcesというサイト。 Sketchを使って作成された高品質なデザインの作品がダウンロード

Sketch AppTutorials 38 Best Sketch 3 Design Tutorials Jake RocheleauAugust 5, 20152 Comments05.2k Bohemian Coding’s Sketch 3 is the latest & greatest tool for digital design. Everyone from icon designers to mobile app designers agree that Sketch does the job well. But since it’s so new there is a distinct lack of information related to Sketch 3 for interface design. Thankfully some designers have

Publishing a JavaScript library for public use requires some extra steps. You need to think about how people will use the library. From end users, to contributors your library now has a variety of people outside of yourself potentially making use of the code that you've released into the wild. From Github and npm, to releasing beta versions, semantic versioning, code coverage, continuous integrati

Welcome to our mini-series on getting started with programming in Swift! In this series, you’ll learn some of the basics of programming while working in a modern, friendly environment with the Swift programming language. Instead of us boring you with a lot of theory, you’ll get to coding right away by using Swift Playgrounds, which are sandbox-type environments wherein you can run code directly wi

Jack Watson-Hamblin Jack is the author of RubyMotion for Rails Developers and the creator of the RubyMotion-focused MotionInMotion screencast. 1 Introduction Swift has taken the Apple developer world by storm since its announcement at WWDC 2014. With Swift being such a new language, there are no real experts yet, and design patterns are still being discovered and written about as people learn what

EasyRamble は、技術ネタや子育て、英語学習、アウトドアなどについて綴るブログです。Ruby on Rails や Swift などで、Webサービス/アプリを作っています。 Swift と Xcode を使っての iOS 開発で、ToDo アプリを作ってみる開発のチュートリアルです。ちょっと長いですが、スクリーンショット付きで Xcode の操作方法を解説して、必要となる Swift のソースコードも全て掲載しています。以下画像のような、オーソドックスな ToDo アプリを作っていきます。 Todo アプリを操作するデモ動画を YouTube に上げました。以下から確認できます。 Swift/iOS Todo App demo | YouTube 私は Swift と Xcode に取り組み始めて1ヶ月程度の iOS 開発の入門者です（記事公開時の2015年6月当時）。iOS 開

micro_dmp_handson.md #「Mastering DMP」 この本について Play FrameworkでマイクロDMPを作成します 用意するもの OS: Windows or Mac AP: Play Framework DB: MariaDB or MySQL HTTP Server: Nginx IDE: Eclipse or IntelliJ Java8 Chrome EditCookieプラグイン この本のレッスンで作成できるもの MicroDMP AP Server ・・ Play Framework(Java) Nginx Server ・・ Browser Request -> Nginx -> mDMP mdmp.js・・ 3rd Party Cookie を扱うJavaScript 第1部 Cookieを利用したDMPを作ろう 0章 開発準備 この本で題

The how and what of JavaScript desktop applicationsDesktop applications always had a special place in my heart. Ever since browsers and mobile devices got powerful, there’s been a steady decline of desktop applications which are getting replaced by mobile and web applications. Still, there’s are a lot of upsides to writing desktop applications — they are always present once they’re in your start m

Chapter 0 : Setup Just basic setup for webpack, npm packages to install etc. Chapter 1 : Intro to Observables If you’re new to Rx, this chapter will act as a small introduction. It’s not extensive, more of just a brush up. If you haven’t heard of Rx yet, you might like going through this presentation (with transcript). Chapter 2 : Intro to Virtual-Dom This chapter will introduce virtual-dom and we

Mac用のデザインツール「Sketch 3」が人気です。Mac App Storeで販売されているアプリとしては少し高めの価格設定ですが、Illustratorと比較すれば十分安価であり、アプリのアイコンやUIを作成するツールとして利用者が増加しています。 Sketch 3 カテゴリ: グラフィック&デザイン 価格: ￥9,800 Illustrator代替が期待されるベクタードロー系アプリ。 通常価格9800円。 Sketch 3ユーザーの中には、自分でアプリのアイコンまで作りたいという開発者の方もいると思いますが、慣れないツールだと使い方を覚えるまでが大変かもしれません。そんなときに利用できそうなチュートリアル「Sketch 3 Basics & App Icon Design」が公開されています。 Sketch 3の基本を学びながら上の図のようなTODOアプリのアイコンを作成するチュ

はじめに 今までPhotoshopでデザインしてきましたが、今のトレンドを考えるとSketchの方が使い勝手が良く習得する価値が十分にあるなと思ったのでSketchを使って見ることにしました。今更ですけどね（笑） 今回はHello Sketchということで、機能と画面の要素について勉強します。 Sketchとは Sketchは簡単に言うとFireworksやIllustratorのようなデザインツールです。Web/App向けに特化した機能を持っています。Windowsのバージョンはなく、MacOS専用です。 Sketch 3 Sketch gives you the power, flexibility and speed you always wanted in a lightweight and easy-to-use package. Finally you can focus on

このドキュメントは、 Ruby/C++などでプログラミング経験がある人が Swiftを初めて勉強するときに、 インストールから始めて、 標準ライブラリを調べながらなら一通りはコーディング出来るようになる ことを目的としたチュートリアルの前編です。 Swift日本語チュートリアル ~ 後編（Apple公式ドキュメントSwift Tour±α） - こんにゃくマガジン と併せて Apple公式Swiftサイト Swift - Apple Developer にあるA Swift Tour — The Swift Programming Language (Swift 5.5)相当（翻訳ではないです）±αな内容になっています。 後編の内容は、クラス、列挙、構造体、ジェネリクス、簡単なネットワークライブラリの使い方、ちょっと進んだSwiftでのiPhoneアプリ開発、コマンドラインでのSwiftの

ただいま基本動作を絶賛学習中です。 Table View ツール系のアプリで使う場面が多いリスト表示について実装してみたいと思います。 Objective-Cの記事ですが、UITableViewを使うにあたって、事前にこちらの記事を確認しておくと、スムーズに理解できると思います。 [iOS] StoryboardでUITableViewを実装し理解する [4月からはじめるiPhoneアプリ #1] プロジェクトの作成 Single View Applicationでプロジェクトを作成します。 作成したプロジェクトのMain.storyboardを開き、右下のコンテナからTableViewを選択してドラッグ＆ドロップでstoryboardのViewControllerに追加します。 次に、先ほど追加したTableViewをViewController.swiftに登録します。 ひとまずこれで