読者です 読者をやめる 読者になる 読者になる

HP制作③

先月に引き続き、架空のカフェのHPを作っていきます。前回は全体的なデザインを整えるところまでいきましたが、CONTACTページの実装を行っていなかったため今回はこちらを作りたいと思います。 shika16.hatenablog.com CONTACTページを作る HTML CONTACTペー…

Ruby 様々なプログラムを組む

今月はRubyを一通り勉強しました。その中からいくつか取り上げてプログラムを組みたいと思います。(今回は久々にpaiza.ioを利用しました。) Hello, Ruby! まずは基本中の基本から始めましたが、これだけでも他プログラミング言語に比べてかなり取っつきやす…

清掃活動② 餃子フェス 「ゴミを拾わない」ボランティア

3月17日には、駒沢公園にて行われた「餃子フェス」初日のボランティアに行ってきました。今回は、「ごみゼロナビゲーション(iPledge)」さんの活動に参加させていただきました。 ごみゼロナビゲーション 前回記事と日時が前後するのには訳がありまして、前回…

清掃活動ボランティア① 水道橋ゴミ拾い

3月19日の朝にボランティアに行ってきました。今回は、「学生ボランティア企画集団NUTS」さん主催の水道橋駅周辺の清掃活動に参加させていただきました。 学生ボランティア企画集団NUTS 20名ほどで列を為しながら水道橋周辺の道を歩き、ゴミ拾いに徹しました…

アイデア分析⑤

前回に引き続き、仮想のサービス案についてのアイデア分析を行う。今月は、照井伸彦・佐藤忠彦『現代マーケティング・リサーチ―市場を読み解くデータ分析』(有斐閣、2013年)を参考にする。 shika16.hatenablog.com サービス案 サービス名:「30s」(仮) 形態:…

読了:照井伸彦・佐藤忠彦『現代マーケティング・リサーチ―市場を読み解くデータ分析』(有斐閣、2013年)

照井伸彦・佐藤忠彦『現代マーケティング・リサーチ―市場を読み解くデータ分析』(有斐閣、2013年)を読了した。先月読了した上田拓治『マーケティングリサーチの論理と技法〔第4版〕』(日本評論社、2016年〔初版:1999年〕)はマーケティングリサーチのなんたる…

PHP② 年月日と時刻表示、文字変換

前回に引き続き、PHPでのプログラムを組んでいきます。 年月日と時刻表示 まずは、シンプルに年月日を表示してみます。 こちらを実行すると・・・ 年月日が表示されました(ゾロ目でいい感じですね)。続いて、「〇年〇月〇日 ■時■分■秒」と表示できるようコー…

PHP①「Hello PHP」、入力フォーム作成

今月はPHPの勉強に勤しみました。その中で、いくつかピックアップして掲載していきたいと思います。 XAMPPの入手 まずは、PHPを実行可能とするWebサーバソフト「XAMPP」をダウンロードします。一通りインストールが終わったら、「Apache」を起動します。 無…

アイデア分析④

前回に引き続き、仮想のサービス案についてアイデア分析を行う。今月は、上田拓治『マーケティングリサーチの論理と技法〔第4版〕』(日本評論社、2016年〔初版:1999年〕)を参考にする。 shika16.hatenablog.com サービス案 サービス名:「30s」(仮) 形態:スマ…

HP制作②

先月に引き続き、架空のカフェのHPを作っていきます。前回はHTMLを書いて終わっていましたが、今回はCSSを用いて全体のデザインを整えました。 shika16.hatenablog.com TOPページ 前回からの変更点としては、全ページに共通することとしては ・Illustratorを…

読了:大澤文孝『Webとプログラミングのきほんのきほん』(マイナビ出版、2016年〔初版:2015年〕)

大澤文孝『Webとプログラミングのきほんのきほん』(マイナビ出版、2016年〔初版:2015年〕)を読了した。WebブラウザにおいてWebページが表示される仕組み(HTML、CSS、JavaScript等)から実際にWebプログラミングを行うまでの過程が至極丁寧に解説されている本…

読了:上田拓治『マーケティングリサーチの論理と技法〔第4版〕』(日本評論社、2016年〔初版:1999年〕)

上田拓治『マーケティングリサーチの論理と技法〔第4版〕』(日本評論社、2016年〔初版:1999年〕)を読了した。 マーケティングリサーチについての知識が網羅されており、非常に情報量の多い本であった。今までこの分野を勉強したことはなく、専門用語も多く出…

Photoshop③ 料理写真をおいしく見せる

今回は、HPに使う料理写真をおいしく見せられるような加工を施していきたいと思います。 helpx.adobe.com helpx.adobe.com 1.クレープをおいしく加工 元画像がこちら。これをよりおいしく見えるよう加工していきます。 トーンカーブを調整し、色調補正します…

HP制作①

今月から、HP制作に取り掛かります。先日記事にて作ったワイヤーフレームを元に、架空のカフェのホームページを作っていきます。今月は、HTMLを用いて制作を行います。 shika16.hatenablog.com まずはこちらがTOPページのコード。キービジュアルの下に「NEWS…

JavaScript② じゃんけんゲーム

前回記事に引き続き、吉岡直人ほか『非エンジニアのためのプログラミング講座』(リックテレコム、2015年)を参考にじゃんけんゲームを作っていきます。 非エンジニアのためのプログラミング講座 作者: 吉岡直人,村田雅行,伏田雅輝,TechAcademy 出版社/メーカ…

JavaScript① 時刻表示

JavaScriptを用いて現在時刻を表示するWebページを作っていきます。今月読了した吉岡直人ほか『非エンジニアのためのプログラミング講座』(リックテレコム、2015年)を参考にしました。 非エンジニアのためのプログラミング講座 作者: 吉岡直人,村田雅行,伏田…

赤羽マラソン大会ボランティア

昨日は、荒川河川敷にて行われた「赤羽マラソン大会」の運営ボランティアに参加してきました。前回参加した落ち葉清掃ボランティアと違い、少数精鋭ながらもいろいろな仕事に携われたように思います。 スタッフ専用のビブスを着用して、運営に臨みます。 基…

Illustrator③ HPワイヤーフレーム作成

今月は、Illustratorを用いてHPのワイヤーフレームを作成した。架空のカフェのホームページ制作を予定している。 まず初めに、Illustratorを開いてグリッド表示の設定を行う。 目盛の表示設定も終えたところで、グリッドに沿って背景やタイトル画像、メニュ…

アイデア分析③

前回に引き続き、仮想のサービス案についてアイデア分析を行う。今月は、橋本哲児『顧客の「本音」が分かる9つの質問』(秀和システム、2015年〔初版:2014年〕)を参考にする。 shika16.hatenablog.com サービス案 サービス名:「30s」(仮) 形態:スマートフォン…

読了:高橋朋代ほか『作りながら学ぶHTML/CSSデザインの教科書』(SBクリエイティブ、2016年〔初版:2013年〕)

高橋朋代ほか『作りながら学ぶHTML/CSSデザインの教科書』(SBクリエイティブ、2016年〔初版:2013年〕)を読了した。全ページフルカラー、HP制作のノウハウの基礎がバランス良く詰め込まれた内容と言える。 HTML、CSS、画像編集、JavaScriptと順を追って解説が…

読了:橋本哲児『顧客の「本音」が分かる9つの質問』(秀和システム、2015年〔初版:2014年〕)

橋本哲児『顧客の「本音」が分かる9つの質問』(秀和システム、2015年〔初版:2014年〕)を読了した。タイトル通り、顧客の「本音」を引き出すための著者独自の「9つの質問」について順を追って解説していく内容となっている。本書は著者の過去の失敗経験談から…

読了:吉岡直人ほか『非エンジニアのためのプログラミング講座』(リックテレコム、2015年)

吉岡直人ほか『非エンジニアのためのプログラミング講座』(リックテレコム、2015年)を読了した。HTML、CSS、JavaScriptを順に追っていくもので、プログラミングというよりはHP制作に近い内容なのではないか?と感じた。本書だけでは学びきれない部分も多いた…

アイデア分析②

前回に引き続き、とある仮想のサービス案について分析していこうと思う。今回は、ベン・パー『アテンション 「注目」で人を動かす7つの新戦略』を参考にする。 shika16.hatenablog.com サービス案 サービス名:「30s」(仮) 形態:スマートフォンアプリ、Webサ…

落ち葉清掃ボランティア

先日、落ち葉清掃ボランティアに参加してきました。(写真の掲載許可が得られなかったため、文章のみで失礼します。) この季節、普段外出していると落ち葉が道を埋め尽くしており気になっていたのですが、有志の方々(地域の人たち)が清掃していると聞き参加す…

デジタルハリウッド『Webデザイン Illustrator&Photoshop』(技術評論社、2011年〔初版:2009年〕)読了

デジタルハリウッド『Webデザイン Illustrator&Photoshop』(技術評論社、2011年〔初版:2009年〕)を読了した。IllustratorとPhotoshopを用いてホームページのイメージを形作っていく過程が分かりやすく書かれていた。CD-ROMも附属しており、本書の内容に沿っ…

Java② 苦手分野克服

先月C言語をやっていた際も条件分岐の部分に苦しんでいたのですが、今月Javaをやっていてもどうにも苦手意識が抜けないためこちらの本を参考にいくつかのプログラムを組んで練習することにしました。 スッキリわかるJava入門 第2版 (スッキリシリーズ) 作者:…

Java①「Hello World!」

今月はJavaの勉強に勤しんでいました。先月のプログラミング記事を受けてありがたいことに同期の方々からいろいろとアドバイスをいただきまして、今回はその時に知った「paiza.IO」を活用していきたいと思います。 paiza.IO概要 paiza.IOはオンラインですぐ…

Illustrator② ロゴ作成

今回は、Illustratorでのロゴ作成に挑戦しました。 helpx.adobe.com ①パーツを作る 我が家にあるマイベースです。これを元にロゴを作っていきたいと思います。 ベースのパーツを1つ1つ分解するような感じで、その形を作ります。 ②着色 シンプルなロゴにした…

Photoshop② 写真(絵)の修正を行う

今回は、Photoshopの写真修正機能を使って絵に加工を施していきたいと思います。 helpx.adobe.com ベースとなるのは、日本史の教科書をぱらぱらとめくっていた時に目に飛び込んできた『蒙古襲来絵詞』(筆者不明、1293年頃)です。 主にスポット修復ブラシツー…

ベン・パー『アテンション 「注目」で人を動かす7つの新戦略』(飛鳥新社、2016年)読了

ベン・パー『アテンション 「注目」で人を動かす7つの新戦略』(飛鳥新社、2016年)を読了した。情報過多時代の現代、「注目」が希少資源となるとし、「七つのトリガー」を提示して話が進んでゆく。 注目の三段階 「注目」には、以下の三段階が存在するという*…

Kevlin Henney編『プログラマが知るべき97のこと』(オライリー・ジャパン、2015年〔初版:2010年〕)読了

Kevlin Henney編『プログラマが知るべき97のこと』(オライリー・ジャパン、2015年〔初版:2010年〕)を読了した。73人のプログラマによる97本のエッセイ+日本人プログラマ8人による描き下ろし10本の、計81人による107本のエッセイから構成されている。カテゴ…

加藤昌治『考具』(CCCメディアハウス、2016年〔初版:2003年〕)読了

加藤昌治『考具』(CCCメディアハウス、2016年〔初版:2003年〕)を読了した。タイトルにもなっている「考具」の使い方、目的を探っていく内容となっている。 「考具」とは*1 「考具」はアイデアと企画を生み出すための知的道具。 本書ではまず著者が計21個の…

博報堂の発想のプロに学ぶ!発想体質をつくる1DAYワークアウト

昨日、博報堂生活者アカデミー主催「博報堂の発想のプロに学ぶ!発想体質をつくる1DAYワークアウト」を受けてきた。10:00~18:00の8時間。しっかりとした講義だけではなく、ワークに時間が多く割かれており、「実践」の時間が多く有意義であった。 建学の精…

ビジネスモデルデザイン講座(IoTアイデア創出編)

昨日、白井和康先生の「ビジネスモデルデザイン講座(IoTアイデア創出編)」を受けてきた。19:00~21:30というあっという間の2時間30分だったが、IoTアイデア創出について多くの事を学べたと感じる。 IoTとは 「IoT」とは、「Internet of Things」の略称であり…

C言語② 様々なプログラムを組む

前回の「Hello, World!」に引き続き、C言語の他のプログラムを組んでみます。その中でも、個人的にとりわけ引っかかる部分が多かったものや印象に残ったものを抜粋して掲載します。 ①閏年の判定 webkaru.net こちらを参考に閏年の判定をするためのプログラム…

アイデア分析①

毎月新規サービス案を考えているが、その中から1つピックアップし、先月読んだ『実践マーケティング戦略』を元に分析してみようと思う。 サービス案について サービス名:「30s」(仮) 形態:スマートフォンアプリ、Webサイト 料金:無料(一部有料) 内容:アーテ…

「ビジネスモデルデザイン1日体験コース(基礎編I)」総括

昨日、白井和康先生の「ビジネスモデルデザイン1日体験コース(基礎編I)」を受けてきた。ビジネスモデルデザインを軸にグループワークを行うといった内容であった。このセミナーを通じて学んだこと、感じたことを書いていきたいと思う。 1.ビジネスモデルデザイ…

Photoshop① 合成写真

前回記事同様、Photoshopも先月から触れているため何か作ってみようということで今回はこちらを参考に合成写真を作りました。たまたまTwitterを眺めていたら目に入ってきた葛飾北斎の『富嶽三十六景 神奈川沖浪裏』を実写版で作ろうと試みました。 helpx.ado…

Illustrator① アイコン作成

先月からIllustratorの基礎を学び始めたものの、せっかくなら何か作ろう・・・ということで今回はこちらを参考にアイコン作成を行いました。シンプルながらも分かりやすいアイコンをデザインするのもなかなか難しいなあという感じでしたが・・・Illustrator…

C言語①「Hello, World!」

C言語を始めてみました。「MinGW」をインストールし、諸々の開発環境を整えて・・・ということで、早速王道の「Hello, World!」を表示させようと試みました。 1.「hello.c」を作る 昔HTML/CSSやらプログラミングやらをかじっていた頃に愛用していたテキスト…

読了:佐々木達也ほか『Webエンジニアの教科書』(シーアンドアール研究所、2015年)

佐々木達也ほか『Webエンジニアの教科書』を読了した。エンジニアに必要とされる技術領域、次々に登場する新しい技術について各章ごとに詳しく解説されている。 本書はまず初めに、「Webエンジニアについて」という章から始まる。Webエンジニアとはどんなこ…

読了:佐藤義典『実践マーケティング戦略』(日本能率協会マネジメントセンター、2015年〔初版:2005年〕)

佐藤義典『実践マーケティング戦略』を読了した。独自の「ピラミッドツール」を活用し、マーケティングを行う上で実践的な「戦略」を学べる内容となっている。 本書では、「戦略ピラミッド」を形作る上での5つのツールが紹介されている*1。 1.戦略BASiCS 2.…

読了:デザインラボ編集部『Webデザインの基本ルール―プロに学ぶ、一生枯れない永久不滅テクニック―』(ソフトバンククリエイティブ、2010年〔初版:2009年〕)

『Webデザインの基本ルール―プロに学ぶ、一生枯れない永久不滅テクニック―』を読了した。前回記事の『ノンデザイナーズ・デザインブック』と比べ、「Webデザイン」に特化した内容であり、フルカラー+実際のホームページ画像+解説の多さで非常に分かりやす…

読了:Robin Williams『ノンデザイナーズ・デザインブック』(マイナビ出版、2016年)

先月、Robin Williams『ノンデザイナーズ・デザインブック』を読了した。 「デザイン」という分野に深く触れるのは初めてのことであり、今までは「才能に依るところが大きい」とばかり考えていた。そのため、学校で出された課題やポスターを作る機会には、極…

読了:フィリップ・コトラー『コトラーのマーケティング3.0 ソーシャル・メディア時代の新法則』(朝日新聞出版、2014年〔初版:2010年〕)

先月読了した『コトラーのマーケティング3.0』。本書では、主に2010年にフィリップ・コトラーが提唱した「マーケティング3.0」について述べられている。「ソーシャル・メディア時代」について、私たちが慣れ親しんでいるSNS等のサービスを例示して解説されて…

読了:矢澤久雄『プログラムはなぜ動くのか 知っておきたいプログラミングの基礎知識』(日経BP社、2016年〔初版:2001年〕)

先月、読了した『プログラムはなぜ動くのか』。そのタイトル通り、プログラムが動く仕組みについて非常に丁寧に解説されている本であった。内容はかなり専門的かつすべてのページが見慣れない用語で埋め尽くされており、思った以上に読解に時間がかかった。…

読了:ジャック・フォスター『アイデアのヒント』(CCCメディアハウス、2015年〔初版:2003年〕)

ジャック・フォスター『アイデアのヒント』を読了した。内容はぎっしり詰まっているが、すらすらと読み進められる本であった。各章ごとに「例え」を示した上でノウハウが述べられるため、非常に理解しやすい構造になっている。 本の中では前回記事で書いたジ…

読了:ジェームス・W・ヤング『アイデアのつくり方』(廣済堂、2016年〔初版:1988年〕)

先月、ジェームス・W・ヤング『アイデアのつくり方』を読了した。 非常に小さく薄い本であるが、企画ないしはアイデアを生み出すための基礎が詰まっていた。著者はアイデアの作られる過程を以下の五段階に分けている*1。 第一 資料集め―諸君の当面の課題のた…

ブログ開設

主に「企画」、「マーケティング」、「プログラミング」、「Webデザイン」について読書記録や制作物、その進捗を記していきます。