「Nuxt.js」で作ったWebページをインターネットで公開する方法
本連載では、Webページのユーザーインタフェース（UI）フレームワーク「Vue.js」と、Vue.jsを利用してWebページを作成できるフレームワーク「Nuxt.js」の活用方法を、サンプルとともに紹介します。前回は、Nuxt.jsの非同期データ機能について説明しました。今回は、Nuxt.jsを利用して作成したWebページをインターネット上に公開する方法を紹介します。 はじめに Nuxt.jsは、Webページのユーザーインタフェース（UI）フレームワークであるVue.jsに、Webページの作成に必要なUI以外の追加機能をまとめて提供するフレームワークです。 Nuxt.jsでは、作成したWebページをインターネット上に公開するための機能が提供されています。この機能を利用すると、Node.jsが実行できないWebサーバー向けに静的ファイルを生成できます。また、Node.jsが実行できるWebサ
低温調理器で真っ先に試したいレシピまとめ | ライフハッカー・ジャパン
「低温調理器」（食材を入れた袋を密閉し、低い温度のお湯に入れて長時間かけて調理する器具）を買ったばかり、あるいは購入を検討中という人は、この新しい「おもちゃ」でまず何を作ろうかと迷っているかもしれませんね。 幸い、私たちは低温調理器をかなり使いこなしているので、この調理法に向いている食材と、向いていない食材をよく理解しています。 低温調理はまったく初めてという場合は、ビギナー向けの記事がありますので、それに目を通すことをお勧めします。 人気急上昇中のこの調理器具の仕組みのほか、その長所と短所も説明しています。 低温調理がどういうものかが理解できたら、さっそく作り始めましょう。おいしいレシピをたくさん用意していますよ。 肉の「パサつき」や「火の通しすぎ」がなくなるImage: Claire Lower低温調理器では、食材の温度を正確にコントロールできるので、火を通しすぎることは事実上、まった
約5万枚の写真をつなぎあわせて超高解像度の月の写真を作成した猛者現る
海外掲示板のReddit上で、「約5万枚の夜空の写真を撮影して、81メガピクセル(8100万画素)の月の画像を作ったよ！」というスレッドが立てられました。この写真があまりにも美しいということで、「これまで見た月の写真の中でも最高のひとつ！」や「これまで見た写真の中で最高品質のものだ！」といった賛辞が飛び交っています。 I took nearly 50,000 images of the night sky to make an 81 Megapixel image of Tuesday's moon. Uncompressed image linked in the comments. [OC] : space https://www.reddit.com/r/space/comments/arer0k/i_took_nearly_50000_images_of_the_night_sky
あんスタ！！MVのカメラ設定とキャラクター同士の接触について - Qiita
はじめに Happy Elements Advent Calendar 2020 12日目の記事です。 この記事では「あんさんぶるスターズ！！Music」のMVで使っている仕組みの中からキャラクターの入れ替えに関連する機能を２つご紹介します。 あんスタ！！Musicは個性豊かな51人のキャラクターが登場するスマートフォン向けゲームです。アプリの主要機能であるリズムゲームでは、背景として3DのキャラクターがダンスするMVをリアルタイムで再生することができます。プレイヤーはキャラクターと衣装を自由に選択することができ、様々な組み合わせでMVを楽しんでいただけるようになっています。 51人のキャラクターの中で最も背が低いのは桃李（とうり）の153cm、最も高いのは紅郎（くろう）の181cmです。下の画像は二人の立ち絵を並べたものです。緑の枠はカメラが映す範囲のイメージです。 これほど身長差のある
Camera Remote SDK | Camera Remote Toolkit | SONY
Camera Remote SDK (Software Development Kit) はソフトウエア開発者自身がソニーのカメラを使ったソリューションやアプリケーションを開発する環境を提供します。開発者はこのSDKを使うことにより、ソニーのカメラをホストPCからリモート制御を行ない、撮影や画像転送といった独自のアプリケーションを開発することが可能となります。また、このSDKはカメラ設定の変更、シャッターリリース、ライブビューモニタリングなど多くの機能を提供します。 SDKの提供物 ソフトウェアモジュール APIリファレンス サンプルコード 対応機種 ILX-LR1 ILCE-1, ILCE-9M3, ILCE-9M2, ILCE-7RM5, ILCE-7RM4A, ILCE-7RM4, ILCE-7CR, ILCE-7SM3, ILCE-7M4, ILCE-7CM2, ILCE-7C,
[OnGoing Re:View]Vol.105 解像度を捨てて「S」の称号を引き継いだ4Kシネカメラの完成形「α7S III」 - PRONEWS : 動画制作のあらゆる情報が集まるトータルガイド
txt：小林基己 構成：編集部 4K120Pという飛び抜けたスペックを掲げたα7S III登場 お待たせいたしました、お待たせし過ぎたかもしれません！ これは、ドラマ「全裸監督」のモデルにもなっている村西とおる監督の名台詞だが、α7S IIIの登場はまさしく待たされすぎたと言っても過言じゃない。α7S IIの発売から5年、他メーカーが4K60P収録可能なカメラを出してくる中、αシリーズの上限スペックは4K30Pのままだった。 それがなんと！4K120Pという一つ飛びのスペックを掲げて登場した！ 形こそスチルカメラの皮を被ってはいるものの、完全にムービーを意識してつくられたカメラだ。カメラに限らず、デジタル製品の進化は機能向上＋の考え方が通例だが、α7S IIIに関しては進化させなかった部分に注目すると、このカメラの本質が見えてくる。 その最たる部分が解像度だろう。同価格帯のα7R IVが約
![[OnGoing Re:View]Vol.105 解像度を捨てて「S」の称号を引き継いだ4Kシネカメラの完成形「α7S III」 - PRONEWS : 動画制作のあらゆる情報が集まるトータルガイド](https://cdn-ak-scissors.b.st-hatena.com/image/square/799c748a479b4bf934929cdb27e61e91a98572b3/height=288;version=1;width=512/https%3A%2F%2Fjp.static.pronews.com%2Fpronewscore%2Fwp-content%2Fuploads%2F2020%2F09%2Fong105_%25CE%25B17s%25E2%2585%25A2_top2.jpg)
JavaScriptの非同期処理を理解する その2 〜Promise編〜 | さくらのナレッジ
こんにちは！小田島です。前回の「コールバック編」を納稿したとき、アイキャッチ画像はJavaScriptのロゴにタイトルの文字を入れただけというとんでもないやっつけ仕事だったのですが、さくナレ編集部の方に「シリーズで理解が深まる」というすごい煽り文句がついたとてもカッコいい画像に差し替えていただきました。アイキャッチ詐欺にならないようにがんばります。 非同期処理シリーズの2回目はPromiseについての説明です。前回はコールバックについて説明しましたが、Promiseを使うことでどのように便利になったのでしょうか。それでは見ていきましょう！今回はコードが多いのでかなり分量が多く感じられるかもしれませんが、実際はあまり大したことはありません。 今回の目的 今回説明するのはPromiseです。これはFutureパターン（Promiseパターン）というデザインパターンの一種で、ECMAScript
焦点工房 / マウントアダプター専門店
2024.07.19 第11回 名鉄クラシックカメラバーゲンのお知らせ 2024.07.19 中一光学 SPEEDMASTER CINEMA 「20mm T1.0 ASPH. S35」「35mm T1.0 S35」「50mm T1.0 LF」販売開始 2024.07.12 SHOTEN EXA-LM R50 (エキザクタマウントレンズ → ライカMマウント変換) 距離計連動型マウントアダプター 発売 2024.07.11 七工匠 7Artisans 35mm F2.0 II Silver Prototype Mマウント 発売 2024.07.09 SHOTEN 電子マウントアダプター XTZ（富士フイルムXマウントレンズ → ニコンZマウント変換）発売 2024.07.04 Megadap ETZ21 Pro ファームウェアアップデート：Ver.1.37 公開 2024.07.03 LIG
SwiftUI で Web アプリという可能性 - OPTiM TECH BLOG
はじめに こんにちは．R&D チームの久保です． 現在 JavaScript や JavaScript にトランスパイルする言語 (TypeScript, 新し目の ECMAScript など) が主流であるフロントエンドの Web アプリケーションフレームワーク界隈ですが，数年前に WebAssembly の実行が主要ブラウザ全てでサポートされて以来，ひそかに他の言語によるフレームワークが増えつつあるのをご存知でしょうか？しかもそれらは，JavaScript でデファクトスタンダードとなりつつある React や Vue.js などと同様，仮想 DOM を実装していたりします． 例としては C# (.NET) の Blazor, Rust の Yew, Go の Vugu, C++ の asm-dom などがあります．ただ，現時点ではその多くが実験的なプロジェクトであり，今すぐに Jav
初心者がReact学習歴1週間でWebアプリ作成に挑戦してみた（感想編） - Qiita
はじめに Reactの学習兼ねてWebアプリを作成してみました。 タイトル通り、Reactのインプット期間は1週間程です。 （仕事してるので時間でいうと恐らく数日程度です） 今回の記事では、インプット学習歴1週間でもなんとか作れた話をお伝えします。 ※挑戦する段階で1週間程度のインプットで開発を始めたという話です。 開発期間は余裕で1ヶ月以上かかりました。 私についてですが、今年6月からフロントエンドエンジニアを目指して独学中です。 アプリを作り始めたスキルレベルは、主にHTML/CSS/JavaScriptを勉強しておりました。 0から作ったことはないので、今回が初めてのアプリ作成になります。 見ていただくとわかる通り比較的シンプルなアプリなのですが、 私にとっては全く簡単ではなく、、でも何とか作成できました！ 今回作ったもの ログイン機能付きの収支管理アプリです。 いわゆる家計簿アプリ
サケ・マス・ウグイ…。遡上魚を陸から撮る効率的な撮影法とは？ #16｜Sinh
大変ご無沙汰してしまいました…。なかなか机の前に落ち着いて座る時間がとれず、ついつい携帯から呟いたり、写真を載せるだけの毎日…。 書きます！ …さて今回のテーマは、こんな思いつきの呟きからです。 陸上から遡上魚を撮るコツ。 苦労するのはピントだろうな。 あとは速さ。 有名な場所だけど、さくらの滝でだってきちっと撮ろうと思うとそれなりに難しいよなと思います。 という内容のnoteはどうだろうか？ ニッチ過ぎか。w — Sinh (@sinh11) September 14, 2020 水中撮影はまだ始めたばかりで超ビギナーですが、陸から魚を撮るのはけっこう昔からやってきました。自己流ですが、そのコツを本記事で簡単にですが、まとめてみたいと思います。 ■ 水面上に出る魚の顔を狙う△ 焦点距離 200mm - シャッター速度 1/320秒 - F4.5 △ 生き物の写真は、目をしっかりと写しとり
『関東平野でサケの遡上・産卵を見てきました』
白い花が好きブログを始めてから１８年, おばちゃんからお婆ちゃんになりました。乳がん、局所再発、自家組織による乳房再建経験者です。他に持病もありますが ほぼほぼ元気に過ごしています。お婆ちゃん目線で好きな植物や日常生活を書いています。 先週 茨城県筑西市の五行川（ごぎょうがわ）に サケが 遡上し 産卵風景が見られるというニュースを見ました。 早速調べてみましたら 旧下館市の住宅街を流れる 五行川が浅瀬になっている場所で見られることが わかりました。 五行川は利根川を上り 利根川の支流の小貝川を上り、 その支流になります。利根川河口から150Ｋｍ地点 だそうです。 北関東自動車道が開通してから 旧下館市に 行くことはありませんでしたが サケの遡上や産卵など 今まで見る機会がありませんでしたので 昨日見て 来ました。 五行川の浅瀬の場所の画像です。 左側が上流、川を横切る白い部分は堰になってい
関東で鮭の遡上が見れるってしらなかった | 楽キャンプ 乗クロスビー 良あれこれ
埼玉県行田市と、群馬県千代田町の間の利根大堰（とねおおぜき） 千代田町のジョイフルホンダが大きいのでたまにドライブがてら行くのですが、利根大堰を通ります 11月11日もいつも通り走っていると見慣れないのぼり発見「サケ 遡上中！！」 え！鮭？？こんな内陸で見れるの～～！？ Uターンして立ち寄り。 利根川の河口千葉県銚子市から154kmの関東でも内陸に位置します 利根大堰（とねおおぜき）下より みんなが眺めている魚道上からは、さっぱりわかりません。 魚道 上から 利根大堰を見上げると やっぱり大きい！空がきれいなので1枚撮影 大堰自然の観察室へ 魚道で鮭が見えずちょっとがっかり。見回すと降りる階段があります さりげない観察室への階段 大堰自然の観察室の案内を降りるとすぐに最初の観察窓ガラスがあります やはり、魚道をサイドから見れる作りになっています。 おぉ！！鮭が2尾水流の中はねています こ
「埼玉うどんパスポート 2020」アプリを配信します！｜埼玉県公式観光サイト ちょこたび埼玉
一般社団法人埼玉県物産観光協会 〒330-8669 埼玉県さいたま市大宮区桜木町1-7-5 ソニックシティビル5階 TEL：048-647-0500 / FAX：048-647-7745 【アクセス】JR大宮駅西口より徒歩5分
Adobe XDでウェブデザインを加速する！[第１回] Photoshopユーザー的、Adobe XDコラボのススメ
Adobe XDでウェブデザインを加速する！[第１回] Photoshopユーザー的、Adobe XDコラボのススメ 連載 Adobe XDでウェブデザインを加速する！ ウェブの黎明期以来、多くのデザイナーがPhotoshopを使ってサイトデザインに取り組んできました。その一方で、近年はAdobe XDでデザイン制作をする人も増えています。では、両者の違いはどこにあるのでしょうか？ この連載では、Photoshopに馴染みのあるウェブデザイナーの皆さんに向けて、より効率的にウェブデザイン制作が行えるように、Photoshopのデザインを活かしたAdobe XDの使い方を解説します。 今回は、XDの位置づけを理解することを目的とし、XDのデザインツールとしての特徴や使用する際の注意点を解説します。 Photoshopを使ったウェブデザイン 人目を引くための派手な見た目のキャンペーンサイトなど
![Adobe XDでウェブデザインを加速する！[第１回] Photoshopユーザー的、Adobe XDコラボのススメ](https://cdn-ak-scissors.b.st-hatena.com/image/square/f4cfc9214ed8155b1cdaca967c605bf99f4c4ecd/height=288;version=1;width=512/https%3A%2F%2Fblog.adobe.com%2Fjp%2Fpublish%2F2020%2F08%2F31%2Fmedia_184e6bc0e6bb8f6d3d5109380f0a32eeebc8d7c6d.png%3Fwidth%3D1200%26format%3Dpjpg%26optimize%3Dmedium)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【実践】Webデザインはこんな感じで作る！ノーカット製作の流れ。
Slideflow | パワーポイントで作るwebサイト制作ツール
埼玉うどんパスポート2020
NSR-480-04 Cartoon の作品詳細 | Nash Music Library
中一光学のMFレンズ「SPEEDMASTER 135mm F1.4」の価格が約8万円引き下げ 受注生産制 キヤノンRF、ニコンZマウントも追加
