カテゴリー別アーカイブ: 勉強会

2013-3-8勉強会

今日は、新メンバーのKIKOさんが参加されました。
お菓子が今回も更に充実!! KIKOさんからもたくさんいただきました!
KIKOさんは元漫画家さんという事で、イラスト作品も拝見させていただきました。さすがプロ!!

議題は以下の通り

  • KIKOさんのマッサージ治療院のチラシデザインについて
  • キャラメルメープルポップコーンのパッケージでマークアップとCSSの筋トレ
  • サイトのTOPページをWwordPressにしたい
  • WwordPressのユーザー一覧ページを作る

です。 続きを読む

3/8勉強会 治療院チラシ

新メンバーのKIKOです。

今日の勉強会では、私が友人に頼まれたチラシについてアドバイスをいただきましたので、まとめを書きます。

・まずターゲット 誰に読んでほしいのか?を明確にすること。

・どんなシーンで使うのか?-ポスティングなのか、店の中に貼るのかなども考える。

・アイキャッチで注目をひく。まずは目にとまらせる。

ー基本面積の2/3使い、キャッチコピーがかぶってもいい。

-魅力的な顔のアップが強い。または文字だけで魅せる。

・ジャンプ率ー見出しは強力なメッセージになる。大きい方がアイキャッチ効果がある。読みやすい。本文は小さい文字でいい。

・箱組ー左右、上下のラインを揃える。これは意識しないと揃えられない。

・フォントの種類は多くても3種類。少ない方がいい。

・色の種類もあまり使わない。カラーポリシーがないのはだめ。

・ホワイトスペースを考える。はじまで文字を入れない。何かに注目させるために余白を作る。

・ドロップシャドウは使わない。

自分のチラシの悪かった点

・アイキャッチが弱い。

・ジャンプ率が低い。

・本文の文字はもっと小さくていい。→本文の文字も大きくしなくてはと思い(小さくするのが怖くて) 結果、すべてが同じ大きさになりアイキャッチがなくなってしまった。

・箱組ができていない。縦横のラインが揃ってなくてジグザグだった。

・ターゲットが曖昧だった。

・治療院の前の看板にさしておくチラシなので、治療院の名前は小さくてもいいとのこと。(院名を大きくすることばかり考えてました)

→チラシの目的、役割を整理すること!!

以上です。今日のアドバイスをふまえて、作り直してみます!!

タカハシ先生、今日のメンバーの皆さん、本当にありがとうございました!初参加の私に、皆さんフレンドリーに接してくれて、とても楽しかったです。正直、学校よりもためになる、内容の濃いすばらしい勉強会でした。また参加させてください!!

kozackmanの名刺デザイン

名刺を作ります!

冬期はゲレンデに生息するフリースキーヤーのkozackmanさん。久しぶりのパソコン倶楽部りんごの勉強会への参加で、名刺デザインの考察を発表してくれました。これに対して、りんごメンバーで意見を出し合いました。

#14kozackman

SNS時代に名刺?

今時、個人で名刺を作りたい、と思ったのには訳がある、ということで、どんなコンセプトで名刺作成をしようとしている、という発表をしてもらいました。

名刺の目的
ゲレンデで知り合った人に渡して、自分のサイトにアクセスしてもらう
利用シーン
スキー場に於いて使用する事を前提にしたデザイン。ゲレンデでは携帯を持ち歩かないので、せっかく意気投合しても、その場限りになってしまうのがもったいない。そこで物理的に情報を伝える「名刺」をツールとして使おうと考えた。
デザインポイント
  • facebookをはじめ、youtube,flickr,pintarestなど、各種のSNSを最大限に活用したいので、それらのアイコンと、IDが必須。
  • 各種SNSのIDが統一されていれば、省スペースにもなる。
  • この名刺は自己ブランディングのツールと考えている。

今までの名刺との違い

一般的な名刺の内容をおさらいしておくとこんな感じ。

  • 会社名
  • 役職
  • 名前
  • メールアドレス
  • 電話番号

作ろうとしている名刺ではこうしようと考えている。

  • 会社名 サイトロゴ(かっこいいヤツ)
  • サイトurl
  • 役職(いらないので削除)
  • 名前(ローマ字でカッコよく!) a.k.a(SNSのIDをニックネームとして書く手もアリ)
  • メールアドレス SNSアイコンとID
  • 電話番号(教えたくないので削除)

メンバーからの意見

ランサーしょうじ#12ランサーしょうじ

材質はプラスチックなど、濡れても大丈夫な素材にしないと使えないのでは?
真中のぶ#3真中のぶ

サーファーも海に携帯は持って行かないから、その手の情報は暗記してました!
名刺がなくても、興味がある人には後日連絡するし、口頭で伝えて覚えてもらえない人からの連絡はあまりないかも・・・
僕の場合は「nobu69」で検索してね!でだいたい問題ありません。せっかく自分のサイトがあるならそれを活用しない手はない!
本当に興味のある人は、検索して連絡をくれます。なので確実に、そのキーワードなら検索上位になるというキーワードを把握しておく必要があります。
簡単なキーワードが有利です。
タカハシ先生#2タカハシ先生

名刺はインパクトを残せるかどうかが大切。総額で数千円しか違わないのなら、カード素材やプリント業者による印刷も多いに使うべきだと思います。そもそもインクジェットは水に弱いので、想定される使用環境では使えないし。
かおりんご#9かおりんご

ステッカーやシールにしたら良いかも

今後の予定

kozackmanさんは、フリースキーとシーケンスに関するサイトを作るそうです。楽しみですね。サイトや名刺が出来上がったら報告をしてください。

Twenty Twelve のフロントページテンプレートについて

Twenty Twelve で固定ページをフロントページにする

2/22勉強会の議事録です。
ワードプレスのテーマ・Twenty Twelve は、デフォルトではブログがフロントページ(トップページ)として表示されていますよね。
今回は固定ページをフロントページとして表示させる手順を説明します。

  1. 取り敢えず固定ページを作ってみる。
  2.    ダッシュボード→固定ページ→新規追加→記事を書く。

  3. 固定ページをフロントページにする。
  4.    ダッシュボード→設定→表示設定→フロントページの表示で固定ページを選択する。

固定ページをメニューに表示させる

  1. ダッシュボード→外観→ウィジェット
  2. 利用できるウィジェットの中から、固定ページを右側のメインサイドバー(又はフロントページウィジェットエリア等、表示させたいエリア)へドラッグ&ドロップする。
  3. ▼を開くと固定ページの名称や、固定ページの表示の並び順を変更出来ます。

2013-2-8勉強会

本日の勉強会は18時20分から。参加者5名。
内容は「モバイルファーストの実例として、clubringoのデザインを作ってみる。」、「audioタグについての解説」、「フォールバックについて」、「clubringoのコンテンツについて」でした。 続きを読む

2013-2-1勉強会

yukoさんから、電子書籍の説明(第2回)

しょうちゃん
自作したjQueryなどの絵本を自サイトで公開するのは、電子書籍ではないのか?

真中のぶ
それだとお金が発生しないよね。

先生
広義の「電子書籍」ではあるけど、現時点の狭義の「電子書籍/電子出版」は『マネタイズ可能であること』が要件としてあると思う。
メジャー感のある場所(AmazonやAppleやGoogle)で「出版」されることで与信されるのが大きい。個人のサイトで「ここからは有料です。振り込んでね」と言われるのとは違う。
整理すると、以下の観点がポイントか?
メディアとしての「リアル書籍」と「電子書籍」の長所・短所、ビジネスとしての話、そこへの関わり方の立ち位置の話を、混乱しないように注意しよう。

論点 リアル書籍 電子書籍
メディアとして プレイヤー(再生機)・コンテンツ(内容)・メモ(書き込める)が一体。一覧で見易い。流し読みし易い。愛着を持ち易い。 プレイヤー・コンテンツ・メモが分離。検索がし易い。場所を取らない。
ビジネスとして 出版業界の役割分担による蓄積されたKnow how。再販制度。与信機能。 現在のWebの様に情報発信・マネタイズが容易になることへの期待。リリースまでが早い。発行部数や在庫のリスクがない。
関わり方として 著者、編集者、出版社、出版取次、書店、読者… 現在の「Webデザイナー」の様に「電子書籍作成代行」も商売の一つになる。「電子書籍の挿絵画家」もアリかも。

先生
音楽コンテンツで考えればわかるが、メディアによってコンテンツの価値は変わらない。
ついつい、電子書籍ならではのコンテンツを考えてしまうが、そこは選択肢でしかない、という状況になるだろう。

しょうちゃん
シニアには本の方が良い。お金も持っているし。

clubringoサイトについて

  • セキュリティの観点から、初期参加が難しそうなメンバーのユーザー登録を一旦削除。
  • サイトの当初の目的は「サイボウズLive」でやっていた事のオープン化。こちらで出来る事は、できるだけこちらで行って欲しい。
  • 具体的には「覚え書き作成」、質問と回答はこちらで。クローズトな話題はサイボウズLiveで。
  • 読む人の信頼感と共感性を考えて、発言者はニックネームでも良いが顔出しにはしたい。顔出ししたくない人の表現をどうするかは工夫を考える。
  • 投稿内のユーザーの呼称はニックネームで。
  • 新規投稿、カテゴリ、タグの追加は自由。なんらかのルールを加えた方がいいかもしれないが、それらの提案や議論は、運営カテゴリで行う。
  • 読む人の信頼感と共感性を考えて、発言者はニックネームでも良いが顔出しにはしたい。顔出ししたくない人の表現をどうするかは工夫を考える。
  • wpテーマは、当座、Twenty Twelveで良いが、テンプレートに手を加え易い様にTwenty Twelveのクローンを作って、それを使うことにする。
  • ユーザー権限で、管理者権限が不要な人については権限を変更。

第16回(12/21)勉強会報告

2012年12月21日(金)の活動報告です。

  1. CSS3で回転するオブジェクトの作成
  2. 「オリジナルWebサービス・コンテンツ」プロジェクトのアイデア出し

http://shoji.main.jp/2012_1221/log_20121221.html
私のサーバーにアップしました、上記URLからご覧ください。
こんなCSS3回転オブジェクトを研究しました。
rotate

Responsive Web Designとは?

12月15日(土)の活動報告・改訂版です。

はじめに

mq1ファイルをダウンロード

mq2ファイルをダウンロード

ファイルをダウンロード出来ましたら、mq1とmq2それぞれをブラウザで開いて下さい。
開きましたら、それぞれの画面の幅を小さくしてみて下さい。
いかがでしょうか?
mq2の方はある大きさまで狭まると、レイアウトが変わります。

今回の授業では、mq1を元に、
画面の大きさによってレイアウトが変わるmq2を作成しました。

それでは、どうやって作るのか?を説明してまいります。
元ファイルであるmq1のソースをコピーしてテキストエディタで開き、動作を確認してみて下さい。

手を加えるのは<head>内の<style></style>の中とhtmlの一部です。
続きを読む

include_once

真中のぶです。

phpのinclude_onceでパーツの共通化。

これは、自分でデザインしたhtmlのサイトをWordPress化する際に必要な
大事な大事な考え方でもあります。

現在理解している範囲でまとめました。
第11回(2012/11/16)勉強会でやった内容です。

サンプル&解説はこちら(僕のサーバーにアップしました。)

http://nobu-69.com/ringo/php-nobu/index.php

よろしくー。

第10回(11/9)勉強会報告

11月9日(金)の活動報告です。CSS、WordPress、PHPを学習しました。

  1. CSSのみで制御するフレキシブルな横並びの復習
  2. ワードプレスで外部JS、cssを読み込ませる方法
  3. PHPで簡単なテンプレートを作ってみよう

http://shoji.main.jp/log_20121109.html
私のサーバーにアップしました、上記URLからご覧ください。