画像生成AI「Stable Diffusion」を使い倒す！ モジュラーシンセみたいな「ComfyUI」をインストール (1/3)
sponsored キャンペーン期間は2024年4月22日まで 14900K＆RTX 4080 SUPERで2万円オフ!! サイコム春キャンペーンで得するオススメ構成はコイツ sponsored 三井デザインテックにkintoneを導入した富士通Japan 基幹システム連携と伴走に強み sponsored kintoneで営業システムを刷新 アサヒ飲料をコムチュアがサポート sponsored はじめて買ったパソコンを安心して使う！「セキュリティ初心者のための三原則」 sponsored JN-34VC165UQRをレビュー 3440×1440ドットで165Hz駆動！湾曲ウルトラワイドでFPSにも使えるオールラウンダー sponsored クリエイティブな作業にも活用できる広色域＆高速応答 4KのRAPID IPSディスプレーはワンランク上のゲーミング環境を約束！MSI「MAG 322UP
JSのソースコードが変えられない！困ったときにモンキーパッチで逃げ切る方法
他人が作ったJavaScriptのプログラムを部分的に、でも元のコードを修正せずに対応するしかない…。そんなときにモンキーパッチ。やらなきゃいけないときの対処方法を実例で。 たった1つの小さな問題点を除いてきちんと動作する、第三者のコードを使ったことはありませんか？ なぜ作成者はこんなやっかいなコンソールログを削除し忘れてしまったのだろう、そのAPIコールがもう1つちゃんとしていればうまくいったのに、と思うことがあるでしょう。こうした場合、メンテナンス担当者に変更箇所を実装させるのは困難（あるいは不可能）です。自分自身でコードを変更しようにも、ソースコードを持っていなかったり、自分でコードをホストしたくなかったりするときはどう対処すればよいか悩みます。 さあ、JavaScriptのモンキーパッチの世界を一緒に探検しましょう！ この記事ではモンキーパッチとはなにかを説明します。また、第三者が
スマホあきらめたFirefox OS、実はIoTプラットフォームへの転換を進めていた！
Firefox OSはまだ終わっていませんでした。Web開発者ならむしろもっと注目すべきかもしれません。 モジラがスマートフォン向けのFirefox OSの開発を打ち切るという話は、すでに報じられているとおり。アップルとグーグルという2大巨頭によるモバイル業界の寡占と3年以上にも及ぶゲリラ戦の後、モジラは勝利の望める新しい戦いを始めようとしています。すなわち広大な「モノのインターネット（IoT）」という、まだぼんやりとした世界です。 Firefox OSはいま、接続デバイス（Connected Devices）分野に転換しようとしており、IoTによるイノベーションの一端を担おうとしています。モジラは、IoTブームが10年前のスマートフォンブームよりさらに大きなものとなると予測しています。Firefox OSのように、競争相手との大きなギャップを埋める必要はIoTの世界にはありません。「モノ
ReactとD3.jsの組み合わせで変わる！JavaScriptアニメーション開発
人気のデータビジュアライゼーションライブラリー「D3.js」をもっと使いやすく、便利にするために。Reactを使ったコンポーネント化に取り組み、リアルタイムで描画されるアニメーションを作ります。 D3は最高です。Webのデータビジュアライゼーション分野におけるjQueryのように、考えられるあらゆることが実現できます。 オンラインで見られる最良のWebのデータビジュアライゼーションの多くがD3を使用しています。D3は素晴らしいライブラリーですが、最近のv4のアップデートで従来よりさらに安定性が増しました。 Reactと一緒に使えば、D3はさらに便利になります。 ちょうどjQueryのように、D3は高性能ですが課題もあります。データビジュアライゼーションが大規模になればなるほど、用いるコードは複雑になり、バグを修正したりアイデアを絞り出したりするのにさらに時間がかかるようになります。 しかし
実際に動作する「マクスウェルの悪魔」が作られる
sponsored アスキー編集者が最高の「息抜き」をしてきた 居酒屋さんで飲む「サントリー生ビール」が最高にうまい理由は？ sponsored キャンペーン期間は2024年8月26日まで BTO PCが4万円近く安くなることもある!? サイコム夏キャンペーンの必見カスタム構成 sponsored LCDパネル＋ARGB LEDファン＋冷却性能重視の設計がウリ 猛暑日でも高負荷ゲームをしたいなら高性能の水冷CPUクーラーを選ぼう、「MPG CORELIQUID D360」徹底テスト sponsored X-500（JN-IPS24X500FR-H-C6）をレビュー 500Hzディスプレーの実力を14900KF＆RTX 4090搭載PCで絞り出す！ 合計約80万円でロマンを追求 sponsored 簡単アプリ操作でBluetooth、AirPlay 2、USB Type-C、AUXに接続可能
ASCII.jp：たった4行で電話が作れるAPI「Twilio」とは？ (1/2)｜Twilioではじめるクラウド電話開発
Twilioは簡単に言うと、「Webから電話を簡単に操作できるAPI」です。ほとんどの連絡をメールやSNSで済ませるようになった昨今、「いまさら電話？」と思った方もいるかもしれません。しかし、エンジニアの視点から、またサービス企画の視点から見て、Twilioは実に多くの可能性を秘めたAPIなのです（筆者もまた、その可能性に注目している1人です）。 Twilioを使うと何ができるのか？ どんな可能性があるのか？ その魅力を、連載を通じて紹介しましょう。 まずはTwilioを体験してみよう Twilioとはどんなものなのか？ まずは手元の携帯電話などから以下の番号に電話をかけてみてください（通話料がかかります）。 電話につながると、ややぎこちない女性の声でメッセージが流れたと思います。実はこの自動応答システム、Twilioを使って、たった4行のコードだけで実現されています。 <?xml ver
サンプルコードで分かるGAE＆Twitter API開発 (1/5)
みなさんこんにちは。ふむふむソフトの飯島です。 前回の記事では、Twitter APIを利用するための手続きと、GAE（Google App Engine） SDKを使ってローカルの開発環境でWebサービスを動かす方法を説明しました。今回はいよいよ、サンプルコードの中身について解説したいと思います。 Twitter APIを使うと、たとえばこうなります！（その3） コードの解説に入る前に、今回も1つ、当社がTwitter APIで作ったサンプルをお見せしましょう。本連載のサンプルコードのカスタマイズ例として、第1回では「ついまん。創刊準備号」、第2回では「Lispeln α（リスペルン アルファ版）」を紹介しましたが、今回はちょっと毛色を変えてTwitter ボット（bot）を紹介します。 1年間かけてひっそりと1万ダウンロードを突破した、当社開発の人気Windows ガジェット「はとぽっ
古籏一浩のJavaScriptラボ
活躍の舞台をどんどん広げているJavaScript。本連載では、JavaScript関連書の執筆でおなじみの古籏一浩氏が、最新の活用Tipsから今後注目のAjax/JavaScriptライブラリーの解説まで、“楽しくできて役立つネタ”をお届けします。
Twitter APIとGAE開発で便利なツール＆ワザ (3/5)
GAE開発にオススメの開発環境 続いて、GAEを使ってWebサービスを開発するときに便利なツールやテクニックを紹介します。 ■Komodo Edit Pythonはスクリプト言語ですから、好みのテキストエディターでガシガシ書いていけるのが魅力です。とはいえ、入力補助や構文チェックが欲しい方も多いのではないでしょうか？ そこで紹介したいのが「Komodo Edit」というエディターです。 Komodo Editは、デバッグ機能を備えた有料の統合開発環境「Komodo IDE」のエディター機能だけを独立させたアプリケーションです（無料）。Pythonだけでなく、HTML/CSS/JavaScript/PHPなど多くの言語に対応しており、それぞれの言語に合わせて構文のチェックや入力補助をしてくれる優れモノです。UIが英語なのと、動作がちょっと重いのは難点ですが、とても高機能なエディターですのでオ
ASCII.jp：Twitter APIとGAEでおもしろWebサービスを作ろう！ ｜Twitter＆Google App Engineで始めるWebプログラミング入門
みなさんこんにちは。ふむふむソフトの飯島です。 さっそくですが、みなさんはTwitter APIを使ってプログラミングしていますか？ すでに星の数ほどTwitterアプリやWebサービスはありますし、バリバリ使っている方も多いと思いますが、「知っているけれど、なかなか触るチャンスがなくて……」という方もたくさんいるのではないでしょうか？ そこで今回から5回にわたって、Twitter APIを使ったWebサービスのプログラミングについて解説したいと思います。ただAPIの使い方を解説するだけでは面白くないですから、Webサービスを公開するサーバーとしてグーグルのクラウドサービス「Google App Engine（以下GAE）」を使い、自分でサーバーを用意することなく全部無料で遊んでみましょう。 本連載では、サンプルコードのダウンロードはもちろん、Twitter APIの準備からGAEの準備、
プロの犯行現場｜Pixiaで秋のミニスカ娘を描く【線画篇】 (1/5)
ニコニコ動画には、PhotoshopやSAI、Painterなどのツールを使い、CGの描き方を教えてくれる「ニコニコ動画講座」というありがたいタグがある。その中で、フリーソフト「Pixia」を使用してイラストを描いている、プロの腕前を持った「イラスト職人」がいる。その1人がひいろさんだ。 「そうだ、超初心者向けPixia講座をしよう」をはじめ、線画編に色塗りレイヤー編、マスク編と次々と講座を上げ、いずれも2万再生を超えるヒット動画となっている。 そんなひいろさんにイラストの描き方を実際に聞いてくるというのが連載の本願なのだが、もう1つのポイントは「取材前に下絵を渡す」こと。前回までの2度に渡り、ムチャとしか言いようのないラフ絵を渡してイラストを描いてもらっている。
サンプルで学ぶjQuery Mobileまとめ（後編） (1/5)
前編、中編に続き、jQuery Mobileの機能について解説します。 グリッドレイアウト スマートフォンはPCに比べて画面幅が狭いので、1ページを複数カラムに分割するレイアウトはスマートフォンサイトに向きません。しかし、タブナビゲーションを実装する場合など、複数カラムに分割したい場合もあります。jQuery Mobileでは要素を均等に分割して並べる「グリッドレイアウト」の機能が用意されています。 2カラム 2カラムにしたい場合は、class属性「ui-grid-a」を付けた要素の内側に、class属性「ui-block-a」とclass属性「ui-block-b」を付けた要素をそれぞれ配置します。 ■サンプル01[HTML] <div class="ui-grid-a"> <div class="ui-block-a"><strong>I'm Block A</strong></div
jQuery Mobileのアコーディオンでスマホサイトを制作 (1/3)
前回に続き、jQuery Mobileでカタログサイトを制作します。今回はアコーディオンパネルのCSSを作成します。 アコーディオンパネルのCSS アコーディオンパネルのHTMLは次のようなシンプルなものでした（2つ目以降のアコーディオンは省略）。 <div data-role="collapsible-set"> <div data-role="collapsible" data-collapsed="true"> <h3>SITE MENU 1</h3> <p>sample text sample text sampletext sample text sample text sample text</p> <p>sample text sample text sampletext sample text sample text sample text</p> </div> (省略)
実例で学ぶjQuery MobileのCSSカスタマイズ (1/3)
jQuery Mobileを利用するとスマートフォンサイトを手軽に制作できますが、基本テンプレートをベースに制作すると「いかにもjQuery Mobileらしい」デザインになってしまい、他のサイトと似通ってしまいます。 そこで今回はjQuery Mobileのテンプレートをフルカスタマイズし、オリジナルデザインのスマートフォンサイトを作成する方法を解説します。サンプルとして、次のようなカタログサイトを制作します。 トップページには新着商品のサムネイル画像が3つ並び、その下にはアコーディオンパネルでニュースを掲載しています。新着商品のサムネイル画像を選択すると詳細ページに遷移し、詳細ページで画像をタップすると画像を拡大して表示します。 HTMLの作成 デザインカンプを元にHTMLを作成します。head要素内は次のように記述します。 ■サンプル1[HTML] <!DOCTYPE html> <
jQuery Mobileのマークアップの基本とCSSの変更 (1/6)
jQuery Mobileによるスマートフォンサイトの制作方法を解説する本連載。前回に引き続き、簡単な会社案内サイトを作りながら、jQuery Mobileの基本的な使い方を学びましょう。 aboutページの作成とCSS3によるデザインの変更 今回はトップページ以下の詳細ページを順に作成していきます。まずは「to-Rについて」のページ（#about）から取り掛かりましょう。前回作成したindex.htmlに次のようなHTMLを追加します。「data-role="content"」の中にh2要素とp要素を加えただけの簡単なHTMLです。 ■サンプル1[HTML] <div data-role="page" id="about" data-theme="b"> <div data-role="header"> <h1>to-R</h1> </div> <div data-role="conte
ASCII.jp：Googleマップ＋jQueryで作るAjaxなデザイン｜29分でできる！ あのサイトの“技”を盗め
今やさまざまなWebサイトで使われ、すっかり地図の定番となったGoogleマップ。 コーポレートサイトや飲食店のサイトなどで、純粋に案内図としてページに埋め込むのが一般的ですが、中にはもっとおもしろい使い方で、ユーザーを楽しませているサイトもあります。 一例として、「hitotoki」というWebマガジンを紹介しましょう。hitotokiは、ある特定の場所に関するショートストーリーを地図と絡めて紹介するWebマガジンです。Googleマップをまるで独自に描いた絵地図のようにうまくサイトになじませ、「地理と文学を結びつけた町の文学地図」というコンセプトに合わせて効果的に活用しています。 今回は、このhitotokiのGoogleマップ活用法をお手本としましょう。 今回のお手本サイト： 『hitotoki―町の文学地図』 「場所」にまつわる読者の思い出を募り、地図と写真とともに紹介する投稿型の
ASCII.jp：行っとけ！ Ubuntu道場！
初心者も使えて人気急上昇のOS『Ubuntu』。Ubuntu Japanese Teamの個性的な面々がやさしく、カンタンに、そして本音トークで「Ubuntuの今」を解説してくれるぞ。Ubuntuユーザーなら必読の座談会なのだ！ 2012年10月11日 14時00分 PC 第61回 ～師範、Ubuntu道場が最終回です！～ 永らく御愛顧いただきましたUbuntu道場も遂に最終回。なんだかしんみりとした展開になっちゃいましたねといったことは特になく、今回もゲストを迎えて、よくわからないことになっております。 2012年09月13日 12時00分 PC 第60回 ～師範、組版システム「TeX」について教えてください！～ 今回のお題は「TeX」。そもそも組版って何？ってところからUbuntuでの使い方などなどをゲストをお迎えしてお届けです。 2012年08月09日 14時00分 PC 第59回
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Twitter＆Google App Engineで始めるWebプログラミング入門