この広告は30日以上更新がないブログに表示されております。
新規記事の投稿を行うことで、非表示にすることが可能です。
広告
posted by fanblog
2015年08月10日
2015.7月号 | コンピュータ・パソコン関連雑誌
学習を進める中で目についた
パソコン関連雑誌を、
自分なりにピックアップしておきます。
このページでは、
2015年7月号の
パソコン・コンピュータ関連雑誌をまとめておきます。
パソコン関連のトレンドの把握や、情報収集などに
ご活用ください。
[ 現在掲載中雑誌 ]
・ 日経ソフトウエア
・ Interface (インターフェース)
・ Software Design (ソフトウェア デザイン)
・ DOS/V POWER REPORT（ドスブイパワーレポート）
・ Mac Fan (マックファン)
[ スポンサードリンク ]
?
?
? Amazon.co.jp
? 楽天ブックス
? セブンネットショッピング
?
[ ソフトウェア関連の雑誌 ]
Java＆C＃ まるごと理解など
? Amazonアマゾンで詳しくみてみる ：
? 楽天で詳しくみてみる ：
? 楽天Kobo電子書籍ストアで詳しくみてみる ：
オール・ソフトウェア無線など
? Amazonアマゾンで詳しくみてみる ：
あなたにもできる ログを読む技術 [セキュリティ編]
? Amazonアマゾンで詳しくみてみる ：
? 楽天で詳しくみてみる ：
[ ソフトウエアーデザインの年間購読 ]
? 楽天で詳しくみてみる ：
感想(0件)
[ パソコン自作関連の雑誌 ]
自作PC トラブルの原因と対策など
? Amazonアマゾンで詳しくみてみる ：
? 電子書籍Kindleストアで詳しくみてみる ：
? 楽天で詳しくみてみる ：
? 楽天Kobo電子書籍ストアで詳しくみてみる ：
[ その他の雑誌 ]
乗りもの(得)バイブル アップルユーザ目線で選ぶ
働く= Windowsの時代はもう古い! "仕事でもMacBook"のススメ
アップルデザインの核心
二人の天才デザイナー ジョナサン・アイブ×マーク・ニューソン
など
? Amazonアマゾンで詳しくみてみる ：
? 電子書籍Kindleストアで詳しくみてみる ：
? 楽天Kobo電子書籍ストアで詳しくみてみる ：
以上、
2015年7月号の、
コンピュータ・パソコン関連雑誌のまとめです。
コンピュータやパソコン、IT関連の
情報収集や、
学習目的など
現在のニーズに応じてご活用ください。
[ スポンサードリンク ]
「日経PC21」「日経Linux」「日経ソフトウェア」
「Interface」「DOS/V」「I/O (アイオー)」
「Software Design」「WEB+DB PRESS」
をはじめとした、
パソコン、コンピュータ、IT関連雑誌や、
バックナンバーをお探しなら
? Fujisan.co.jp
： パソコン雑誌
by はじめてのコンピュータ・パソコン
? サイトマップ
? プロフィール | サイトポリシー・免責事項など
? CONTENTS（コンテンツ）一覧
? コンピュータ・パソコン・グラフィック関連雑誌（一覧）
? パソコン・スマホ・タブレット・コンピュータ本の買取サービス 特集
2015年08月09日
向日葵（ひまわり）のイラスト作成入門
キーワード
： Microsoft Office
向日葵のイラスト作成 方法 入門
パワーポイントでイラストを描く
エクセル・ワードでイラスト作成
夏といえば
向日葵（ひまわり）の花ですが、
８月中旬に近くなると、
周りに咲いている
向日葵の花も散ってきているように感じます。
今回の記事では、
パソコンで向日葵のイラストを作成
したいと
お考え中の方を想定し、
PowerPointパワーポイントを利用して、
（エクセル、ワードでも
基本的な図形描画方法は同じと思います）
イラストを作成する方法の
入門的な内容を、
動画でまとめておきましたので、
向日葵のイラスト作成に関心の
ある方がいらっしゃいましたら
必要に応じてご活用ください。
パワーポイントで描いた向日葵の花のイラスト （例）
＊イメージはクリックすると拡大されます。
パワーポイントの環境
動画では、
パワーポンイントの図形描画機能の
図形を組み合わせて、
比較的に簡単に、
向日葵（ヒマワリ）のイメージを喚起させるような、
イラストを作成してみました。
向日葵の花も、
花びらを１枚作ってしまえば、
後は、
「 コピー&ペースト 」で、
比較的に作成しやすいのではないかと思います。
向日葵（ひまわり）のイラスト作成入門（動画）
[ スポンサードリンク ]
無料会員登録で、無料素材のダウンロードも♪
無料素材は、「 毎週火曜日の更新 」
今回の
この動画の内容が難しい場合は、
? エクセルでイラスト作成入門
の記事や、記事の動画に、
Microsoft Office（マイクロソフトオフィス）の
エクセル、ワード、パワーポイントなどの図形描画機能で
イラストの作成方法について、
解説しておきましたので
必要に応じてご活用ください。
今回の動画では、
Microsoft Office for Mac 2011の
パワーポイントを利用して
イラストを作成している
動画なのですが、
最新のMac版のOfficeである、
Microsoft Office for Mac Preview（プレビュー）版でも
（Office for Mac 2016）
図形の描画も可能です。
Microsoft Office for Mac Preview版
パワーポイントで描いた向日葵のイラスト （例）
＊イメージはクリックすると拡大されます。
Preview版では、
「 挿入 」メニューを選択すると、
「 図形 」のアイコンがあるので、
そちらをクリックすると、
様々な図形を選択できると思います。
今回の記事の動画をきっかけとして、
今後の趣味、
定年退職後の余暇活動など、
自分で イラスト・絵などを描いてみようと
思っていただける方が、
一人でもいてくだされば
嬉しいと思います。
[ スポンサードリンク ]
? イラスト素材【PIXTA】
by はじめてのコンピュータ・パソコン
? サイトマップ
? プロフィール | サイトポリシー・免責事項など
? CONTENTS（コンテンツ）一覧
? パソコンでイラスト作成入門講座
? LINEスタンプ作成について
? 「Office 365」で「Office for Mac 2016」の提供開始 | #27 デジタルライフコラム
? Mac(マック)関連パソコン iMac・MacBookPro・MacBookAir
タグ： Microsoft Office for Mac
Microsoft Office（マイクロソフトオフィス）
Office for Mac 2016のPreview（プレビュー）版
パソコンでイラスト作成入門講座
イラスト作成入門 | Microsoft Office
PC | 花の絵を描く方法
図形描画機能 | Office for Mac 2016のPreview（プレビュー）版
はじめてのイラスト作り
エクセルで絵を描く
イラスト作成入門動画 | エクセル・ワード・パワーポイント
花の描き方（動画） | ワード・エクセル・パワーポイント
画像編集機能 | Office for Mac 2016のPreview（プレビュー）版
2015年08月07日
16. Swift入門 UIView・UIcolorでグラデーション背景の作成
キーワード
： Xcodeの使い方 Swiftプログラミング
UIViewクラス for-inループ グラデーション背景
今回の記事では、
Macのプログラミングのための
統合開発環境
（IED：Integrated Development Environment）
のXcodeを使って、
Xcode
Swift言語での
iPhone・iPad（iOS）アプリ開発の
プログラミングの入門的な内容の記事を
まとめておきます。
動画では、
コード入力で、
「 UIViewクラス 」
「 UIColorクラス 」や、
iOSデバイスの横幅・縦幅を取得して、
「 for-inループ 」で
四角形の描画領域を、
下方にずらすことで、
背景のグラデーションの色を変更しています。
Xcodeで、
iOSアプリ開発するための
設定方法がわからない方がいましたら、
? 3. Swift入門 iPhoneて?Hello World
? 4. Xcode(Mac)て?Swift言語入門 Hello Worldフ?ロク?ラム
などの記事もご活用ください。
「 Single View Application 」の設定方法などを
解説しています。
また、
長方形領域などを指定する際の
iOSデバイス（iPhone６）上の、
描画と表示位置・配置の関係については、
? 6. Swift入門 描画と表示位置・配置の関係
の記事もご活用ください。
Swift入門 UIView・UIcolorでグラデーション背景の作成（動画）
[ 入力前のコード ] （ViewController.swift）
import UIKit
class ViewController: UIViewController {
override func viewDidLoad() {
super.viewDidLoad()
}
override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
}
}
[ 動画で入力したコード例 ] （ViewController.swift）
let screenSizeWidth = UIScreen.mainScreen().bounds.size.width
let screenSizeHeight = UIScreen.mainScreen().bounds.size.height
sampleBackground()
func sampleBackground() {
var sampleBackgroundColor : UIView!
for i in 30...Int(screenSizeHeight) {
sampleBackgroundColor = UIView(frame: CGRectMake(0, CGFloat(i), screenSizeWidth, screenSizeHeight))
sampleBackgroundColor.backgroundColor = UIColor(red: CGFloat(Double(i) / Double(screenSizeHeight)), green: 0.0, blue: 0.0, alpha: 1.0)
view.addSubview(sampleBackgroundColor)
}
}
＊「 let screenSizeWidth = UIScreen.mainScreen().bounds.size.width 」
でiOSデバイスの横幅を取得し、
「 let screenSizeHeight = UIScreen.mainScreen().bounds.size.height 」
縦幅（高さ）を取得しています。
＊「 let ：後から変更できない変数の作成 」を利用して
「 screenSizeWidth 」、「 screenSizeHeight 」
という名前の変数を、
「 var 」を利用して、
「 sampleBackgroundColor という名前の変数を、
また、
「 for-inループ 」内の変数として
「 i 」という名前の変数を作成しています。
自分でわかりやすいような変数を作成してみていただければと
思います。
＊ 「 func 」を利用して、
「 sampleBackground() 」という関数を作成しています。
自分でわかりやすいような関数を作成してみていただければと
思います。
＊ 「 Int ：整数型 」、「 double ：64ビット浮動小数点 」
[ 最終的なサンプルコード ] （ViewController.swift）
import UIKit
class ViewController: UIViewController {
let screenSizeWidth = UIScreen.mainScreen().bounds.size.width
let screenSizeHeight = UIScreen.mainScreen().bounds.size.height
override func viewDidLoad() {
sampleBackground()
super.viewDidLoad()
}
func sampleBackground() {
var sampleBackgroundColor : UIView!
for i in 30...Int(screenSizeHeight) {
sampleBackgroundColor = UIView(frame: CGRectMake(0, CGFloat(i), screenSizeWidth, screenSizeHeight))
sampleBackgroundColor.backgroundColor = UIColor(red: CGFloat(Double(i) / Double(screenSizeHeight)), green: 0.0, blue: 0.0, alpha: 1.0)
view.addSubview(sampleBackgroundColor)
}
}
override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
}
}
＊ コード内に全角スペースが含まれていると
エラーになりますので、
その際は、半角スペースに適宜修正してください。
動画を参考にしていただきながら、
グラデーション背景色の変更、
今回の記事のサンプルコードを例にとると
「 sampleBackgroundColor.backgroundColor = UIColor(red: CGFloat(Double(i) / Double(screenSizeHeight)), green: 0.0, blue: 0.0, alpha: 1.0) 」
の green 、 blue の値を
「 0.0 〜 1.0 」の範囲で変更する。
「 sampleBackgroundColor.backgroundColor = UIColor(red: CGFloat(Double(i) / Double(screenSizeHeight)), green: 0.2, blue: 0.2, alpha: 1.0) 」
など。
また、
「 CGFloat(Double(i) / Double(screenSizeHeight) 」を
「 green 」や「 blue 」の値にするなど
「 sampleBackgroundColor.backgroundColor = UIColor(red: 0.0, green: CGFloat(Double(i) / Double(screenSizeHeight)), blue: 0.0, alpha: 1.0) 」
「 sampleBackgroundColor.backgroundColor = UIColor(red: 0.0, green: 0.0, blue: CGFloat(Double(i) / Double(screenSizeHeight)), alpha: 1.0) 」
など
サンプルプログラムを
変更してiOSシミュレータ上に
さまざまな色のグラデーション背景を
表示させてみてください。
[ スポンサードリンク ]
by はじめてのコンピュータ・パソコン
? サイトマップ
? プロフィール | サイトポリシー・免責事項など
? CONTENTS（コンテンツ）一覧
? Xcode(Mac)で覚えるSwiftプログラミング入門講座
? Xcodeでアプリ開発講座
? Xcode(Mac)Swiftプログラミング・アプリ開発 関連本特集
? Mac(マック)関連パソコン iMac・MacBookPro・MacBookAir
? Apple Watch 特集 APPLE WATCH・SPORT・EDITION
? プログラミング言語関連記事（一覧）
? パソコン・コンピュータ学習関連サイトやサービスの情報
? 日本人のプログラミング学習の現在と未来 | #24 デジタルライフコラム
2015年08月06日
15. Swift入門 UIview・for-inループでグラデーション描画の作成
キーワード
： Xcodeの使い方 Swiftプログラミング
UIViewクラス UIColor グラデーション背景
今回の記事では、
Macのプログラミングのための
統合開発環境
（IED：Integrated Development Environment）
のXcodeを使って、
Xcode
Swift言語の入門的な内容の記事を
まとめておきます。
動画では、
コード入力で、
「 UIViewクラス 」
を利用して、
「 UIView 」の
背景の色、
「 backgroundColor 」を
「 UIColorクラス 」で色の指定をして
四角形の
グラフィック領域を設定しています。
また、
「 for-inループ 」で、
ループ内の変数（今回のサンプルでは「 i 」）
を定義し、
ループ内の変数値（「 i 」）に応じて、
透明度（alpha：α値）などが
変更されるように設定することで
グラデーションの描画を実装しています。
Xcodeで、
iOSアプリ開発するための
設定方法がわからない方がいましたら、
? 3. Swift入門 iPhoneて?Hello World
? 4. Xcode(Mac)て?Swift言語入門 Hello Worldフ?ロク?ラム
などの記事もご活用ください。
「 Single View Application 」の設定方法などを
解説しています。
また、
長方形領域などを指定する際の
iOSデバイス（iPhone６）上の、
描画と表示位置・配置の関係については、
? 6. Swift入門 描画と表示位置・配置の関係
の記事もご活用ください。
Swift入門 UIview・for-inループでグラデーション描画の作成（動画）
[ 入力前のコード ] （ViewController.swift）
import UIKit
class ViewController: UIViewController {
override func viewDidLoad() {
super.viewDidLoad()
}
override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
}
}
[ 動画で入力したコード例 ] （ViewController.swift）
var sampleDrawing : UIView
for i in 0...100 {
sampleDrawing = UIView(frame: CGRect(x: 10 + i, y: 20 + i, width: 220 - i * 2, height: 200 - i * 2))
sampleDrawing.backgroundColor = UIColor.blackColor()
sampleDrawing.alpha = CGFloat(i) / 1000.0
view.addSubview(sampleDrawing)
＊ 今回は、「 var 」を利用して
「 sampleDrawing 」という
名前の変数を作成と、
「 for-inループ 」内の変数として
「 i 」という名前の変数を作成しています。
自分でわかりやすいような変数を作成してみていただければと
思います。
＊「 for i in 0...100 」の意味は、
「 i 」という変数に、
「 0〜100 」までの整数（データ）を
列挙させるように指示をだしています。
[ 最終的なサンプルコード ] （ViewController.swift）
import UIKit
class ViewController: UIViewController {
override func viewDidLoad() {
super.viewDidLoad()
var sampleDrawing : UIView
for i in 0...100 {
sampleDrawing = UIView(frame: CGRect(x: 10 + i, y: 20 + i, width: 220 - i * 2, height: 200 - i * 2))
sampleDrawing.backgroundColor = UIColor.blackColor()
sampleDrawing.alpha = CGFloat(i) / 1000.0
view.addSubview(sampleDrawing)
}
override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
}
}
＊ コード内に全角スペースが含まれていると
エラーになりますので、
その際は、半角スペースに適宜修正してください。
グラデーション描画をする位置の変更、
＊「 CGRect(x, y, width, height) 」の
x や y の値を変更
グラーデーション描画の大きさの変更、
＊「 CGRect(x, y, width, height) 」の
width や height の値を変更
グラデーションの色の変更、
＊ 色の例．
黒色 ：UIColor.blackColor()
明るい灰色：UIColor.lightGrayColor()
暗い灰色 ：UIColor.darkGrayColor()
灰色 ：UIColor.grayColor()
白色 ：UIColor.whiteColor()
赤色 ：UIColor.redColor()
緑色 ：UIColor.greenColor()
黄色 ：UIColor.yellowColor()
オレンジ色：UIColor.orangeColor()
今回の記事のサンプルコードを例にとると
「 sampleDrawing.backgroundColor = UIColor.redColor() 」
「 for-inループ 」の列挙データ数の変更、
＊ 今回の記事のサンプルコードを例にとると
「 for i in 0...150 」など
透明度の変更、
＊ 今回の記事のサンプルコードを例にとると
「 sampleDrawing.alpha = CGFloat(i) / 1200.0 」など
などいろいろと
サンプルプログラムを
変更してiOSシミュレータ上に
表示させてみてください。
[ スポンサードリンク ]
by はじめてのコンピュータ・パソコン
? サイトマップ
? プロフィール | サイトポリシー・免責事項など
? CONTENTS（コンテンツ）一覧
? Xcode(Mac)で覚えるSwiftプログラミング入門講座
? Xcodeでアプリ開発講座
? Xcode(Mac)Swiftプログラミング・アプリ開発 関連本特集
? Apple Watch 特集 APPLE WATCH・SPORT・EDITION
? プログラミング言語関連記事（一覧）
? パソコン・コンピュータ学習関連サイトやサービスの情報
? 日本人のプログラミング学習の現在と未来 | #24 デジタルライフコラム
2015年08月05日
14. Swift入門 UIViewでグラフィックの描画 - 円の描画編 -
キーワード
： Xcodeの使い方 Swiftプログラミング
UIViewクラス 円の描画
今回の記事では、
Macのプログラミングのための
統合開発環境
（IED：Integrated Development Environment）
のXcodeを使って、
Xcode
Swift言語の入門的な内容の記事を
まとめておきます。
動画では、
コード入力で、
「 UIViewクラス 」
を利用して、
「 UIView 」の
背景の色、
「 backgroundColor 」を
「 UIColorクラス 」で色の指定をして
四角形（正方形）の
グラフィック領域を設定しています。
その後、
「 UIViewクラス 」の
「 layerプロパティ 」を
利用して、
四角形（今回は正方形）のグラフィック領域の、
幅を取得し、
コーナー半径を
四角形（今回は正方形）のグラフィック領域の
幅の半分に指定することで、
円（丸）の描画を実施しています。
Xcodeで、
iOSアプリ開発するための
設定方法がわからない方がいましたら、
? 3. Swift入門 iPhoneて?Hello World
? 4. Xcode(Mac)て?Swift言語入門 Hello Worldフ?ロク?ラム
などの記事もご活用ください。
「 Single View Application 」の設定方法などを
解説しています。
また、
「 CGRectMake(x, y, width, height) 」
で、長方形領域を指定する際の
iOSデバイス（iPhone６）上の、
描画と表示位置・配置の関係については、
? 6. Swift入門 描画と表示位置・配置の関係
の記事もご活用ください。
Swift入門 UIViewて?ク?ラフィックの描画 円の描画編（動画）
[ 入力前のコード ] （ViewController.swift）
import UIKit
class ViewController: UIViewController {
override func viewDidLoad() {
super.viewDidLoad()
}
override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
}
}
[ 動画で入力したコード例 ] （ViewController.swift）
let sampleDrawing = UIView(frame: CGRectMake(20, 20, 50, 50))
sampleDrawing.backgroundColor = UIColor.blackColor()
sampleDrawing.layer.cornerRadius = CGRectGetWidth(sampleDrawing.bounds) / 2.0
view.addSubview(sampleDrawing)
＊ 今回は、「 let ：後から変更できない変数の作成 」を利用して
「 sampleDrawing 」という
名前の変数を作成しています。
自分でわかりやすいような変数を作成してみていただければと
思います。
[ 最終的なサンプルコード ] （ViewController.swift）
import UIKit
class ViewController: UIViewController {
override func viewDidLoad() {
super.viewDidLoad()
let sampleDrawing = UIView(frame: CGRectMake(20, 20, 50, 50))
sampleDrawing.backgroundColor = UIColor.blackColor()
sampleDrawing.layer.cornerRadius = CGRectGetWidth(sampleDrawing.bounds) / 2.0
view.addSubview(sampleDrawing)
}
override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
}
}
＊ コード内に全角スペースが含まれていると
エラーになりますので、
その際は、半角スペースに適宜修正してください。
円を描画する位置の変更、
＊「 CGRectMake(x, y, width, height) 」の
x や y の値を変更
円の大きさの変更、
＊「 CGRectMake(x, y, width, height) 」の
width や height の値を変更
＊ 今回は、 width と height を
同じ値にして、正方形のグラフィック領域と
なるように指定します。
塗りつぶす色の変更、
＊ 色の例．
黒色 ：UIColor.blackColor()
明るい灰色：UIColor.lightGrayColor()
暗い灰色 ：UIColor.darkGrayColor()
灰色 ：UIColor.grayColor()
白色 ：UIColor.whiteColor()
赤色 ：UIColor.redColor()
緑色 ：UIColor.greenColor()
黄色 ：UIColor.yellowColor()
オレンジ色：UIColor.orangeColor()
今回の記事のサンプルコードを例にとると
「 sampleDrawing.backgroundColor = UIColor.redColor() 」
などいろいろと
サンプルプログラムを
変更してiOSシミュレータ上に
表示させてみてください。
[ スポンサードリンク ]
by はじめてのコンピュータ・パソコン
? サイトマップ
? プロフィール | サイトポリシー・免責事項など
? CONTENTS（コンテンツ）一覧
? Xcode(Mac)で覚えるSwiftプログラミング入門講座
? Xcodeでアプリ開発講座
? Xcode(Mac)Swiftプログラミング・アプリ開発 関連本特集
? Apple Watch 特集 APPLE WATCH・SPORT・EDITION
? プログラミング言語関連記事（一覧）
? パソコン・コンピュータ学習関連サイトやサービスの情報
? 日本人のプログラミング学習の現在と未来 | #24 デジタルライフコラム
13. Swift入門 UIViewでグラフィックの描画 - 四角の描画編：面取りあり -
キーワード
： Xcodeの使い方 Swiftプログラミング
UIViewクラス 面取り四角形の描画
今回の記事では、
Macのプログラミングのための
統合開発環境
（IED：Integrated Development Environment）
のXcodeを使って、
Xcode
Swift言語の入門的な内容の記事を
まとめておきます。
動画では、
コード入力で、
「 UIViewクラス 」
を利用して、
「 UIView 」の
背景の色、
「 backgroundColor 」を
「 UIColorクラス 」で色の指定をして
四角形（正方形・長方形）の
グラフィックを表示させています。
また、
「 UIViewクラス 」の
「 layerプロパティ 」を
利用して、
角のコーナーの半径を設定し、
面取りを実施しています。
Xcodeで、
iOSアプリ開発するための
設定方法がわからない方がいましたら、
? 3. Swift入門 iPhoneて?Hello World
? 4. Xcode(Mac)て?Swift言語入門 Hello Worldフ?ロク?ラム
などの記事もご活用ください。
「 Single View Application 」の設定方法などを
解説しています。
また、
「 CGRectMake(x, y, width, height) 」
で、長方形領域を指定する際の
iOSデバイス（iPhone６）上の、
描画と表示位置・配置の関係については、
? 6. Swift入門 描画と表示位置・配置の関係
の記事もご活用ください。
Swift入門 UIViewでグラフィックの描画 - 四角の描画編：面取りあり -（動画）
[ 訂正事項 ]
class ViewController: UIViewController, UITextFieldDelegate
→ class ViewController: UIViewController
[ 入力前のコード ] （ViewController.swift）
import UIKit
class ViewController: UIViewController {
override func viewDidLoad() {
super.viewDidLoad()
}
override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
}
}
[ 動画で入力したコード例 ] （ViewController.swift）
let sampleDrawing = UIView(frame: CGRectMake(20, 20, 100, 100))
sampleDrawing.backgroundColor = UIColor.blackColor()
sampleDrawing.layer.cornerRadius = 10.0
view.addSubview(sampleDrawing)
＊ 今回は、「 let ：後から変更できない変数の作成 」を利用して
「 sampleDrawing 」という
名前の変数を作成しています。
自分でわかりやすいような変数を作成してみていただければと
思います。
[ 最終的なサンプルコード ] （ViewController.swift）
import UIKit
class ViewController: UIViewController {
override func viewDidLoad() {
super.viewDidLoad()
let sampleDrawing = UIView(frame: CGRectMake(20, 20, 100, 100))
sampleDrawing.backgroundColor = UIColor.blackColor()
sampleDrawing.layer.cornerRadius = 10.0
view.addSubview(sampleDrawing)
}
override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
}
}
＊ コード内に全角スペースが含まれていると
エラーになりますので、
その際は、半角スペースに適宜修正してください。
四角形を描画する位置の変更、
＊「 CGRectMake(x, y, width, height) 」の
x や y の値を変更
四角形の形の変更（長方形、正方形など）、
＊「 CGRectMake(x, y, width, height) 」の
width や height の値を変更
四角形の角のコーナー半径を変更、
＊ 今回の記事のサンプルコードを例にとると
「 sampleDrawing.layer.cornerRadius = 15.0 」など
塗りつぶす色の変更、
＊ 色の例．
黒色 ：UIColor.blackColor()
明るい灰色：UIColor.lightGrayColor()
暗い灰色 ：UIColor.darkGrayColor()
灰色 ：UIColor.grayColor()
白色 ：UIColor.whiteColor()
赤色 ：UIColor.redColor()
緑色 ：UIColor.greenColor()
黄色 ：UIColor.yellowColor()
オレンジ色：UIColor.orangeColor()
今回の記事のサンプルコードを例にとると
「 sampleDrawing.backgroundColor = UIColor.redColor() 」
などいろいろと
サンプルプログラムを
変更してiOSシミュレータ上に
表示させてみてください。
[ スポンサードリンク ]
by はじめてのコンピュータ・パソコン
? サイトマップ
? プロフィール | サイトポリシー・免責事項など
? CONTENTS（コンテンツ）一覧
? Xcode(Mac)で覚えるSwiftプログラミング入門講座
? Xcodeでアプリ開発講座
? Xcode(Mac)Swiftプログラミング・アプリ開発 関連本特集
? Apple Watch 特集 APPLE WATCH・SPORT・EDITION
? プログラミング言語関連記事（一覧）
? パソコン・コンピュータ学習関連サイトやサービスの情報
? 日本人のプログラミング学習の現在と未来 | #24 デジタルライフコラム
2015年08月04日
12. Swift入門 UIViewでグラフィックの描画 - 四角の描画編：枠線あり -
キーワード
： Xcodeの使い方 Swiftプログラミング
UIViewクラス 四角形の描画
今回の記事では、
Macのプログラミングのための
統合開発環境
（IED：Integrated Development Environment）
のXcodeを使って、
Xcode
Swift言語の入門的な内容の記事を
まとめておきます。
動画では、
コード入力で、
「 UIViewクラス 」
を利用して、
「 UIView 」の
背景の色、
「 backgroundColor 」を
「 UIColorクラス 」で色の指定をして
四角形（正方形・長方形）の
グラフィックを表示させています。
また、
「 borderWidthプロパティ 」や、
「 borderColorプロパティ 」を利用して、
境界線の幅や、色を指定し、
四角形の外側の枠を描画する方法を
解説しています。
Xcodeで、
iOSアプリ開発するための
設定方法がわからない方がいましたら、
? 3. Swift入門 iPhoneて?Hello World
? 4. Xcode(Mac)て?Swift言語入門 Hello Worldフ?ロク?ラム
などの記事もご活用ください。
「 Single View Application 」の設定方法などを
解説しています。
また、
「 CGRectMake(x, y, width, height) 」
で、長方形領域を指定する際の
iOSデバイス（iPhone６）上の、
描画と表示位置・配置の関係については、
? 6. Swift入門 描画と表示位置・配置の関係
の記事もご活用ください。
Swift入門 UIViewでグラフィックの描画 - 四角の描画編：枠線あり -（動画）
[ 訂正事項 ]
class ViewController: UIViewController, UITextFieldDelegate
→ class ViewController: UIViewController
[ 入力前のコード ] （ViewController.swift）
import UIKit
class ViewController: UIViewController {
override func viewDidLoad() {
super.viewDidLoad()
}
override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
}
}
[ 動画で入力したコード例 ] （ViewController.swift）
let sampleDrawing = UIView(frame: CGRectMake(20, 20, 100, 100))
sampleDrawing.layer.borderWidth = 5
sampleDrawing.layer.borderColor = UIColor.redColor().CGColor
sampleDrawing.backgroundColor = UIColor.blackColor()
view.addSubview(sampleDrawing)
＊ 今回は、「 let ：後から変更できない変数の作成 」を利用して
「 sampleDrawing 」という
名前の変数を作成しています。
自分でわかりやすいような変数を作成してみていただければと
思います。
[ 最終的なサンプルコード ] （ViewController.swift）
import UIKit
class ViewController: UIViewController {
override func viewDidLoad() {
super.viewDidLoad()
let sampleDrawing = UIView(frame: CGRectMake(20, 20, 100, 100))
sampleDrawing.layer.borderWidth = 5
sampleDrawing.layer.borderColor = UIColor.redColor().CGColor
sampleDrawing.backgroundColor = UIColor.blackColor()
view.addSubview(sampleDrawing)
}
override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
}
}
＊ コード内に全角スペースが含まれていると
エラーになりますので、
その際は、半角スペースに適宜修正してください。
四角形を描画する位置の変更、
＊「 CGRectMake(x, y, width, height) 」の
x や y の値を変更
四角形の形の変更（長方形、正方形など）、
＊「 CGRectMake(x, y, width, height) 」の
width や height の値を変更
塗りつぶす色の変更、
＊ 色の例．
黒色 ：UIColor.blackColor()
明るい灰色：UIColor.lightGrayColor()
暗い灰色 ：UIColor.darkGrayColor()
灰色 ：UIColor.grayColor()
白色 ：UIColor.whiteColor()
赤色 ：UIColor.redColor()
緑色 ：UIColor.greenColor()
黄色 ：UIColor.yellowColor()
オレンジ色：UIColor.orangeColor()
今回の記事のサンプルコードを例にとると
「 sampleDrawing.backgroundColor = UIColor.redColor() 」
境界線の枠の幅や、
＊ 今回の記事のサンプルコードを例にとると
「 sampleDrawing.layer.borderWidth = 10 」 など
境界線の枠の色、
＊ 今回の記事のサンプルコードを例にとると
「 sampleDrawing.layer.borderColor = UIColor.blueColor().CGColor 」
などいろいろと
サンプルプログラムを
変更してiOSシミュレータ上に
様々な位置や形の
四角形と外側の枠線を表示させてみてください。
[ スポンサードリンク ]
by はじめてのコンピュータ・パソコン
? サイトマップ
? プロフィール | サイトポリシー・免責事項など
? CONTENTS（コンテンツ）一覧
? Xcode(Mac)で覚えるSwiftプログラミング入門講座
? Xcodeでアプリ開発講座
? Xcode(Mac)Swiftプログラミング・アプリ開発 関連本特集
? Apple Watch 特集 APPLE WATCH・SPORT・EDITION
? プログラミング言語関連記事（一覧）
? パソコン・コンピュータ学習関連サイトやサービスの情報
? 日本人のプログラミング学習の現在と未来 | #24 デジタルライフコラム
11. Swift入門 UIViewでグラフィックの描画 - 四角の描画編：枠線なし -
キーワード
： Xcodeの使い方 Swiftプログラミング
UIViewクラス 四角形の描画
今回の記事では、
Macのプログラミングのための
統合開発環境
（IED：Integrated Development Environment）
のXcodeを使って、
Xcode
Swift言語の入門的な内容の記事を
まとめておきます。
動画では、
コード入力で、
「 UIViewクラス 」
を利用して、
「 UIView 」の
背景の色、
「 backgroundColor 」を
「 UIColorクラス 」で色の指定をして
四角形（正方形・長方形）の
グラフィックを表示させる方法
を解説しています。
Xcodeで、
iOSアプリ開発するための
設定方法がわからない方がいましたら、
? 3. Swift入門 iPhoneて?Hello World
? 4. Xcode(Mac)て?Swift言語入門 Hello Worldフ?ロク?ラム
などの記事もご活用ください。
「 Single View Application 」の設定方法などを
解説しています。
また、
「 CGRectMake(x, y, width, height) 」
で、長方形領域を指定する際の
iOSデバイス（iPhone６）上の、
描画と表示位置・配置の関係については、
? 6. Swift入門 描画と表示位置・配置の関係
の記事もご活用ください。
Swift入門 UIViewでグラフィックの描画 - 四角の描画編：枠線なし -（動画）
[ 訂正事項 ]
class ViewController: UIViewController, UITextFieldDelegate
→ class ViewController: UIViewController
[ 入力前のコード ] （ViewController.swift）
import UIKit
class ViewController: UIViewController {
override func viewDidLoad() {
super.viewDidLoad()
}
override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
}
}
[ 動画で入力したコード例 ] （ViewController.swift）
let sampleDrawing = UIView(frame: CGRectMake(20, 20, 100, 100))
sampleDrawing.backgroundColor = UIColor.blackColor()
view.addSubview(sampleDrawing)
＊ 今回は、「 let ：後から変更できない変数の作成 」を利用して
「 sampleDrawing 」という
名前の変数を作成しています。
自分でわかりやすいような変数を作成してみていただければと
思います。
[ 最終的なサンプルコード ] （ViewController.swift）
import UIKit
class ViewController: UIViewController {
override func viewDidLoad() {
super.viewDidLoad()
let sampleDrawing = UIView(frame: CGRectMake(20, 20, 100, 100))
sampleDrawing.backgroundColor = UIColor.blackColor()
view.addSubview(sampleDrawing)
}
override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
}
}＊ コード内に全角スペースが含まれていると
エラーになりますので、
その際は、半角スペースに適宜修正してください。
四角形を描画する位置の変更、
＊「 CGRectMake(x, y, width, height) 」の
x や y の値を変更
四角形の形の変更（長方形、正方形など）、
＊「 CGRectMake(x, y, width, height) 」の
width や height の値を変更
塗りつぶす色の変更、
＊ 色の例．
黒色 ：UIColor.blackColor()
明るい灰色：UIColor.lightGrayColor()
暗い灰色 ：UIColor.darkGrayColor()
灰色 ：UIColor.grayColor()
白色 ：UIColor.whiteColor()
赤色 ：UIColor.redColor()
緑色 ：UIColor.greenColor()
黄色 ：UIColor.yellowColor()
オレンジ色：UIColor.orangeColor()
今回の記事のサンプルコードを例にとると
「 sampleDrawing.backgroundColor = UIColor.redColor() 」
などいろいろと
サンプルプログラムを
変更してiOSシミュレータ上に
様々な位置や形の
四角形を表示させてみてください。
[ スポンサードリンク ]
by はじめてのコンピュータ・パソコン
? サイトマップ
? プロフィール | サイトポリシー・免責事項など
? CONTENTS（コンテンツ）一覧
? Xcode(Mac)で覚えるSwiftプログラミング入門講座
? Xcodeでアプリ開発講座
? Xcode(Mac)Swiftプログラミング・アプリ開発 関連本特集
? Apple Watch 特集 APPLE WATCH・SPORT・EDITION
? プログラミング言語関連記事（一覧）
? パソコン・コンピュータ学習関連サイトやサービスの情報
? 日本人のプログラミング学習の現在と未来 | #24 デジタルライフコラム
2015年08月03日
10. Swift入門 UIViewでグラフィックの描画 - 横線の描画編 -
キーワード
： Xcodeの使い方 Swiftプログラミング
UIViewクラス 横線の描画
今回の記事では、
Macのプログラミングのための
統合開発環境
（IED：Integrated Development Environment）
のXcodeを使って、
Xcode
Swift言語の入門的な内容の記事を
まとめておきます。
動画では、
コード入力で、
「 UIViewクラス 」
を利用して、
「 UIView 」の
背景の色、
「 backgroundColor 」を
「 UIColorクラス 」で色の指定をして
横線のグラフィックを表示させる方法
を解説しています。
Xcodeで、
iOSアプリ開発するための
設定方法がわからない方がいましたら、
? 3. Swift入門 iPhoneて?Hello World
? 4. Xcode(Mac)て?Swift言語入門 Hello Worldフ?ロク?ラム
などの記事もご活用ください。
「 Single View Application 」の設定方法などを
解説しています。
また、
「 CGRectMake(x, y, width, height) 」
で、長方形領域を指定する際の
iOSデバイス（iPhone６）上の、
描画と表示位置・配置の関係については、
? 6. Swift入門 描画と表示位置・配置の関係
の記事もご活用ください。
Swift入門 UIViewて?ク?ラフィックの描画 横線の描画編（動画）
[ 訂正事項 ]
class ViewController: UIViewController, UITextFieldDelegate
→ class ViewController: UIViewController
[ 入力前のコード ] （ViewController.swift）
import UIKit
class ViewController: UIViewController {
override func viewDidLoad() {
super.viewDidLoad()
}
override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
}
}
[ 動画で入力したコード例 ] （ViewController.swift）
let sampleDrawing = UIView(frame: CGRectMake(30, 30, 100, 1))
sampleDrawing.backgroundColor = UIColor.blackColor()
view.addSubview(sampleDrawing)
＊ 今回は、「 let ：後から変更できない変数の作成 」を利用して
「 sampleDrawing 」という
名前の変数を作成しています。
自分でわかりやすいような変数を作成してみていただければと
思います。
[ 最終的なサンプルコード ] （ViewController.swift）
import UIKit
class ViewController: UIViewController {
override func viewDidLoad() {
super.viewDidLoad()
let sampleDrawing = UIView(frame: CGRectMake(30, 30, 100, 1))
sampleDrawing.backgroundColor = UIColor.blackColor()
view.addSubview(sampleDrawing)
}
override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
}
}
＊ コード内に全角スペースが含まれていると
エラーになりますので、
その際は、半角スペースに適宜修正してください。
線を描画する位置の変更、
＊「 CGRectMake(x, y, width, height) 」の
x や y の値を変更
線の太さの変更、
＊「 CGRectMake(x, y, width, height) 」の
height の値を変更
色の変更、
＊ 色の例．
黒色 ：UIColor.blackColor()
明るい灰色：UIColor.lightGrayColor()
暗い灰色 ：UIColor.darkGrayColor()
灰色 ：UIColor.grayColor()
白色 ：UIColor.whiteColor()
赤色 ：UIColor.redColor()
緑色 ：UIColor.greenColor()
黄色 ：UIColor.yellowColor()
オレンジ色：UIColor.orangeColor()
今回の記事のサンプルコードを例にとると
「 sampleDrawing.backgroundColor = UIColor.redColor() 」
などいろいろと
サンプルプログラムを
変更してiOSシミュレータ上に
表示させてみてください。
[ スポンサードリンク ]
by はじめてのコンピュータ・パソコン
? サイトマップ
? プロフィール | サイトポリシー・免責事項など
? CONTENTS（コンテンツ）一覧
? Xcode(Mac)で覚えるSwiftプログラミング入門講座
? Xcodeでアプリ開発講座
? Xcode(Mac)Swiftプログラミング・アプリ開発 関連本特集
? Apple Watch 特集 APPLE WATCH・SPORT・EDITION
? プログラミング言語関連記事（一覧）
? パソコン・コンピュータ学習関連サイトやサービスの情報
? 日本人のプログラミング学習の現在と未来 | #24 デジタルライフコラム
9. Swift入門 UIViewでグラフィックの描画 - 縦線の描画編 -
キーワード
： Xcodeの使い方 Swiftプログラミング
UIViewクラス 縦線の描画
今回の記事では、
Macのプログラミングのための
統合開発環境
（IED：Integrated Development Environment）
のXcodeを使って、
Xcode
Swift言語の入門的な内容の記事を
まとめておきます。
動画では、
コード入力で、
「 UIViewクラス 」
を利用して、
「 UIView 」の
背景の色、
「 backgroundColor 」を
「 UIColorクラス 」で色の指定をして
縦線のグラフィックを表示させる方法
を解説しています。
Xcodeで、
iOSアプリ開発するための
設定方法がわからない方がいましたら、
? 3. Swift入門 iPhoneて?Hello World
? 4. Xcode(Mac)て?Swift言語入門 Hello Worldフ?ロク?ラム
などの記事もご活用ください。
「 Single View Application 」の設定方法などを
解説しています。
また、
「 CGRectMake(x, y, width, height) 」
で、長方形領域を指定する際の
iOSデバイス（iPhone６）上の、
描画と表示位置・配置の関係については、
? 6. Swift入門 描画と表示位置・配置の関係
の記事もご活用ください。
Swift入門 UIViewて?ク?ラフィックの描画 縦線の描画編（動画）
[ 訂正事項 ]
class ViewController: UIViewController, UITextFieldDelegate
→ class ViewController: UIViewController
[ 入力前のコード ] （ViewController.swift）
import UIKit
class ViewController: UIViewController {
override func viewDidLoad() {
super.viewDidLoad()
}
override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
}
}
[ 動画で入力したコード例 ] （ViewController.swift）
let sampleDrawing = UIView(frame: CGRectMake(30, 30, 1, 100))
sampleDrawing.backgroundColor = UIColor.blackColor()
view.addSubview(sampleDrawing)
＊ 今回は、「 let ：後から変更できない変数の作成 」を利用して
「 sampleDrawing 」という
名前の変数を作成しています。
自分でわかりやすいような変数を作成してみていただければと
思います。
[ 最終的なサンプルコード ] （ViewController.swift）
import UIKit
class ViewController: UIViewController {
override func viewDidLoad() {
super.viewDidLoad()
let sampleDrawing = UIView(frame: CGRectMake(30, 30, 1, 100))
sampleDrawing.backgroundColor = UIColor.blackColor()
view.addSubview(sampleDrawing)
}
override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
}
}
＊ コード内に全角スペースが含まれていると
エラーになりますので、
その際は、半角スペースに適宜修正してください。
線を描画する位置の変更、
＊「 CGRectMake(x, y, width, height) 」の
x や y の値を変更
線の太さの変更、
＊「 CGRectMake(x, y, width, height) 」の
width の値を変更
色の変更、
＊ 色の例．
黒色 ：UIColor.blackColor()
明るい灰色：UIColor.lightGrayColor()
暗い灰色 ：UIColor.darkGrayColor()
灰色 ：UIColor.grayColor()
白色 ：UIColor.whiteColor()
赤色 ：UIColor.redColor()
緑色 ：UIColor.greenColor()
黄色 ：UIColor.yellowColor()
オレンジ色：UIColor.orangeColor()
今回の記事のサンプルコードを例にとると
「 sampleDrawing.backgroundColor = UIColor.redColor() 」
などいろいろと
サンプルプログラムを
変更してiOSシミュレータ上に
表示させてみてください。
[ スポンサードリンク ]
by はじめてのコンピュータ・パソコン
? サイトマップ
? プロフィール | サイトポリシー・免責事項など
? CONTENTS（コンテンツ）一覧
? Xcode(Mac)で覚えるSwiftプログラミング入門講座
? Xcodeでアプリ開発講座
? Xcode(Mac)Swiftプログラミング・アプリ開発 関連本特集
? Apple Watch 特集 APPLE WATCH・SPORT・EDITION
? プログラミング言語関連記事（一覧）
? パソコン・コンピュータ学習関連サイトやサービスの情報
? 日本人のプログラミング学習の現在と未来 | #24 デジタルライフコラム
