新規記事の投稿を行うことで、非表示にすることが可能です。
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（コンテンツ）一覧︎ コンピュータ・パソコン・グラフィック関連雑誌（一覧）︎ パソコン・スマホ・タブレット・コンピュータ本の買取サービス 特集posted by HajimeteCPC at 14:36
| コンピュータ・パソコン関連雑誌
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（プレビュー）版
posted by HajimeteCPC at 11:48
| パソコンでイラスト作成入門講座
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.heightsampleBackground()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 デジタルライフコラムposted by HajimeteCPC at 16:51
| Xcode(Mac)で覚えるSwiftプログラミング
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 デジタルライフコラムposted by HajimeteCPC at 14:53
| Xcode(Mac)で覚えるSwiftプログラミング
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 デジタルライフコラムposted by HajimeteCPC at 15:34
| Xcode(Mac)で覚えるSwiftプログラミング
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 デジタルライフコラムposted by HajimeteCPC at 15:34
| Xcode(Mac)で覚えるSwiftプログラミング
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 デジタルライフコラムposted by HajimeteCPC at 15:14
| Xcode(Mac)で覚えるSwiftプログラミング
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 デジタルライフコラムposted by HajimeteCPC at 10:53
| Xcode(Mac)で覚えるSwiftプログラミング
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 デジタルライフコラムposted by HajimeteCPC at 14:27
| Xcode(Mac)で覚えるSwiftプログラミング
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 デジタルライフコラムposted by HajimeteCPC at 10:58
| Xcode(Mac)で覚えるSwiftプログラミング
