藤子・A・不二雄、藤子・B・不二雄、藤子・C・不二雄、藤子・D・不二雄――とは誰か？ 自分が何十年も前に書いた文章を読んでいると、「これは自分のなか？」と戸惑うことがある。そこで、自分の過去原稿をもとに会話するチャットBOTを作ることにした（前々回記事参照）。ChatGPTのプラグインで「PDFと対話する」なんてのがあるので同じようにできそうである。 30年前の自分と対話することのできる、私の場合は、《endoGPT》というプログラムである。 ハードディスクの中をさらってみると、月刊アスキーに連載した『近代プログラマの夕（ゆうべ）』（単行本1、2に収録分で1987～1995年）、『朝日新聞』の連載（単行本収録分で1996～2000年）、『先見日記』（2002～2005年）、それから2000年以降の原稿はもちろん残っている。古いものからみつくろうことにする。 これを言語処理の世界ではお馴染み

【重箱の隅Tips その4】 「空白」を長押しするとカーソルを任意の場所に移動できる iPhoneで文章を書いていると、任意の場所にカーソルを移動したいことがある。その部分をぴったりタップできれば移動できるのだが、なかなか難しいのだ。 そんな時は、「空白」キーを長押ししよう。キーボード面の印字が消え、スライドすることで任意の位置にカーソルを移動できるようになる。狙った所にすぐ移動できるのが便利だ。ちなみに、テキストを長押しすると虫眼鏡ツールが起動し、拡大表示を見ながら自由な場所にカーソルを移動できるようになる。 【重箱の隅Tips その5】 フリック入力文字で同じ文字を連続入力できるようにする フリック入力を使っている時、面倒なのが同じ文字を連続入力する時だ。「あ」を3回タップすると、「う」が入力されてしまう。数字なども同じ。その場合、一度フリック状態にしてからもとの文字を選択するという操

新型コロナウイルスの感染防止のため、在宅勤務を推進する企業が増加し、ビデオ会議の需要が高まっている。しかし、急成長したZoomはセキュリティやプライバシーの課題が指摘されており、失速感は否めない。一方、Microsoft Teamsを擁するマイクロソフトはこうしたZoomの動きを牽制しつつ、セキュリティの実装に自信を示している。 急成長するZoomにセキュリティとプライバシーの課題 新型コロナウイルスの感染拡大を防ぐため、各国で外出を自粛する動きが加速している。リモートワークが可能な企業においては、原則在宅勤務とする企業も増加している。それに伴って、ビデオ会議が可能なコラボレーションツールの利用が促進されている。 マイクロソフトによると、Microsoft Teamsの3月における1日の利用者数は4400万人を超え、毎日9億件以上の会議に利用されたという。さらにこれが増加傾向にあるほか、3

Dropboxがより便利に SlackやZoomなどと統合して使えるアップデート提供開始 Dropbox Japanは6月20日、「Slack」や「Zoom」などの各種サービスと「Dropbox」を統合して利用できるアップデートの提供を開始した。Dropboxから離れることなく各種サービスを利用できるため、より効率的なチーム作業を実現できるとしている。新サービスの提供による追加料金などは発生しないという。 Dropboxはさまざまなファイルを保存して共有するストレージサービスとしてスタートしたが、ビジネスの現場でのファイル共有、ビジネスチームのコラボレーションツールとしても機能を拡充してきた。 今回のアップデートでは、各種サービスとのより深い統合を実現するもの。すでにGoogleとの提携を発表しており、「G Suite」にあるGoogleドキュメントやGoogleスプレッドシートといったツ

オプトインキュベートとイロドリは2月5日、無料で使えるKPI自動レコメンド型サイト分析ツール「Dot metrix」にて、Googleアナリティクスと連携したアクセス解析サービスを提供開始した。併せて、日々の分析指標のサマリーをメールにて通知する「デイリーレポートメールサービス」も無償提供する。 Googleアナリティクスを分析に利用する企業は多いが、分析可能な指標が豊富な一方、見たい指標を確認するために複数の操作やツール利用の知識が必要となり、分析に時間がかかる。そこでDot metrixとGoogleアナリティクスを連携させ、必要な分析指標だけを面倒な操作なく一画面で見られるようにする。 Dot metrixは、サイト分析が実施できていないスタートアップ・ベンチャー、中小企業向けに開発されたサービス。「無料で利用可能」「簡単に導入可能」「シンプルで使いやすい」「サービスに合ったKPIを

ページ遷移が楽しい繊細で滑らかな動き CSS3を使った滑らかな動きと大胆なタイポグラフィが魅力的な「Beatrice Creations」。黒と白を基調とした至ってシンプルなデザインながら、つい全ページを見てみたくなる、飽きのこない演出が施されている。 Béatrice Créationsでは、複数ある作品のロゴにSVGが使われており、作品ページを移動するたびに美しいカーブを描く。軽量で、枠線や線画によって繊細でリッチな世界観を演出する、今注目のSVGアニメーションを有効に活かしたサイトだ。 今回はこのサイトをヒントに、SVGの基本と、CSS3アニメーションを使った動かし方を解説する。CSSとHTMLのみで次のような枠線とテキストを描き、最終的にはjQueryを使って色を変えるデモを制作する。 STEP 1：SVGのパスを作成する アニメーションを作る前に、Illustratorを使って素

圧倒的な人気を誇るJavaScriptのライブラリー「jQuery」。サイトに効果をあたえるプラグインが多数あることが魅力ですが、そのプラグインを探すことがWeb制作者の手間になっています。本連載では、「こうめ」さんこと大竹孔明さんがおすすめのプラグインと実装方法、実装例を紹介します。（編集部） 「infinite scroll」は、スクロールしてページ下部まで移動すると、次のページを自動的に読み込んで表示するjQueryプラグインです。 インフィニティスクロールという機能でTwitterのタイムラインや、Facebookのフィードでも採用されており、ユーザーが手動でページ送りする手間を軽減します。 WordPressのブログ記事や、ECサイトの商品ページ、またギャラリーサイトなどで効果的な表現になりそうですね。 step1 jQueryプラグインの読み込み jQuery本体をjQuery

iPhone／iPadアプリがDTCP-IP対応可能に 基本的にグローバルモデルしか存在しないApple製品では、日本のテレビ事情が考慮されていない。だから、ハードウェアメーカーによるカスタマイズの余地があるAndroid端末でテレビを視聴できることを、横目で見ているしかなかった。しかし、昨年秋から事情は一変、iPhone／iPadなどiOSデバイスでもAndroid端末と同様の使い方が可能になった。 そのきっかけとなったのは、IPネットワーク上を流れる映像信号を暗号化する「DTCP-IP」の運用規定緩和。従来は厳重だったチェック機構が、技術的な懸念がなく妥当と判断される場合は簡略化して構わないと方針転換されたのだ。結果として、ソフトウェアを追加するだけで、DLNA／DTCP-IP対応機器との間で著作権保護されたコンテンツの転送が可能になった。 つまり、今後はiPhone／iPadでもDL

「HTML5タグの誤用で恥をかいた」「分厚い仕様書は読み切れない」コーダー＆デザイナーのためのコーディングガイド。最終草案に対応したほか、商用サイトを意識したコーディング例を新たに書き下ろし。HTML5マークアップへ移行するために必要な知識を効率よく学べる1冊です。ネットで話題の「HTML5カルタ」付き! HTML5マークアップ 現場で使える最短攻略ガイド 定価：2,808円 （本体2,600円）／形態：B5変 (240ページ) ISBN：978-4-04-866070-9 HTML5と従来のHTML4.01やXHTML1.0との違いは、既存のサイトをHTML5化してみると理解しやすいでしょう。今回は、実在するWebサイトをHTML5に（勝手に）リニューアルしながら、HTML 4.01やXHTML 1.0との違いを解説します。ソースコードだけをリニューアルすることは実務ではあまりないと思い

この記事で取り上げているスマートフォンサイトの「BEFORE & AFTER」を以下の記事で紹介しています。合わせてご覧ください。 日本のスマホサイトは2年間でこんなに変わった iPhone、Androidの普及を背景に、スマートフォンのブラウザー向けにコンテンツや表示を最適化した「スマートフォンサイト」（スマホサイト）を開設する企業が増えている。当初はiPhone（iOS）の標準UIに倣った画一的なデザインが多かったが、最近では独特のレイアウトや斬新な色使いの個性的なスマートフォンサイトも増えてきた。 好評だった前編に引き続き、Web制作者が見ておきたいスマートフォンサイト（日本語／企業サイト限定）を業種別に分類して紹介する。スマートフォンサイトの制作に入る前にチェックしておこう。

この記事で取り上げているスマートフォンサイトの「BEFORE & AFTER」を以下の記事で紹介しています。合わせてご覧ください。 日本のスマホサイトは2年間でこんなに変わった iPhone、Androidの普及を背景に、スマートフォンのブラウザー向けにコンテンツや表示を最適化した「スマートフォンサイト」（スマホサイト）を開設する企業が増えている。当初はiPhone（iOS）の標準UIに倣った画一的なデザインが多かったが、最近では独特のレイアウトや斬新な色使いの個性的なスマートフォンサイトも増えてきた。 ここでは、Web制作者が見ておきたいスマートフォンサイトを紹介する。実務で参考にできるように、対象を日本語の企業サイトに絞り、業種別に分類してまとめた。スマートフォンサイトの制作に入る前にチェックしておこう。

1996年からインターネットの第一線で活躍している林雄司氏は、「Webやぎの目」や「デイリーポータルZ」から生まれた様々な書籍やイベントも手がけている 林雄司氏は、1996年からWebサイト「Webやぎの目」を運営し、そのなかのコンテンツから「死ぬかと思った」シリーズや「やぎの目ゴールデンベスト」などのヒット書籍を生み出してきた、ネット界の著名人の一人だ。 さらに2002年からは、勤務先のニフティで情報サイト「デイリーポータルZ」（以下、DPZ）のウェブマスターを勤めており、個人と法人両方の立場で幅広く活躍している。DPZでは自ら筆を執るとともに、大山顕氏や乙幡啓子氏、萩原雅紀氏、ヨシナガ氏など、個性的なライター陣の企画にもアイデアを提供してきた。 注目したいのは、これだけ多彩な表現媒体を持ちながらも、活動の起点といえるWebサイトの雰囲気をどの場面でも保ち続けていることだ。メジャー色にも

マーケティングからデザイン、テクノロジーまで、幅広い知識が求められるWebディレクターの仕事。企画立案やプロジェクト管理といった仕事の基本から、最新の技術トレンドまで、Webディレクションで知っておきたいキーワードを解説します。

鋭い視点で先を見据えた創造性は“ネットの匠”にふさわしい。そこで「ネットに生きる現代の匠"CTO・エンジニア"に聞く」第3回は、アクセス解析ツールなどを提供する早稲田大学発の技術系ベンチャー企業・ユーザーローカルで企画・開発を担当する閑歳孝子氏に話を伺った。日経BP社で記者と編集者を経験したのち、Web系ベンチャー企業に転職し、2008年から現職に就くという経歴を持つ同氏は、どのような視点でサービスを生み出しているのだろうか。 閑歳氏の7つ道具と生活スタイルに迫る ──　仕事に欠かせない7つ道具を教えてください。 （紹介していただいたのは、iPhoneとAndroid端末のNexus One、国内メーカー製携帯電話、Pocket Wi-Fiに、Mac、森永乳業のマウントレーニア カフェラッテエスプレッソ、そして、砂時計の7つ） 閑歳 メインのケータイはiPhoneで、あとは動作チェックに使

iPhone/Android向けサイト制作の基本を学ぶために、今回は実際に手を動かしながら非常に簡単なWebページを作ってみましょう。あわせて、スマートフォンサイト制作に最低限必要な制作環境（エディターとWebサーバー）についても紹介します。 用意するもの1：エディター HTMLを編集するのに必要です。使い慣れたソフトで構いませんが、もしなければ次のようなものを使うとよいでしょう。 ・Em Editor / Windows / 4000円（税込） http://jp.emeditor.com/ ・秀丸エディタ / Windows / 4200円（税込） http://hide.maruo.co.jp/ ・TeraPad / Windows / 無料 http://www5f.biglobe.ne.jp/~t-susumu/library/tpad.html ・JEdit X / Mac /

デバイスの多様化やソーシャルメディアの台頭など、Webの利用環境が変化している。ユーザーのニーズを追い求め、利便性を追求した結果、Webはどのように変わってきているのか。ユーザーの“Web利用”の変化から見えてきた課題と解決策を探る。（編集部） 情報の変化からみえてくる Web の原点回帰 20年前はパソコンがWebへアクセスするためのデバイスだったが、今では携帯電話をはじめさまざまなデバイスから情報へアクセスできるようになった。生活・仕事に欠かせない存在になりつつあるWorld Wide Webを発明したティム・バーナーズ＝リーは1997年に以下のようなことを述べている。 「Webが優れているのはユニバーサル（普遍的）であることだ。障碍のあるなしに関わらず誰でもアクセスできることはWebの欠かせない特徴である (The power of the Web is in its univers

Webサイトの制作は、一般的にサイト設計／構造設計→画面設計→デザイン制作→HTML/CSS制作→JavaScript開発といった手順で進めます。 スマートフォンサイトの場合も基本的な手順は同様で、各設計工程を経て制作していきますが、PCとも携帯電話とも違うスマートフォンの場合、サイト設計段階でも注意すべき点が多くあります。今回は、スマートフォンサイトを設計する際のポイントを解説します。 スマートフォンサイトの構造設計 「構造設計」とは、Webサイト全体の各ページのつながりを考え、いわゆる「サイトマップ」を作成する作業です。 トップページから連なるWebサイトにおいて、利用者に見てもらいたい情報を探しやすく整理し、Webサイトの目的に応じた「ゴール」への誘導を考えます。 入口は検索エンジン対策（SEO）重視で考える 一般的な携帯電話ではカメラ機能と2次元バーコード（QRコード）が普及してい

ソーシャルメディアの台頭とともに注目される「エンゲージメント」という概念。従来のオンラインマーケティングの常識を変えようとするエンゲージメントとは何なのか？　なぜいまエンゲージメントが求められているのか？　そんなWeb担当者の疑問に答えるべく、3人のプロフェッショナルによる座談会が実現。キヤノンマーケティングジャパン　コミュニケーション本部ウェブマネジメントセンター所長の増井達巳氏、NECビッグローブ　ビジネスサービス事業部 部長の山本隆範氏、ロフトワーク代表取締役の諏訪光洋氏が議論しました（モデレーターはWeb Professional編集長の中野克平）。 エンゲージメントはマーケティングに限らない ――おそらく「エンゲージメント」という言葉を正しく説明できる人は少ないと思います。 諏訪：もともとは「パブリックエンゲージメント」。米国のマーケティング会社、PR会社を中心に広がった概念で、

活躍の舞台をどんどん広げているJavaScript。本連載では、JavaScript関連書の執筆でおなじみの古籏一浩氏が、最新の活用Tipsから今後注目のAjax/JavaScriptライブラリーの解説まで、“楽しくできて役立つネタ”をお届けします。

「WebサイトをiPhoneやAndroidで見やすく表示したい」「スマートフォンをターゲットにしたWebサイトをデザインしたい」――そんなWeb制作者のための新連載がスタートします。PCサイト制作のノウハウさえあれば、「モバイルサイトは未経験」でも大丈夫。スマートフォン（iPhone/Android）向けサイト制作の基礎知識から実践的なテクニックまで、H2O Space.のたにぐちまことさんが解説します。（編集部） iPhoneの快進撃とiPhone 4の登場、Android端末のXperiaとDesireのヒット、au初の国産Android端末「IS01」の発売――と、スマートフォンの勢いが止まりません。いまや一部マニアやビジネスマンにとどまらず、女性やお年寄りなどの幅広い層にまでスマートフォンの利用は広がり、「1台目の携帯電話」として購入する人も珍しくなくなりました。 PCとの連携、