プログラミングを学習する意義、Scratchの基本的な使い方超入門
本連載「Scratchで始めるプログラミング教育」は、ビジュアルプログラミングツールである「Scratch」を使って、「プログラミング」で何ができるのかを体験してもらう連載だ。 基本的にScratchの使い方やプログラミングの仕方は動画で解説し、ポイントは文章でも補足していくことで分かりやすく学べると思うので、子どもにプログラミングを体験させるきっかけにしてほしい。 Scratchとは、ビジュアルプログラミングとは Scratchは、主に子ども向けに利用されている、ビジュアルプログラミングを用いたプログラミング環境だ。マサチューセッツ工科大学（MIT）メディアラボ（Media Lab）のライフロングキンダーガーテングループ（Lifelong Kindergarten Group）が開発している。 ビジュアルプログラミングとは、パズルを組み立てるように、ブロックとして用意されている「命令」を
モバイルファーストに効く、Photoshopによるワイヤフレーム／デザインカンプの作り方
Adobe Creative Cloud（以下、Creative Cloud）とスマートデバイスでWebデザインのワークスタイルはどう変わるのかを検証する本連載「スマホカメラとタッチで変わる制作現場」。初回の「デザインネタをWebで探す人が知っておきたい、日ごろのネタ収集と活用を効率化する4つのアプリ」では、Creative Cloudのスマホ向けアプリ群「Adobe Shape CC」（以下、Shape）「Adobe Brush CC」（以下、Brush）「Adobe Color CC」（以下、Color）を使って、それぞれ形状、ブラシ、色の組み合わせをデザインの素材として収集し、Webストレージ「Creative Cloud Libraries」に保存する方法を紹介した。 なお、これらのアプリは2015年10月に一つのアプリ「Adobe Capture CC」として統合されたが、使える
納期明日!? PSDを一晩でWebページにする最新Web制作フローを試してみた
降って湧いたランディングページ制作案件 制作業をしていると、いわゆる「ブラック案件」に遭遇することが結構ある。今回、筆者のチームはLP（ランディングページ）の制作を受注した。LP制作なら数日あれば何とかなるだろうと思っていたところ、クライアントからのメールの最後に、このような一文が書かれてあった。 明日15時までにいただけますと幸いです。 もうすでに18時を回っている。22時間で作ってお渡ししろというわけだ。全くもって幸いじゃない。これは、もう災いである。 デザイナーが高速でデザインを終えてくれて、運良くクライアントの承認がすぐに降りた。後はコーディングをしていくだけだ。降って湧いたブラック案件とはいえ、きちんと仕事はこなしておきたい。そして、できることならちゃんと寝たい。作業時間を短縮しつつ、きっちりクオリティは担保できる、そんな夢のようなツールがあればいいのに、残念ながらそう都合が良い
第2回 無償版GmailとGoogle Apps for Businessの違いを知る
第2回 無償版GmailとGoogle Apps for Businessの違いを知る：Windowsシステム管理者のためのGoogle Apps入門（1/2 ページ） 無償版Gmailをビジネスに活用しているユーザーは珍しくない。では有償のGoogle Apps for Businessの価値はどこにあるのか？ 両者の違いを企業のシステム管理者の視点で解説する。 連載目次 すでに多くの読者がGmailを利用されているだろう。現在も世界中でGmailのユーザーは増え続けている。ウィキペディアによると、その数は2012年6月時点で4億2500万人にも上り、世界最大のメール・サービスであると説明されている。実際の利用シナリオも多岐にわたり、無償版Gmailであっても個人ユーザーだけでなく小規模な企業ではビジネス用途として利用されていることすら珍しくないのが現状だ。 第2回となる今回は、第1回で
Bootstrapの使い方超入門 (1/4) - ＠IT
話題のレスポンシブWebデザインも簡単にできる、CSSフレームワーク「Bootstrap」の概要と基本的な使い方をサンプルとコードを交えて紹介します。 最近はやりのHTML5、JavaScriptライブラリ、CSS3、APIの紹介、またそれらを組み合わせたサンプルアプリケーションの紹介と解説を厳選して紹介、解説していく本連載「HTML5アプリ作ろうぜ！」。今回紹介するフレームワークは「Bootstrap」です。 話題のレスポンシブWebデザインも簡単にできる、CSSフレームワーク「Bootstrap」とは 現在のWeb制作、開発では、ともにスピードが重視されています。「Bootstrap」を使用すると、既に用意されているスタイルを適用するだけで、格段に速く見栄えを整えられます。事実、Webシステムの管理画面などでBootstrapを使用するケースも増えてきました。 Bootstrapは最近
ここが変だよ、そのWeb改ざん対応
IEのゼロデイ攻撃で最初のトリガーとなった「Web改ざん」。改ざんされた後の対応次第では、被害をさらに広げてしまう結果になりかねません。今回は、筆者が見かけた「いまいちイケてない」インシデント対応を紹介します。 連載目次 エポックメーキングな出来事だったIEのゼロデイ攻撃 皆さんこんにちは、川口です。気が付けば半年もこのコラムからご無沙汰しておりました。あちこちで「最近は書かないんですか？」と聞かれてしまい、期待していただいている方には申し訳ない気分でいっぱいです。言い訳をすると、仕事も少し変わり、Hardening One Remixをやり、セキュリティキャンプをやり、出張三昧が続き……と目まぐるしい生活を送っていました。 そんなこんなの生活を送っているうちに、Internet Explorer（IE）に存在したゼロデイ脆弱性を狙った事件が発生していました。私がセキュリティを意識するよう
box-shadowで表現する、「セミフラット」なズルいデザインテクニック
box-shadowで表現する、「セミフラット」なズルいデザインテクニック：ズルいデザイン（3）（1/2 ページ） 世の中、フラットデザイン流行りですが…… iOS 7がフラットデザインを採用したのを皮切りに、Webデザインのトレンドがフラットデザイン一色になってきましたが、立体感を完全に排した色面と空間、シンプルな描画の組み合わせだけのデザイン表現は、ある種ごまかしが効かず、また適切な利用方法を喚起させるようなUIも表現がなかなか難しいものです。 例えば、「ボタンは押せるもの」であると表現するための「押したくなる感じ」を喚起させる立体感は、ユーザビリティ面でもまだまだ有効です。今回は、流行のフラットデザインの中でも違和感なく使えて、また適切なアフォーダンスの表現が可能になる、「やりすぎていない立体感」を目指した、box-shadowを活用した各種ボックス表現の作り方を紹介します。 NGな
エンジニアも避けては通れない「安全な利用規約」の作り方
1月18日、「エンジニアサポートCROSS 2013」が開催された。その中から、NHN Japanのmala氏による「体系的に学ぶ安全な利用規約の作り方」をレポートする。 1月18日、Web技術について横断的に語り合うイベント「エンジニアサポートCROSS 2013」が開催された。その中からNHN Japanのmala氏による「体系的に学ぶ安全な利用規約の作り方」をレポートする。 mala氏は、サービスを作る側と使う側の両方の立場から、「安全な利用規約の作り方」を語った。昨今、アプリケーションの実行環境の多様化や、ビジネスモデルの複雑化、大規模なログデータや個人情報の利活用など、サービス自体の複雑化が原因となった利用規約に関する炎上が多々見受けられる。このような炎上の原因はどこにあるのか。エンジニアとして何ができ、どのような解決策があるのか。 Webに関わるエンジニアが知っておくべき5つの
JavaScriptのスマホ対応時に知らないと損する16のコト
JavaScriptのスマホ対応時に知らないと損する16のコト：スマホ向けサイト制作で泣かないための秘伝ノウハウ（3）（1/3 ページ） スマートフォン向けWebサイト構築支援ツールを開発・販売するため、国内すべてのケータイ・スマートフォン・タブレットを所有している企業に勤める筆者が、サイト構築のハマリどころとも言えるノウハウを紹介する連載。今回は、スマホ向けサイトにおけるJavaScriptの4つの主な役割、実装上の3つの注意点、よく使われるOSSライブラリ4選、OS／機種依存事例5選などを紹介します こんにちは。KSK「フレックスファームビジネスユニット」の渡辺です。前回の「HTML5のスマホ対応の基礎知識とハマリどころ3選」では、HTML5に対する対応状況、代表的なHTMLタグに対する依存事例を紹介しました。 今回は、KSKの製品「x-fit（クロスフィット）の開発・販売や、実機での
いまさら聞けないAR（拡張現実）の基礎知識
プログラミング未経験でも手軽にAndroidアプリが作れるApp Inventor。本連載では、App Inventorでアプリを作り、使用しているコンポーネントに関して実際にJavaのAPIと比較して、できることを検証していきます Webアプリ開発者がモバイルARアプリを作るために 「AR（augmented reality）」という言葉が、ごく一部の研究者や技術者の中でしか知られていなかったものから、徐々に一般への認知が広まりつつある状況が生まれてきています。例えばカーナビのようなものに「AR」と名の付く機能が搭載されたり、携帯型ゲーム機にもARを体験できる機能が付いたりなど、身近な応用例も増えてきています。 一般的になりつつあるとはいえ、では実際に「ARを使ったものを作ってみよう」といって「何から手を付ければいいのか」「どう始めればいいのか」興味はあっても踏み込めていない方が、読者の
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック：ズルいデザイン（1）（1/2 ページ） デザインが自分でイイ感じに作れたらいいなあというプログラマのみなさん。少ない手間で簡単に、ちょっといい感じのデザインに見せるための、ちょっとした小ズルいTipsを紹介します Webプログラマ、Webエンジニアの皆さんが、個人で作るWebサービスやハッカソンなどで、短期間に集中してサービス開発してローンチしたいときに、もうちょっと自分でイイ感じにデザインできるといいなあという声をよく聞きます。 この企画は、そんなプログラマが、少ない手間で簡単に、ちょっといい感じのデザインに見せるための、ちょっとした小ズルいTipsを紹介します。 （注）このページでは、個々のデザイン要素を分かりやすく説明するために、実寸サイズより画像を拡大して使用しています。 ズルいデザインはSassとCompassを利用し
社会における3つのデザイン
11月21日、慶應義塾大学大学院メディアデザイン研究科は「Global Innovation Design Symposium 2012」を開催した。基調講演では、イノベーション実践者であり、未来思想家・研究者でもあるデイル・ラッセル（Dale Russell）氏が「国際的なデザインコネクションがイノベーションの鍵となる」というテーマで、社会におけるデザインの在り方を語った。ここでは、3つのデザインを紹介する。 まず、未来に作られるデザインについて、ラッセル氏は「人は具体的な形ができる前に、未来に作られるであろうデザインを知っている」という。例えば、近年流行している「ホームオフィス」という考え方もその1つ。ホームオフィスとは、会社という場所に捉われることなく、いつでもどこでも働ける環境のことをいう。ITが進化した今だからそのようなスタイルが生まれたと思われがちだが、実はそうではない。「ホー
GitHubはリアルRPG？ そして、ソーシャルコーディングへ
リポジトリだけじゃ終わらないGitHubの魅力に迫る Gitリポジトリの「GitHub」が最近注目を浴びています。Gitを使っていなくても、ほとんどの人は名前くらいは聞いたことがある人は多いと思います。今年の3月に、あるサンプルアプリのソースコードがGitHubに公開されたというニュースが話題になり、GitHubの知名度が日本でも高まりました。なぜ話題になったかというと、そのサンプルアプリが日本のダンスグループ「Perfume」が踊っている姿のモーションキャプチャデータを使ったものだったのです。 Gitは強力なツールですが、Gitというキーワードが先行しているので、GitHubのことを「Gitリポジトリが使えるWebサービス」くらいにしか感じてない人も見掛けます。 しかし、一昔前は貧弱だったGitHubのIssue（チケット）機能も最近のバージョンでは大幅に強化され、GitHubは情報共有
営業vs.開発の対立をなくす、「SE＝営業＝PM」という理想形
営業vs.開発の対立をなくす、「SE＝営業＝PM」という理想形：SEの未来を開く、フルスクラッチ開発術（5）（1/2 ページ） プログラムレス開発が全盛の中、フルスクラッチ開発こそ、顧客のためになり、SEにとっても強みとなると主張する企業がある。彼らはなぜあえて今、このような主張をするのだろうか？ プログラムレス開発と「持たないシステム」が主流となりつつある今、フルスクラッチは「1つの有効な選択肢」となり得るのか？ プラムザの代表取締役 島田徹氏、取締役 内藤洋史氏との対談シリーズ。前回までに、以下のテーマを議論してきた。 フルスクラッチには、ニッチだが確実な市場があること フルスクラッチはリスクが大きそうだが、逆に小さいこと エンジニアにとってはストレスレスであること エンジニアの世界が広がるということ 今回のテーマは、「フルスクラッチ開発を可能にする営業」。システム開発の現場では「営業
「Meteor」で来れ、1億総Webアプリ開発者の時代（1/2） － ＠IT
ものになるモノ、ならないモノ（47） 脅威のフレームワーク「Meteor」で 来れ、1億総Webアプリ開発者の時代 山崎潤一郎 2012/5/16 文系で印象派人間の筆者でも「これならWebアプリ開発、できるかも」と思わせてくれるフレームワークが登場した。技術的な視点からの開設は他所に任せ、ここでは、非プログラマの視点から、Meteorがどんな可能性を切り開いてくれるかを予想したい。 「1億総Webアプリ開発の時代到来か」「これなら印象派人間の俺にも開発できるかも」「『リーンスタートアップ』しちゃおうかな」……。 いま、「Meteor」という名のWebアプリケーション用フレームワークがエンジニアの間で話題になっている。この新しいフレームワークのサイトやそこで紹介されているビデオを見て、脳内ヘビロテ状態でグルグルとループ再生されたのが、冒頭のフレーズだ。 簡単でスピーディな開発を可能にした脅
「天に召されたデータに献杯！」
「お店のWebサイトが見られない」「顧客データ1万件が消えた」――6月20日に起きたファーストサーバの大規模障害にほんろうされた人々が、愚痴をこぼしながら名刺と杯を交換するイベントが行われた。（編集部） 100人近くが「天に召されたデータに献杯！」 「天に召されたデータに献杯！」――6月20日に起きたファーストサーバの大規模障害にほんろうされた人々が、心ゆくまで愚痴をこぼしながら名刺や杯を交換するイベント「ファーストサーバ データ消失オフ『データはどこへ消えた？』」が、7月14日深夜、東京・阿佐ヶ谷のライブハウス「阿佐ヶ谷ロフトA」で開かれた。 土曜の深夜という時間帯にもかかわらず、自社のサーバが被害に遭った人やファーストサーバの同業他社、業界関係者など100人近くが集結。隣人のデータ消失被害に同情を寄せ、復旧の報告に歓声を上げるなど、深夜の阿佐ヶ谷は異様な熱気に包まれた。 障害が起きたの
Objective-C初心者のためのiOS SDKコード例一覧～iPhone／iPadアプリ開発者が知らないと損するまとめ - ＠IT
このページは、iOS（iPhone／iPad／iPod touch）アプリ開発者／プログラマのための、iOS SDKのAPIの使用コード例の記事を探しやすいようにしたリンク集です。フレームワークごとに表でまとめてあります。メソッドやプロパティなどObjective-CのAPIの使い方の参考にしてください。 ＠ITにコード例の記事が掲載しているクラス／プロトコル／関数やフレームワークだけしかリストには挙げていませんが、今後新たにiOS SDKの使用コード例がある記事が公開されたら、改訂していく予定です。 フレームワークの並び順は、標準の「iOS Developer Library」と同様にしています。 Frameworks Cocoa Touch Layer Event Kit UI Game Kit iAd Map Kit UI Kit New! Media Layer Assets Li
5分でわかるCSSグラフィック
知って得する、Webブラウザ上で利用できるグラフィック関連技術。アニメーションや3Dが表現できる「CSS3」をハックしよう CSSで多彩な表現が可能に 本連載では、Webブラウザ上で利用できるグラフィック関連技術を、読み切りの形で、なるべく分かりやすく紹介していきます。第1回である今回はWebの基本技術の1つであるCSSで実現するグラフィック表現を取り上げます。 従来のCSSはWebページのフォントやレイアウトを整える機能がほとんどで、「グラフィック技術」というには物足りないものでした。しかし、CSS3と呼ばれる近年の拡張によって、アニメーションや3D表現を含む多彩な画面効果が実現できるものに進化しています。 この記事は、そうしたCSS3のグラフィック関連機能の基本的な使用方法をまとめて学習することを目的としています。 ベンダプレフィクスについて CSS3の多くの機能はまだ規格策定段階のも
スーパーマリオはソーシャルゲームやゲーミフィケーションに影響を与えた（1/2）- ＠IT
スーパーマリオはソーシャルゲーム やゲーミフィケーションに影響を与えた Cloudforce 2011セッションレポート＆インタビュー 柴田克己 2012/1/11 2011年12月14～15日、都内のホテルで開催されたセールスフォース・ドットコムのプライベートイベント「Cloudforce 2011 JAPAN」では、同社の従来のコアコンピタンスである「クラウド」に加え、TwitterやFacebookといった、ソーシャルメディアの持つダイナミズムを企業活動の中で積極的に活用していく「ソーシャルエンタープライズ」の実現が大きなテーマとなった。 ソーシャルエンタープライズの実現に当たり、1つのカギとして注目を集めているのが「ゲーミフィケーション」の手法だ。今回のCloudforceでは、ソーシャルゲームの持つ「ゲーム的」な要素を、企業の活動に適用することで、顧客や従業員の参加意識やモチベー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
いまさら聞けないNode.jsの基礎知識とnpm、Gulpのインストール (2/2)：MEANスタックで始めるWebアプリ開発入門（2） - ＠IT