Next.js + OpenAI API で作った画像生成アプリで遊んでみた | DevelopersIO

2023/03/26 11 users DevelopersIO Shimizu アノテーション

OpenAI API と React(Next.js) を利用した簡単な画像生成アプリの作り方を、サンプルコード付きでご紹介しています。 こんにちは、アノテーション テクニカルサポートの Shimizu です。 筆者の前回の記事では OpenAI API を使用した基本的な質問アプリを Next.js で作成しました。 そこで今回は OpenAI の画像生成 API ... 続きを読む

iOS11でついにSafariからカメラにアクセスできるようになりました。（コピペで動くサンプルコード付き） - KAYAC engineers' blog

2017/06/06 238 users KAYAC engineers Safari コピペ カメラ

2017 - 06 - 06 iOS11でついにSafariからカメラにアクセスできるようになりました。（コピペで動くサンプルコード付き） ios javascript ざっくり1行でまとめると iOS11のSafariがカメラにアクセスできるようになったから試しました。＾ ＾ はじめに こんにちは。フロントエンジニアの @ki_230 です。 WWDC、盛り上がりましたね。寝不足の方も多いのでは... 続きを読む

GoFの23のデザインパターンを，Javaで活用するための一覧表　（パターンごとの要約コメント付き） - 主に言語とシステム開発に関して

2015/09/15 380 users GoF プログラマ 独学 Java GoFデザインパターン

java, 設計, プログラミング | GoFデザインパターンの一覧表と，活用のためのコメント，および入門者が独学するためのリンク集（サンプルコード付き）。入門者の独学を支援するために，このページのURLを提示して熟読させ，各パターンを短時間で効率よく学んでもらう。 デザインパターンはプログラマの常識だ。 Java使いかどうかは問わない。にも関わらず，入門書を買ったまま，途中で挫折する人が多い。挫... 続きを読む

Google Maps JavaScript API v3の使い方まとめ (サンプルコード付き)

2015/03/21 376 users Google Maps JavaScript API 必須

APIキーの取得Google Maps JavaScript APIを利用するのに、APIキーは必須ではありません。しかしながら、APIキーを取得し、使用することによって、地図の表示(リクエスト)回数の統計など、様々な情報を確認することができるようになります。「まずはお試しだけしたい」という段階なら、この章をスキップしてしまって大丈夫です。ユーザーアカウントの取得Developer Console... 続きを読む

SNSのシェアボタンの設置方法まとめ (サンプルコード付き)

2015/03/07 445 users SNS シェアボタン 設置方法まとめ Twitter 方法

SNSのシェアボタンの設置方法まとめ (サンプルコード付き)公開日: 2015-03-06ブログ記事やウェブサイトに、TwitterやFacebook、Google+などのソーシャルシェアボタンを設置する方法を説明します。目次サンプルコードTwitterFacebookGoogle+はてなブックマークpocketLINE 「プログラムのことはよく分からない…」「とりあえず設置したいのさっ」という人... 続きを読む

iOSプログラミングを学べる動画を配信する『NSScreencast』 | 100SHIKI

2013/06/28 59 users Facebook ｉＯＳプログラミング 100SHIKI

動画視聴は有料であるが、なんだかテキストが充実しているのでご紹介。 iOSプログラミングをスクリーンキャストで学べるのがNSScreencastだ。 地図の配置方法、Facebookとの統合の仕方などなど、細かいTipsを映像で紹介してくれている。 基本的に有料であるが（月額$9）、説明のテキストがサンプルコード付きでわかりやすい。ここを見ているだけでも勉強になるのではなかろうか。 iOSは範囲も... 続きを読む

[CSS3]擬似要素とbox-shadowを駆使したエレメントデザインのコツ(サンプルコード付き) - WEBCRE8.jp

2013/02/13 56 users CSS 用途 box-shadow 表現 使用用途

先日擬似要素のまとめを書きましたが、用途の説明に留まり不完全燃焼だったので…今回それを使った表現のコツなんかを突き詰めてみました。サンプルコード付きですー！★ 擬似要素で出来ることを考えていて、先日[CSS]擬似要素の実用的な使用用途のまとめ – WEBCRE8.jpというまとめを書きましたが、やっぱり自分で作ったりしたかったですｗ 今回は実際に擬似要素などを使ってCSSのみでどんな表現が出来るの... 続きを読む

CSS3のボックスシャドウを使って写真のフチの装飾をするサンプル作りました。【サンプルコード付き】 | HTML5でサイトをつくろう

2012/07/11 347 users ブチ ボックスシャドウ 装飾 class サンプル

写真ブログcruzinで紹介している写真に背景画像で影をつけていますが、写真のブログとして作った「cruzin」では正方形型の写真用のフチ3パターンと長方形型の写真用のフチ3パターン、計6パターンのpng画像を背景画像としてあらかじめ用意しそれぞれにclass名をつけ指定しておきました。そしてフチをつけたい写真に先ほど用意したclassを指定することで写真のフチを表現していました。 写真ブログcr... 続きを読む

GoFの23のデザインパターンを，Javaで活用するための一覧表　（パターンごとの要約コメント付き） - 主に言語とシステム開発に関して

2012/03/30 1076 users GoF 要点 独学 Java GoFデザインパターン

java, 設計 | GoFデザインパターンの一覧表と，活用のためのコメント，および入門者が独学するためのリンク集（サンプルコード付き）。Javaの入門者の独学を支援するために，このページのURLを提示して熟読させ，各パターンを短時間で効率よく学んでもらう。 特定の設計パターンについて理解しづらい場合，「要するにこういう目的のパターンなのだ」という要点を把握してもらい，開発に遅れずにキャッチアップ... 続きを読む

HTML5のcanvasをもっと簡単に操作できる「KineticJS」:phpspot開発日誌

2012/03/01 48 users canvas KineticJS phpspot開発日誌

KineticJS - HTML5 Canvas JavaScript Library Framework HTML5のcanvasをもっと簡単に操作できる「KineticJS」 サンプルコード付きでサンプルが紹介されており、インタラクティブなコンテンツをHTML5で作る際に便利に使えそうです マウス位置に応じてフロアが強調表示されるようなデモ その他いろいろなデモがソースコード付きで公開されてい... 続きを読む

サンプルコード付きのZen of Python | TRIVIAL TECHNOLOGIES on CLOUD

2011/02/17 17 users Zen of Python complex 教条 Zen 思想

Zen of PythonはPythonの言語としての思想を表す言葉。Pythonを起動して「import this」すると表示される。「Simple is better than complex」のように短い言葉が並んだ詞のような言葉で，Pythonistaだけでなく開発者一般が肝に命ずべき「教条」が並んでいる。しかし，Pythonの「Zen」を言葉として理解することと実践することはまったくの別... 続きを読む

サンプルコード付きのiPhone向け開発リファレンスまとめ - labolo

2008/11/03 543 users

iPhone向けの開発を始めてみたのですが、とりあえずobjective-cもcocoaも全然分からないので、とりあえずサンプルコードでも見ながら始めようと思い資料漁ってみたので、そのまとめです。自分のブックマークようです。 iPhone Dev Centerapple提供の開発リファレンスです。サンプルコードも豊富ですので何か使い方が分からないクラスがあれば、とりあえずリファレンスから検索して、... 続きを読む