* 本稿は2019年4月2日、2021年7月2日、2022年4月15日に公開／改訂されました。その後、2023年9月11日にPython 3.11.5でのサンプルコードの動作を確認しました。 本連載は、これからPythonを使って機械学習に取り組んでみようとするプログラミング初心者と一緒に、Python言語とプログラミングの基礎の基礎を学んでいこうというものだ。 幸いなことに、現在では、時間をかけて環境を準備しなくても、Web上で簡単にPythonのコードを書いたり、実行したり、その結果を表示したりできる環境が幾つもある。そうした手軽な環境を使って、Pythonと機械学習の世界へ「エイヤッ」と飛び込める程度の知識を身に付けるのが本連載の目的だ。 PythonはAI開発で広く使われているというが、なぜなのだろうか。今回はまず、Pythonがどんな言語なのか、その特徴をかいつまんで紹介していこ

Webサービス同士を連携できるサービス「IFTTT」。スマートスピーカーとWebサービスの連携も可能なことから最近注目が集まっている。IFTTTでサービス連携を作りながら、特徴や注意点などを解説しよう。 連載目次 IFTTTとは TwitterやFacebook、Gmail、Instagram、Evernote、Dropboxなど、数え上げたらキリがないほど、現在では実に多彩なWebサービスが提供されている。こうしたWebサービスは単体でも非常に便利な機能を提供しているのだが、複数のWebサービスが連携できれば、新しいWebサービスとしてさらに多くのことを実現できるだろう。ただ、Webサービスの連携には、多くの場合プログラミングが必須であり、実現するにはハードルが高いと思われがちだ。 しかし、こうしたWebサービスを連携させる「IFTTT（イフト：IF This Then That）」とい

話題のレスポンシブWebデザインも簡単にできる、CSSフレームワーク「Bootstrap」の概要と基本的な使い方をサンプルとコードを交えて紹介します。 最近はやりのHTML5、JavaScriptライブラリ、CSS3、APIの紹介、またそれらを組み合わせたサンプルアプリケーションの紹介と解説を厳選して紹介、解説していく本連載「HTML5アプリ作ろうぜ！」。今回紹介するフレームワークは「Bootstrap」です。 話題のレスポンシブWebデザインも簡単にできる、CSSフレームワーク「Bootstrap」とは 現在のWeb制作、開発では、ともにスピードが重視されています。「Bootstrap」を使用すると、既に用意されているスタイルを適用するだけで、格段に速く見栄えを整えられます。事実、Webシステムの管理画面などでBootstrapを使用するケースも増えてきました。 Bootstrapは最近

さて今回は、ズルいデザインテクニックの集大成ともいえる「ズルいボタン」です。これまでの連載で取り上げた数々のズルいデザインテクニック、「ズルいテキストシャドウ」「ズルいグラデーション」「ズルい角丸」、そして前回解説した「ズルいボックスシャドウ」を用いたズルいボタンの作り方を解説します。 今回のズルいボタンに関しては、以前にズルいデザインテクニックのスライドで紹介したものから大幅に改定を加えて、より汎用性があり、さまざまな場面で使い勝手の良いものに刷新しました。 改良のポイントは次の通りです。 文字サイズの変更、またそれに併せてボタンサイズの変更に対応しています iタグを使ったアイコン用のWebフォントに対応しました。今回はfont-awesomeを使って解説しています フラットデザインの流行に伴うデザイン傾向に合わせ、立体感やグラデーションをより控えめに、かつpaddingを大きめに取った

富士通は2013年8月20日、視覚障がい者や色覚障がい者のアクセシビリティを高めるための診断ソフトウェアツール群「富士通アクセシビリティ・アシスタンス」の無償提供を終了した（参照記事）。このニュースはSNSでの反響も大きく、ユーザーから「なぜこのような素晴らしいサービスが終了してしまうのか」との声が多く聞かれた。 同様のツールは他にもあったが、富士通アクセシビリティ・アシスタンスが愛用されるのにはわけがあった。富士通アクセシビリティ・アシスタンスは、3つのツール群「WebInspector（ウェブインスペクター）」「ColorSelector（カラーセレクター）」「ColorDoctor（カラードクター）」から構成されており、それぞれ以下の特徴が挙げられる。 WebInspector ローカルフォルダを指定した場合、サブフォルダのHTMLまで一括でチェックでき、結果をCSVで保存できる C

box-shadowで表現する、「セミフラット」なズルいデザインテクニック：ズルいデザイン（3）（1/2 ページ） 世の中、フラットデザイン流行りですが…… iOS 7がフラットデザインを採用したのを皮切りに、Webデザインのトレンドがフラットデザイン一色になってきましたが、立体感を完全に排した色面と空間、シンプルな描画の組み合わせだけのデザイン表現は、ある種ごまかしが効かず、また適切な利用方法を喚起させるようなUIも表現がなかなか難しいものです。 例えば、「ボタンは押せるもの」であると表現するための「押したくなる感じ」を喚起させる立体感は、ユーザビリティ面でもまだまだ有効です。今回は、流行のフラットデザインの中でも違和感なく使えて、また適切なアフォーダンスの表現が可能になる、「やりすぎていない立体感」を目指した、box-shadowを活用した各種ボックス表現の作り方を紹介します。 NGな

管理を無茶振りされたサーバを守り抜け！ Hardening One Remix開催：優勝は会津若松市のITエンジニア集団（1/2 ページ） 2013年7月6日と13日に分け、「守る技術」「運用する技術」を競うセキュリティイベント「Hardening One Remix」が開催された。 「え、これ、めっちゃ古いバージョン入ってない？」「SSHの設定は変えておかないとまずいよねぇ」「さっきやられたから、修正して再起動して、もし次来たときには自動的に再起動するようにしておいたよ」……2013年7月6日と13日に開催されたセキュリティイベント「Hardening One Remix」。6日の競技会場では、参加各チームでこんな緊迫したせりふが飛び交った。 Hardening One Remixは、「守る技術」「運用する技術」を競うセキュリティイベントだ。Web Application Securit

基本的にグラデーションや角丸はジェネレータからコピペして設定できるので、作業自体は簡単です。HTML5＋CSS3サンプルを使って表現してみましょう。 （1）装飾のキモは「グラデーション・線・角丸・影・テクスチャー」 前回HTML5＋CSS3の「レイアウトを自在に使いこなす」では、限られたいくつかのCSSプロパティを組み合わせて、さまざまなレイアウトができることをお見せしましたが、今回はそれに装飾を加えていきます。 いざ装飾しようとすると、どこから手を付ければ良いのか迷ってしまうかもしれませんが、アイコンなどの絵を除けば、装飾の要素は「グラデーション」「線」「角丸」「影」「テクスチャー」くらいなものです。それらを整理して組み合わせることで、全体として一体感のあるデザインに仕上げられます。 「それが難しいんだよ！」というお叱りの声が聞こえてきそうですが（笑）、以下の2つを見比べてみましょう。上

解説 Windows 8では、Windows Vista（Home PremiumとUltimate）／7（Home Premium、Ultimate、Enterprise）と異なり、すべてのエディションでDVDの再生に必要となるMPEG2デコーダなどの機能が搭載されていない。Windows 8の開発チームのBlogによると、PCやモバイル・デバイスで利用されているビデオの大半がYouTubeやHuluなどのオンラインや、ダウンロード型のビデオ・サービスに移行しており、DVD再生に対する需要が減っていること、さらにDVD再生機能にはMPEG-2デコーダのライセンス・コスト（2ドル）などが必要になることから、Windows 8ではMPEG2デコーダを別パッケージに分離することにしたとしている。 Windows 8でのWindows Media Centerの利用（Microsoft Buil

少ない手間と知識でそれなりに見せる、ズルいデザインテクニック：ズルいデザイン（1）（1/2 ページ） デザインが自分でイイ感じに作れたらいいなあというプログラマのみなさん。少ない手間で簡単に、ちょっといい感じのデザインに見せるための、ちょっとした小ズルいTipsを紹介します Webプログラマ、Webエンジニアの皆さんが、個人で作るWebサービスやハッカソンなどで、短期間に集中してサービス開発してローンチしたいときに、もうちょっと自分でイイ感じにデザインできるといいなあという声をよく聞きます。 この企画は、そんなプログラマが、少ない手間で簡単に、ちょっといい感じのデザインに見せるための、ちょっとした小ズルいTipsを紹介します。 （注）このページでは、個々のデザイン要素を分かりやすく説明するために、実寸サイズより画像を拡大して使用しています。 ズルいデザインはSassとCompassを利用し

連載目次 前回はユーザー・ファイルやフォルダのバックアップと復元について解説した。今回はその続きとして、システム全体のバックアップと復元を取り上げる。Windows OSのシステム・ディスクが壊れたり、ほかのディスクへ移動させたりしたい場合は、このシステム全体のバックアップ／復元機能を使って、Windows 7をOSごと移動させるとよい。 システム・イメージの作成 システムの状態をフルバックアップして、後でフルリストアを行うためには、「システム イメージ」と呼ばれるデータをバックアップしておく必要がある。システム・イメージには、Windowsのシステム・ボリューム全体のイメージやブート・コードなどが含まれており、これを使うことで完全に元の状態に戻すことができる。 前回はバックアップ・ツールの基本的な使い方を紹介したが、そこで行ったバックアップ手順の中で、（手動で無効にしない限り）すでにシス

もはやメジャーアップデート！ Android 4.1が登場 2012年6月27日、グーグルはAndroidのバージョン4.1、コードネーム「Jelly Bean」を発表しました。7月10日には、ソースコードも公開されています。

クラウド学習のランクバトルで、日本1位を制した男：基礎から分かるMicrosoft Virtual Academy（2）（1/2 ページ） MVA日本ランキング1位の初音玲氏にインタビュー Microsoft Virtual Academy（MVA）は、マイクロソフトが運営する、クラウドベースの教育サービスだ。マイクロソフト認定資格プログラムなどの資格制度がカバーしていない新しい技術、特にプライベートクラウド構築に関わる知識を対象としたカリキュラムを無償で受講できる。南米で始まった本サービスを米マイクロソフトが本採用し、グローバル展開した。日本で始まったのは2012年3月と、まだまだ新しい。 第1回　最新のクラウド技術を無料で学べる「MVA」を知っているか？ MVAは、勉強するたび、そして問題に正解するたびにポイントを獲得できる。各国ランキングとグローバルランキングという2つのランキングで

Webにある「学び舎」使っていますか？ 無料で学べるオンラインコンテンツが数多く観られるようになってきました。従来は語学や、ビジネス系のものが目立っていましたが、最近では、質の高いIT系のオンライン学習のための教材がそろってきました。オンラインでの学習の利点はいくつか考えられます。 安価もしくは無料で質の高い教材に出会える 自分の時間をうまく使って教材や講座を観られる →モバイルデバイスに入れて持ち歩くこともできる 気に入った講座はサブスクライブ（登録）することで継続的に受講できる 海外の講座であれば、英語の勉強（ヒアリング）にもなる →海外出張や英語イベント参加の前に、英語脳に切り替えるのに便利 物理や数学、ITやプログラミングに直接関係無い事柄でも学べる 一方で、一緒に学ぶ同級生の存在が感じられにくい、サボる理由がいくらでもあり、モチベーションが続きにくいといった難点もあります。 また

スマートフォンアプリデザインに役立つ 基礎のまとめ！：一撃デザインの種明かし（14）（1/4 ページ） 各キャリアが新Android携帯を続々と発表し、スマートフォンへの注目がますます盛り上がる中、アプリケーションも、iPhone／Androidともに展開するものが増えてきました。 そういった中で、本稿ではスマートフォンアプリのデザインのコツをまとめてみます！ iPhone／Androidともに展開しているアプリ3例 まずは、iPhone、Androidともに展開している有名アプリを3つ紹介します。それぞれのスクリーンショットを見ながら違いを探してみてください。 【1】クックパッド レシピの投稿と検索ができるアプリです。PCサイトの雰囲気はそのままに、トップ画面を旬のキーワードと履歴、検索ボックスのみに絞ったシンプルなUIになっています。要素とコンテンツを極力減らすことで、レシピ検索に集中

最近よく目にする「HTML5」という言葉。JavaScriptのAPIやCSS3、SVGなどを含め、急速な広がりを見せつつある「HTML5」の基礎を学べる入門連載です。「HTML5を使うと、何ができるのか」「それを実現するには、どのようなプログラムを書いたらいいのか」をお届けします 5からHTMLの“文法”が変わるって知ってた？ 連載第1回の「Webの3つの問題を解決する「HTML5」とは何なのか」では、HTML5という技術革新の意義、そして本連載の大まかな流れについてお話ししました。連載第2回である今回は、HTML5のマークアップを行うための基礎知識についてお話しします。 HTML5では、その文法が大きく変化しました。「HTMLが、どれほど普及しているか」「根底となる“文法”が変わってしまったら、どれほどの影響があるか」に想像が及ぶ方であれば、非常な驚きと不安を抱かれるかもしれません。