サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
大谷翔平
blog.mismith.me
GSAPとThree.jsを組み合わせられると聞いてどういうことかを確かめるために基礎的なことをやってみました。 GSAPとThree.jsを組み合わせる場合、Three.jsでオブジェクトを配置したりして、それをGSAPのタイムラインなどを使って動かせるようです。GSAPを使うことでアニメーションのコードの見通しが良くなります。 今回はチュートリアルであるようなボックスを配置して、それをGSAPでくるくる回すというだけです。また、初期表示で若干scaleで大きくなるような動きもしています。実際の動作やコードは以下をみてください。 See the Pen Three + GSAP Sample by misumi (@mismith0227) on CodePen. 本当に基礎的なものですが、Three.jsとGSAPの組み合わせがどういうものかイメージできました。組み合わせて何かおもしろ
年末の技術の勉強もかねて簡単な写真のサイト作ってみました。 photo.mismith.me 作った理由 Next.js + microCMS next/imageが便利 tailwindcss Next.jsでtailwindcssを使う チートシート Components hover ブレイクポイント 独自のUtilityを追加 アイコン Vercel ホスティング 独自ドメイン Google Analytics さいごに 作った理由 個人の写真まとめサイトとして500pxを使っていたが、純粋に写真だけ一覧できるようなサイトが欲しかった(500pxはSNSなのでいろいろと余計なものが表示される) Next.jsやtailwindcss、Vercelなどを使いたかった(今年まったく技術追ってなかったので...) 実はWordPressで写真サイト作ってたけど、レンタルサーバー解約してコス
今年もAdvent Calendarの季節になりました。つまりもう年越し...早い...。 昨年も参加した「今年撮った写真Advent Calendar」の1日目担当です。 adventar.org 昨年の記事 今年はフィルムカメラを買った フィルムで撮った写真 レタッチをVSCOへ コンデジで撮った写真 Twitterも頑張って更新してます さいごに 昨年の記事 去年はメイン機をミラーレスからコンデジに買い替えたり、展示をしたり、なんかいろいろやってたみたいです。 blog.mismith.me 今年はフィルムカメラを買った 今年はデジタルの変化はないですが、新しくフィルムカメラのRollei B35を買いました。デジタルの便利で思い通りに撮るのとは逆で、思い通りにならないのを楽しむためです。まだまだ慣れないですが、試行錯誤して撮るのが楽しいです。 blog.mismith.me フィル
琵琶湖ビエンナーレ2020に行ってきました。 energyfield.org 琵琶湖ビエンナーレは滋賀の近江八幡を拠点に開催されている芸術祭です。前回が2018年だったので、おそらく2年おきで開催されています。琵琶湖ビエンナーレのいいところは、様々な芸術家の作品をみる楽しさ、普段は入れない建物での展示、近江八幡の街並み、近江牛や琵琶湖の魚介料理など。ただ芸術祭を楽しむだけでなく、近江八幡の観光としても楽しいです。 これ pic.twitter.com/4Te2kqK05S— ▲ (@misumi_takuma) November 21, 2020 見てきた展示の一部 食べたもの 休憩 紅葉 さいごに 撮影機材 見てきた展示の一部 今回は近江八幡エリアと彦根エリアに分かれており、近江八幡エリアだけまわってきました。近江八幡エリアにある展示は全部見てきました。 琵琶湖ビエンナーレ普段入らない建
テレビを見なくなって1年以上。今までテレビがある生活が当たり前だったので、もしかしたら必要な場面があるかもしれないと思って置いてましたが、全く見なくなったためテレビを処分して、NHKを解約しました。 お、NHKから支払い済みの受信料の返金きた。これで解約完了や— ▲ (@misumi_takuma) November 13, 2020 解約申し込みの電話をしてから、およそ3週間弱で完了しました。3週間ほどかかってますが、やったことはテレビ処分して、書類を書くぐらいで、だいたい待ち期間です。 家庭によって状況が異なるので、全く同じ手順にはならないかもしれないですが、参考になればと思います。 自分の環境 テレビをリサイクルに持っていく NHKふれあいセンターに電話 書類を書く NHKから返戻金 さいごに 参考サイト 自分の環境 賃貸マンション テレビ一台 そのほか受信機器はなし 受信料はクレジ
Rollei B35を購入しました。見た目かわいい。 普段はRX100 M6で写真を撮っています。 ソニー SONY コンパクトデジタルカメラ サイバーショット Cyber-shot DSC-RX100M6 発売日: 2018/06/22メディア: エレクトロニクス これ一個で大体のものは取れる汎用的なカメラですが、写真の幅をもっと広げたいと思い、新しくカメラを購入することにしました。 RX100がデジタルなので、それとは差別化してフィルムカメラ、かつ、RX100と同じく軽量・コンパクト路線でフィルムカメラを探しました。 Minox 35GT 最初に目をつけたのはMinox 35GTというカメラ。以下のブログを参考にしました。 www.animalracer.com たまに行く中古カメラ屋に実際に置いてあったので手に取ってみると、手のひらサイズでプラスチックなので軽かったです。 撮影しない
AmplifyでたとえばTodoリストのようなものを作って、いくつかTodoを登録しリロードすると、登録した順番になっていないことに気づきました。 Amplifyに詳しい方に聞いてみると、デフォルトでは並びがおかしいらしいです。自分の実装がおかしいのではなくて良かった〜笑。 どうやらランダムで生成されるidで並び順を決めているそう。。。そりゃめちゃくちゃになるわ。 解決方法として参考にしたのはこちらの記事の @keyについて。この記事には本当にお世話になっている。ありがたい。 qiita.com この記事ではnameでソートするようにしてるところを、createdAtにすればOK。 以下のようにkeyを追加。 type Note @model @auth(rules: [{ allow: owner }]) @key( name: "SortByCreatedAt" fields: ["o
大阪駅は自宅からアクセスがよく、建物がカッコいいのでよく買い物ついでに写真を撮ったりしてます。 今年は特にたくさん撮りました。ウメキタ広場など周辺の写真も含めてまとめです。 今年よく撮ったので、もう構図的にもネタ切れ感ありますが、来年もまた新しいバリエーションで撮れたらいいなと思います。 使用機材 ほぼRX100 M6ですが。一部以前使っていたα7 Ⅱも使っています。 ソニー SONY コンパクトデジタルカメラ サイバーショット Cyber-shot DSC-RX100M6 発売日: 2018/06/22メディア: エレクトロニクス ※撮影後に編集ソフト(Lightroom)でレタッチしています。 インスタグラムもやってます www.instagram.com
休日、特に予定もなかったので、話題の映画JOKERを観てきました。JOKERはバットマン最大の敵。人間を超越する特殊能力を持っていないのに、人々を混乱に陥れる恐ろしいキャラクターが魅力的。最近のバットマンの映画だと、バットマン ビギンズやダークナイトシリーズがありますが、映画の色使いや描写も好きで繰り返し観ている映画です。 今作は、そのJOKERがどうやって生まれたのかが描かれています。アメコミという括りにせずに、ぜひ観て欲しい映画です。 映画の前に梅田を歩いていると、時空の広場一面に花が植えられていました。フラワーアートミュージアム2019だそうです。一応全体的にざっと見ましたが、自分はやっぱり花よりも建築物とかの方が好きで、花が植えられて普段とは違う光景の大阪駅を撮りました。 グランフロントに行くとFUJIFILM主催の50,000人の写真展が開催されてました。
今年撮った写真 Advent Calendar 2019の14日目担当です。 あっという間に一年が終わってしまいますね...。今年、写真に関して大きく変わったことはα7 Ⅱを売って、RX100 M6というコンデジを買ったことです。 RX100 M6をメイン機にしました グループ展をしました 写真メインのブログをスタート 1xを始めた 500pxの10周年コンテスト入賞 Instagramの投稿方法を変えた noteのみんなのフォトギャラリー 今年の4枚 さいごに RX100 M6をメイン機にしました ブログを読んでくれてたり、Twitterをフォローしてくれてる人には何度もくどいようですが、α7 Ⅱを売ってRX100 M6というコンデジを買いました。 blog.mismith.me ポケットに入るサイズで手軽に写真を撮れるので、ちょっとした用事でもカメラを持っていくようになりました。 また
今年買ってよかったもの Advent Calendar 2019の7日目担当です。 今年買ってよかったもの Advent Calendar 2019 - Adventar 今年は部屋の模様替えをしたせいもあり、だいぶAmazonにお世話になりました。机やら家具やらいろんなもの買い換えましたが、特に買ってよかったものをピックアップします。 RX100 M6 ホットクック Switch PS4 Echo Show 5 欲しいと思ったものは買うべき RX100 M6 このブログ名に入っていて、ブログを始めるきっかけにもなったRX100 M6。 以前はSonyのα7 Ⅱを使っていましたが、もっと手軽に撮りたい、でも望遠も広角も欲しい、という条件で探していたところ出会ったカメラです。 手放した経緯や、購入までの詳しい話はこちらの記事で。 blog.mismith.me また、半年使った時にレビュー記
今年は奈良を開拓するぞと年始に言っていたけど、結局数回しか行かずもうすぐ年末。どうしても奈良より京都の方がアクセスがよく、また京都へ行ってしまいました。伏見桃山はいつも通過している駅で下車するのは初めて。いつもの京都ですが、まだ行ったことない場所を選びました。 伏見といえば酒蔵。月桂冠の記念館や酒蔵があり、飲み歩きしながら観光できるスポットとして知られています。お酒が苦手でも酒蔵がある街並みは綺麗でおすすめですし、お酒があれば、美味しい料理もあります。 昔ながらの街並みの中にある新しいオシャレな見た目の「家守堂(やもりどう)」で鴨の生ハムとクラフトビールの「牛ごろし」を注文しました。10種類ほどあったビールの半分はお店に併設されている醸造施設で作られているそうです。牛ごろしも自家醸造ビールの一つ。本当は牛すじ大根が食べたかったですが、品切れでした。 家守堂は他にも美味しそうなメニューがあり
今月撮った写真 早朝の梅田 港区 新世界・セルフ祭 あべのハルカス展望台 うちの猫 早朝の旧居留地 桂浜園地の彼岸花 その他 PS4とモンハンを買った ドラクエウォークを始める echo show 5を買う ゼルダの伝説 夢を見る島 スプラトゥーンついにガチマッチできるランクに 最後に 今月撮った写真 早朝の梅田 休日の朝たまたま目が覚めて、なぜか寝付けずそのまま始発の地下鉄で梅田へ行き、早朝の梅田を撮ってきました。 普段歩く梅田とは違った光景をみることができました。 この写真は1xでもPublishされました。嬉しい! 1x.com 港区 ドラクエウォークでランドマークになっている海遊館がある港区周辺に行ってきました。 予定がないとあんまり行かないエリアなので、ドラクエウォークがいいきっかけを作ってくれました。 blog.mismith.me 新世界・セルフ祭 新世界に行った時にたまたま
ようやく夏も終わりに近い気候になってきました。この時期といえばコスモスや彼岸花ですね。 カメラを持ち始めて数年経ちますが、意外と彼岸花は撮ったことがありませんでした。花って撮るの難しいんですよね...。 今回行ってきたのは滋賀の高島にある桂浜園地。琵琶湖が目の前にある湖岸の彼岸花群生地です。彼岸花が広範囲に咲いていてすごく綺麗でした。 ヒガンバナ群生地 | びわ湖高島観光ガイド 彼岸花は名前の通りすこし不吉さをイメージしてしまうせいか、黒い服が合いますよね。絨毯のように彼岸花が敷き詰められた写真も綺麗ですが、彼岸花の素直なイメージ通りちょっと寂しさ感じるように撮ってみました。 実際はどうなのか気になって調べてみると、花言葉は「情熱」や「独立」など力強いものから、「あきらめ」「悲しい思い出」などネガティブなものもあり、どっちやねんって感じです笑。 球根に毒をもっている花なので、そこから不吉な
噂のカレー屋GASAに行ってきました。自分の周りの人たちがよく行ってるようで、名前はよく聞いてましたが、神戸に用事で行った時にようやく食べることができました。 Curry Kitchen GASA tabelog.com 場所は元町駅から歩いて5分程度。近くの商店街の路地にあります。 こちらがメニュー。鹿カレーやラムカレーなど珍しいメニューも。GASA初心者なので、GASAカレーにしました。 GASAカレー 最後の仕上げのところを撮らせてもらいました。チキンが乗ってて美味しそう...! こちらが運ばれてきたGASAカレー。玄米に薬膳カレーと健康的な組み合わせ。見た目は辛くなさそうですが、一口食べるとめちゃくちゃ辛いです!笑。食べ進めるうちに自然と汗が出てきます。 チキンは揚げられていて、カリッとしていてすごく美味しいです。チキンが甘く感じるぐらい、カレーが辛い笑。ただ、いたずらに激辛にして
早朝の神戸の街をぶらぶら散歩してきました。 撮影機材 ソニー SONY コンパクトデジタルカメラ サイバーショット Cyber-shot DSC-RX100M6 出版社/メーカー: ソニー(SONY)発売日: 2018/06/22メディア: エレクトロニクスこの商品を含むブログ (2件) を見る ※撮影後に編集ソフト(Lightroom)でレタッチしています。 旧居留地 神戸は日本が昔に鎖国を終わらせた時に開いたつの港のうちの一つ。旧居留地と言われている一帯は外国人が居住するのに適していた場所。 外国っぽい街並みが最高ですね 天気は曇りでしたが、街並みと合ってかっこいい雰囲気 どの建物も素晴らしい 中華街 神戸の中華街にも行ってきました 日中は人が多い中華街もほとんど人がいない さいごに 晴れを期待して写真を撮りに行きましたが、曇りは旧居留地の雰囲気と合ってすごく良かったです。 むしろ雨の
外食ではなかなか野菜を食べられなかったりしますが、梅田の「野菜を食べるカレー camp」では、これでもかってぐらいの種類と量が入ったカレーを食べることができます。 野菜を食べるカレー camp tabelog.com 東京とかにもあるみたいです。campという名前の通り店内はキャンプモチーフ。 水は水筒に入っています。スプーン立ては飯ごう。 メニューの種類もけっこうありますが。まだ「一日分の野菜カレー」というメニューしか食べたことがありません。たっぷりな野菜が魅力的すぎるので...。 一日分の野菜カレー こちらが一日分の野菜カレー!野菜たっぷり。鉄鍋に入ってるので、最後まで熱々です。 一日分の野菜カレーにプラス200円で鶏手羽煮込を追加できて、完全食セットにもできます。鶏肉はよく煮込まれてて柔らかくて美味しいです。 野菜は色々入ってます。玉ねぎ、キャベツ、トマト、じゃがいも、パプリカ、おく
実家で飼ってる猫の写真を撮ってきました。 タイトルに書いている「撮りがいがない」とはどういうことかというと、うちの猫は基本的にじっとしていて、SNSで見るようなおもしろかわいい仕草をするわけでもなく、しかもカメラを向けると顔をそむける、ただし飯は要求するという猫です。 動物病院の人たちからも猫らしくないと言われてるそうで、のっそりマイペースな猫ですが、それが可愛かったりもして、実家に帰って猫と遊ぶのが楽しみの一つだったりします。 今回撮ってきた写真 うちの猫お得意の表情 これも テーブルの下も好きなんですよね。ここに入られると撮りづらいんですが...。 猫の頭好きです。わかってくれる人いるだろうか。 しっぽがふにゃっと じっとし始めた 絶対動かない固い意思 ダンボールも興味はもちますが、他の猫みたいに入ったりして遊ぶことはほとんどありません。 この高さ降りるのもけっこう気合いいれます 過去
新卒で大阪に来てもう8年。仕事は変わったりしてますが、長い間大阪に住んでいます。 あべのハルカスがオープンしたのは2013年6月なので、大阪に来た当初はまだ工事をしていたようです。正確に記憶ないですが...。 完成してからは6年目ですかね。あべのハルカス美術館がある16Fまでは登ったことあるものの、さらにその上の展望台には登ったことがありませんでした。 何かきっかけがあった訳ではないですが天王寺をぶらぶらしていた時に、何となく登ってみました。 撮影機材 RX100 M6を使っています。24-200mmなので、あべのハルカスのような高所で景色を撮るときは広角で、街並みを見下ろすときは望遠でという使い分けができます。 ソニー SONY コンパクトデジタルカメラ サイバーショット Cyber-shot DSC-RX100M6 出版社/メーカー: ソニー(SONY)発売日: 2018/06/22メ
ドラクエウォークで大正区を歩いていた同日に、新世界の通天閣にもご当地クエストがあるので行ってきました。 blog.mismith.me 本当はこの続きで新世界版を書くつもりでしたが、思わぬ奇祭に出会いました笑 たまたまセルフ祭に遭遇 セルフ祭写真 セルフ祭とは何だったのか... 撮影機材 たまたまセルフ祭に遭遇 無事通天閣に着き、ご当地クエストの場所を指定して、その前にちょっと写真を撮ろうと「新世界市場」といういい雰囲気の商店街に行くと何かやってました。 全然はめる気にならない顔はめパネル。 その裏 セルフ祭写真 なんと説明していいか分からない祭りだったので、淡々と写真を載せていきます。 線香花火マン。口とボンボンで線香花火やってました。風情...。 めっちゃ呪われそうな投げ銭入れ。 タピオカろ過装置とは... ちくわがまわされてました 回ってる動画 今日、新世界で撮った動画 pic.tw
海遊館やダイヤモンドポイントがある大阪港あたりにある築港麺工房 本店に行ってきました! 以前一度食べたことがあり、美味しかったのでまた行きたいと思いつつ、なかなか行く機会あありませんでしたが、ようやくまた築港麺工房の美味しいうどんを食べることができました。 udon-noodle-shop-274.business.site 美味しいうどんの前にまずは外観を見て欲しいです。このレトロな建物。 築港ビルという名前で現・商船三井が昭和初期に建てたそうです。ここが入り口。 築港麺工房は水の代わりにルイボスティが無料で提供されています。うどん以外にも、ちょっとこだわってるとこがいいですね。 以前はとり天うどんを食べた記憶がありますが、今回は土日祝限定と書いてあった築港定食にしました! ちくわ天と舞茸天が乗ったうどんと山長商店の花かつおご飯。卵とネギは花かつおご飯に乗せて卵かけご飯にします。これで8
普段人がたくさんいるはずの場所に、人がほとんどいない時間帯に歩くって面白いですよね。たまたま朝早く起きれた日があったので、買い物や食事でよく行く梅田に行ってきました。 梅田周辺は日中から夕方であればよく写真を撮りに行くエリアですが、早朝はどんな写真が撮れるのでしょうか。 撮影機材 RX100 M6を半年使ってみたレビューを書きました 5時20分ごろスタート 大阪駅へ ルクア方面へ 朝日が綺麗な道路! その他撮った写真 最後に 撮影機材 撮影機材 ソニー SONY コンパクトデジタルカメラ サイバーショット Cyber-shot DSC-RX100M6 出版社/メーカー: ソニー(SONY)発売日: 2018/06/22メディア: エレクトロニクスこの商品を含むブログ (2件) を見る ※撮影後に編集ソフト(Lightroom)でレタッチしています。 RX100 M6を半年使ってみたレビュー
いよいよ9月。今年はあと4ヶ月...。早い...。最近少し涼しい時間帯もありますが、まだまだ暑さは続きそう。 今月撮った写真 京都・一乗寺 Studio Gallery Ajito 京都駅 大阪駅 京都・嵐山 スタジオシエル その他 不要なものを大量に捨てた 本・漫画・ゲーム 本棚・カラーボックス・デスクなど 逆にいろいろ買った 技術の勉強 テレビを見ないようにしてみた 最後に 今月撮った写真 京都・一乗寺 汗だくになりながら撮りに行った一乗寺駅周辺。 昔ながらの街並みがいいですね。 有名観光エリアの有名なスポットを避けて歩くのにハマっていて、一乗寺では圓光寺や詩仙堂には行きませんでした。ラーメン激戦区なのに、もんじゃ焼きを食べたり。 blog.mismith.me Studio Gallery Ajito 今月はスタジオでの撮影に誘ってもらえる機会がありました。まず行ったのは大阪の豊中に
京都の嵐山といえば、外国からもたくさんの人が来る観光スポット。 竹林や天龍寺、渡月橋など有名なスポットや、メイン通りには京都らしいお店がたくさんあって、人がすごく多いです。 そんな嵐山でなるべく人がいない道を選び、人混みに巻き込まれず快適に嵐山観光をしてきました。 使用機材 写真はRX100 M6で撮りました。 ソニー SONY コンパクトデジタルカメラ サイバーショット Cyber-shot DSC-RX100M6 出版社/メーカー: ソニー(SONY)発売日: 2018/06/22メディア: エレクトロニクスこの商品を含むブログ (2件) を見る ※撮影後に編集ソフト(Lightroom)でレタッチしています。 渡月橋付近 阪急嵐山駅スタートなので、人混みが多いところは避けるとはいっても渡月橋は通らないといけないので、まずは渡月橋付近へ。 宣伝カーで女の子(オブジェ)がバスにしがみつい
写真のポートフォリオを作れるサービスをまとめてみました。新しいものを見つけたら随時更新していきます。 デモサイトを作ってるので、どんなものが作れるかぜひ参考にしつつ読んでください。 webサイト作成で陥りがちなこと 個人のサイトを持ちたいと思った時に、やっぱりオリジナルなものが欲しい、自分で作ってみたいと思う人は多いのではないでしょうか。 そう意気込んで作るのはいいですが、作るのに時間がかかってモチベーションが下がる、公開後にほとんどアクセスがなく更新しなくなってしまう、ということはよく見てきました。 作ってサイトを公開した直後だけアクセスがあって楽しかったとならないように、最初は無料のサービスを使ってみて、本当に自分にwebサイトが必要か?ちゃんと更新して使うか?を考えることが重要です。 サービスを使わない場合でも結局月500円ぐらいのサーバー代はかかってしまいます。無料サービスを使って
今週のお題「2019年上半期」 はてなブログのお題に初めて参加してみます。 今年の2月中旬にSonyのRX100 M6というコンデジを購入し、それまで使っていたα7 Ⅱを手放しました。 フルサイズのミラーレス機から、1型のコンデジという大きな決断で今まで撮ってたようなものが撮れるか不安がありました。しかも、コンデジとはいえ値段が高い...。 しかし半年ほど使ってると、自分が撮ってるような写真ならRX100 M6でも撮れることが分かりました。コンデジになって装備が軽量化されたので、これからもどんどん写真を撮っていきたいです。 今年α7 Ⅱで撮った最後の写真とRX100 M6に到るまでの気持ちの移り変わり 今年初めはまだαでいいかなと思ってました。ただもっと軽量化したいと漠然と考えてました。 スナップが好きなので、GRⅢは候補に挙がっていて、GRシリーズは前から触ってみてました。とっさにいい瞬
2月中旬にSonyのコンパクトデジタルカメラRX100 M6を購入しました。 その前は同じくSonyのα7 Ⅱを使っていましたが、趣味でカメラをやってるのに毎回重たい装備を持ち運ぶのが面倒になりコンデジを購入しました。 特にジャンルを絞らず撮ってる中で特にスナップが好きなので、RICOHのコンデジGR Ⅲなどと最後まで迷いましたが、コンパクトでかつ高倍率ズームがあるカメラが自分に合っていたので、RX100 M6を選びました。 そんなRX100 M6を使ってみた感想や、コンパクト・高倍率ズーム以外のメリット・デメリットなどを作例を載せて紹介していきます。 RX100 M6の特徴 概要 どんな人におすすめか どんな場面で使えるか 外観 メリット ポケットに入る小ささ 24-200mmの高倍率ズーム 高速AF(オートフォーカス) 瞳AF(オートフォーカス) タッチパネル バリアングル液晶 ポップ
2021-07-29 スライダープラグインのswiperをnpm installで使う webpack JavaScript CDN経由やダウンロードして使う方法ではなく、npmからswiperをインストールして使う方法です。最近のweb制作ではこの方法が普通じゃないでしょうか。 公式のドキュメント見て書いてるので、分かるよって人は公式のドキュメントから。この記事では覚書程度に… スライダープラグインのswiperをnpm installで使う 2021-07-14 シェーダーに入門して画像をかっこよく切り替える three GLSL three.jsで表現の幅を広げるにはシェーダーは避けて通れなさそうなので、入門してみました。 とりあえず以下の記事を読んでみました。年数的には古い記事ですが、大きく変わっていないとは思うので、そのまま参考にしました。 qiita.com qiita.com
このページを最初にブックマークしてみませんか?
『RX100で撮り歩くブログ』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く