| TECH |
Engadget Japanese |
本物の鳥を操るような感覚。大人のためのラジコン飛行機「MetaFly」 |
https://japanese.engadget.com/metafly-094938380.html
|
metafly |
2020-08-09 09:49:38 |
| TECH |
Engadget Japanese |
新型27インチiMacの分解動画がさっそく公開。HDD部分がなくなり内部スペースに余裕 |
https://japanese.engadget.com/imac27-teardown-091058530.html
|
部分 |
2020-08-09 09:10:58 |
| js |
JavaScriptタグが付けられた新着投稿 - Qiita |
【備忘】google apps script でslack通知 |
https://qiita.com/sktn3/items/fb95d56b0c2ce600ea3f
|
|
2020-08-09 18:33:26 |
| js |
JavaScriptタグが付けられた新着投稿 - Qiita |
Vue.jsで名前の表示/非表示を切り替える |
https://qiita.com/Naoki1015/items/0e7820990d9753126684
|
ここでの処理内容は、ボタンをクリックするとtoggleBtnの処理が呼び出されて、showデータのtrueとfalseが切り替わる仕組みになっています。 |
2020-08-09 18:17:58 |
| js |
JavaScriptタグが付けられた新着投稿 - Qiita |
vue-youtubeを使用して、複数のモーダル上で動画を再生させる |
https://qiita.com/miwashutaro0611/items/232f9defc495842d1499
|
vueyoutubeを使用して、複数のモーダル上で動画を再生させる実装結果git映像実装サイトURL実装コードディレクトリsrc├ーAppvue├ーassets│└ーscss│└ーmainscss├ーcomponents│├ーMovieButtonvue│└ーMovieModalvue├ーmainjs└ーplugins└ーvueyoutubejsバージョンvueclivuevueyoutubeコードの内容を見るsrcAppvuelttemplategtltdividappgtltmoviebuttonbtnnummovieidmovieDatamodalopenmodalOpeneventgtltmoviebuttonbtnnummovieidmovieDatamodalopenmodalOpeneventgtltmoviebuttonbtnnummovieidmovieDatamodalopenmodalOpeneventgtltmoviemodalmodalcontentmodalContentisopenisOpenmodalclosemodalClosegtltdivgtlttemplategtltscriptgtimportMovieButtonfromcomponentsMovieButtonimportMovieModalfromcomponentsMovieModalexportdefaultnameAppcomponentsMovieButtonMovieModaldatareturnisOpenfalsemodalContentmovieDatarbECyGswQMqjzMeDUoVsiLRggmethodsmodalOpeneventconsolelogeventthismodalContenteventthisisOpentruemodalClosethisisOpenfalseltscriptgtltstylelangscssgtappfontfamilyAvenirHelveticaArialsansserifwebkitfontsmoothingantialiasedmozosxfontsmoothinggrayscaletextaligncentercolorcemargintoppxltstylegtsrccomponentsMovieButtonvuelttemplategtlttransitionnamefademodeoutingtltdivclassmodalvifisOpengtltdivclassmodaloverlayclickonClickgtltdivgtltdivclassmodalbodygtltpgtモーダルltpgtltdivclassyoutubewrappergtltyoutubevideoidmodalContentmovieIdrefyoutubegtltyoutubegtltdivgtltbuttontypebuttonclickonClickgtボタン閉じるltbuttongtltdivgtltdivgtlttransitiongtlttemplategtltscriptgtexportdefaultpropsmodalContenttypeObjectisOpentypeBooleanmethodsonClickthisemitmodalcloseltscriptgtltstylelangscssscopedgtmodalpositionfixedtopleftwidthheightmodaloverlaypositionabsolutetopleftwidthheightbackgroundmodalbodypositionrelativetoprightbottomleftmaxwidthpxmarginautobackgroundffftransformtranslateYfadeenteractivefadeleaveactivetransitionopacitysfadeenterfadeleavetoopacityltstylegtsrccomponentsMovieModalvuelttemplategtltbuttontypebuttonclickonClickgt動画btnNumltbuttongtlttemplategtltscriptgtexportdefaultpropsbtnNumdefaulttypeNumbermovieIdtypeStringmethodsonClickthisemitmodalopenmovieIdthismovieIdltscriptgtltstylelangscssscopedgtltstylegtsrcpluginsvueyoutubejsimportVuefromvueimportVueYoutubefromvueyoutubeVueuseVueYoutubesrcmainjsimportVuefromvueimportAppfromAppvueimportpluginsvueyoutubejsVueconfigproductionTipfalserequireassetsscssmainscssnewVuerenderhgthAppmountappsrcassetsmainscssyoutubewrapperpositionrelativewidthmarginautoheightpaddingbottomoverflowhiddenbackgroundaaaiframepositionabsolutetopleftwidthheight実装手順vueyoutubeインストールvueyoutubenpmnpminstallvueyoutubeoryarnaddvueyoutubevueyoutube記載srcpluginsvueyoutubejsimportVuefromvueimportVueYoutubefromvueyoutubeVueuseVueYoutubesrcmainjsimportpluginsvueyoutubejs※Nuxtjsの場合、pluginsに記載exportdefaultpluginspluginsvueyoutubejs参考リンクプラグインーVuejsボタン追加srccomponentsMovieButtonvuelttemplategtltbuttontypebuttonclickonClickgt動画btnNumltbuttongtlttemplategtltscriptgtexportdefaultpropsbtnNumdefaulttypeNumbermovieIdtypeStringmethodsonClickthisemitmodalopenmovieIdthismovieIdltscriptgtltstylelangscssscopedgtltstylegtsrcAppvuelttemplategtltdividappgtltmoviebuttonbtnnummovieidmovieDatamodalopenmodalOpeneventgtltmoviebuttonbtnnummovieidmovieDatamodalopenmodalOpeneventgtltmoviebuttonbtnnummovieidmovieDatamodalopenmodalOpeneventgtltdivgtlttemplategtltscriptgtimportMovieButtonfromcomponentsMovieButtonexportdefaultcomponentsMovieButtondatareturnisOpenfalsemodalContentmovieDatarbECyGswQMqjzMeDUoVsiLRggmethodsmodalOpeneventthismodalContenteventthisisOpentrueltscriptgtmoviebuttonについてbtnnumボタンの番号を識別させるためのもの今回の実装では必要なしmovieid動画のidで動画の内容を識別させるためのもの管理しやすくするため、data内のmovieDataに登録modalopenmodalOpenevent子コンポーネントのクリックイベントを検知して、実行モーダルを開くためのもの参考プロパティーVuejs【Vuejs】【図解】emit、propsを使ったコンポーネント間のデータのやり取りCCTblogモーダル実装srccomponentsMovieModalvuelttemplategtlttransitionnamefademodeoutingtltdivclassmodalvifisOpengtltdivclassmodaloverlayclickonClickgtltdivgtltdivclassmodalbodygtltpgtモーダルltpgtltdivclassyoutubewrappergtltyoutubevideoidmodalContentmovieIdrefyoutubegtltyoutubegtltdivgtltbuttontypebuttonclickonClickgtボタン閉じるltbuttongtltdivgtltdivgtlttransitiongtlttemplategtltscriptgtexportdefaultpropsmodalContenttypeObjectisOpentypeBooleanmethodsonClickthisemitmodalcloseltscriptgtltstylelangscssscopedgtmodalpositionfixedtopleftwidthheightmodaloverlaypositionabsolutetopleftwidthheightbackgroundmodalbodypositionrelativetoprightbottomleftmaxwidthpxmarginautobackgroundffftransformtranslateYfadeenteractivefadeleaveactivetransitionopacitysfadeenterfadeleavetoopacityltstylegtsrcAppvuelttemplategtltdividappgtltmoviemodalmodalcontentmodalContentisopenisOpenmodalclosemodalClosegtltdivgtlttemplategtltscriptgtimportMovieModalfromcomponentsMovieModalexportdefaultnameAppcomponentsMovieModaldatareturnisOpenfalsemodalContentmovieDatarbECyGswQMqjzMeDUoVsiLRggmethodsmodalClosethisisOpenfalseltscriptgtsrcassetsmainscssyoutubewrapperpositionrelativewidthmarginautoheightpaddingbottomoverflowhiddenbackgroundaaaiframepositionabsolutetopleftwidthheightmoviemodalについてmodalcontentモーダルに送る情報今回はmovieIdのみisopenモーダルが開いているか判定させるものmodalclosemodalClose子コンポーネントのクリックイベントを検知して、実行モーダルを閉じるためのもの参考リンクEnterLeaveとトランジション一覧ーVuejsvueyoutubenpmαモーダルを開いたときに自動で再生を行うPCのみ自動再生を行いたい場合autoplayを追加lttemplategtltyoutubevideoidmodalContentmovieIdrefyoutubeplayervarsplayerVarsgtltyoutubegtlttemplategtltscriptgtexportdefaultdatareturnplayerVarsautoplayltscriptgt参考リンクexamplevueyoutubenpmautoplayのみだとSPなどのデバイスで対応することができないため、SPでも対応させたい場合、無音でインライン再生に変更を行うことで自動再生を行うことができる。 |
2020-08-09 18:02:46 |
| Program |
[全てのタグ]の新着質問一覧｜teratail（テラテイル） |
ロックオン中のアニメーションの実装方法 |
https://teratail.com/questions/283597?rss=all
|
ロックオン中のアニメーションの実装方法前提・実現したいことDアクションゲームを作成しようと考えています。 |
2020-08-09 18:57:23 |
| Program |
[全てのタグ]の新着質問一覧｜teratail（テラテイル） |
JavaScriptにて、スマホ版とPC版を分けてスライドショーを作りたい |
https://teratail.com/questions/283596?rss=all
|
JavaScriptにて、スマホ版とPC版を分けてスライドショーを作りたい現在スライドショーを作ろうとしているのですが、JavaScriptにつスライドショーの処理を記述し、それぞれで分けてスライドショーを作りたいと思っています。 |
2020-08-09 18:51:50 |
| Program |
[全てのタグ]の新着質問一覧｜teratail（テラテイル） |
PHPでインスタンスのプロパティをランダムに表示したいが表示できません。 |
https://teratail.com/questions/283595?rss=all
|
PHPでインスタンスのプロパティをランダムに表示したいが表示できません。 |
2020-08-09 18:47:36 |
| Program |
[全てのタグ]の新着質問一覧｜teratail（テラテイル） |
TerminalからJupyterLabを起動する方法。(MacOS) |
https://teratail.com/questions/283594?rss=all
|
・homebrewnodejsnodebrewダウンロード済。 |
2020-08-09 18:42:31 |
| Program |
[全てのタグ]の新着質問一覧｜teratail（テラテイル） |
MW WP Formが本番環境で表示されない。 |
https://teratail.com/questions/283593?rss=all
|
MWWPFormが本番環境で表示されない。 |
2020-08-09 18:38:25 |
| Program |
[全てのタグ]の新着質問一覧｜teratail（テラテイル） |
Ruby on RailsとBootstrapで作ったページにあるタブの切り替えができない |
https://teratail.com/questions/283592?rss=all
|
RubynbsponnbspRailsでBootstrapで作ったタブの切り替えができません。 |
2020-08-09 18:35:08 |
| Program |
[全てのタグ]の新着質問一覧｜teratail（テラテイル） |
Typescriptで「識別子 'Text' が重複しています。ts(2300)」というエラーがでる |
https://teratail.com/questions/283591?rss=all
|
ts」というエラーがでる今日からTypescriptをはじめたのですが、直し方がわからないエラーがでて困っています。 |
2020-08-09 18:33:56 |
| Program |
[全てのタグ]の新着質問一覧｜teratail（テラテイル） |
AdMobをテスト広告から本広告に変更したら表示されなくなった。 |
https://teratail.com/questions/283590?rss=all
|
AdMobをテスト広告から本広告に変更したら表示されなくなった。 |
2020-08-09 18:26:07 |
| Program |
[全てのタグ]の新着質問一覧｜teratail（テラテイル） |
ヒープソートの実装について。ソートできないです。 |
https://teratail.com/questions/283589?rss=all
|
ソート でき ない です 。 |
2020-08-09 18:03:34 |
| Ruby |
Rubyタグが付けられた新着投稿 - Qiita |
コンテナ上のデバッグ環境構築 - DockerでRailsチュートリアルのローカル開発環境構築 - |
https://qiita.com/daddy_hacker/items/00f9f5f4b04014025d37
|
コンテナ上のデバッグ環境構築DockerでRailsチュートリアルのローカル開発環境構築はじめにDockerでローカル開発環境構築を行い、Railsチュートリアルを再走しておりますRailsチュートリアル最新版現在に対応のRailsDockerを使用し、開発環境の再現が可能なるべくローカル環境にインストールしない今回はRailsチュートリアルの章に相当する部分で、Dockerコンテナ上で開発を行っている場合にデバッグを行う内容を紹介します第一回DockerでRailsチュートリアルのローカル開発環境構築RailsPostgreSQLWebpackQiita第二回DockerでRailsチュートリアルのローカル開発環境構築RSpec導入ampCircleCIでHerokuデプロイQiita第回DockerでRailsチュートリアルのローカル開発環境構築WebpackでBootstrapとFontAwesomeを導入Qiita個人開発アプリmdClipDockerのコンテナ上で操作する場合はターミナルのコマンドを適宜dockercomposerunappもしくはdockercomposeexecappで置き換えてください。 |
2020-08-09 18:13:00 |
| Docker |
dockerタグが付けられた新着投稿 - Qiita |
【Docker】仮想環境で、Nuxt.jsを立ち上げる時に起こるエラー【エラーNo2】 |
https://qiita.com/beanbeenzou/items/6b851c62c8c5cd4e4c57
|
【Docker】仮想環境で、Nuxtjsを立ち上げる時に起こるエラー【エラーNo】エラー内容状況としては、dockercomposeを使ってイメージとアプリを作っていて、サーバーを立ち上げようとしたら、次のようなエラーが出て、立ち上がらなかった。 |
2020-08-09 18:48:03 |
| Docker |
dockerタグが付けられた新着投稿 - Qiita |
Docker(LEMP環境)にMailHogを追加したときのメモ |
https://qiita.com/ryo3110/items/b596a1bd96df694cee0a
|
DockerLEMP環境にMailHogを追加したときのメモ開発開始時からすでに用意していたDockerコンテナ環境で、急遽メール認証機能を実装するためメールの動作確認できるようにMailHogを設定した。 |
2020-08-09 18:37:11 |
| Docker |
dockerタグが付けられた新着投稿 - Qiita |
コンテナ上のデバッグ環境構築 - DockerでRailsチュートリアルのローカル開発環境構築 - |
https://qiita.com/daddy_hacker/items/00f9f5f4b04014025d37
|
コンテナ上のデバッグ環境構築DockerでRailsチュートリアルのローカル開発環境構築はじめにDockerでローカル開発環境構築を行い、Railsチュートリアルを再走しておりますRailsチュートリアル最新版現在に対応のRailsDockerを使用し、開発環境の再現が可能なるべくローカル環境にインストールしない今回はRailsチュートリアルの章に相当する部分で、Dockerコンテナ上で開発を行っている場合にデバッグを行う内容を紹介します第一回DockerでRailsチュートリアルのローカル開発環境構築RailsPostgreSQLWebpackQiita第二回DockerでRailsチュートリアルのローカル開発環境構築RSpec導入ampCircleCIでHerokuデプロイQiita第回DockerでRailsチュートリアルのローカル開発環境構築WebpackでBootstrapとFontAwesomeを導入Qiita個人開発アプリmdClipDockerのコンテナ上で操作する場合はターミナルのコマンドを適宜dockercomposerunappもしくはdockercomposeexecappで置き換えてください。 |
2020-08-09 18:13:00 |
| golang |
Goタグが付けられた新着投稿 - Qiita |
AzureやGoの情報を絡めた私なりのde:code 2020のセッション紹介 |
https://qiita.com/qt-luigi/items/b24cf751c0471dd97f95
|
AzureやGoの情報を絡めた私なりのdecodeのセッション紹介年月日土にオンラインで開催されたMicrosoftOpenTechNight主催のdecode夏まつりよりコミュニティを楽しくするためのコミュニティのすすめtheFINALにて「IamgainingtheskillsIwantWhatinspiredmetotakeonestepforbeingaGoMVPthroughdecodeandsummerfestival」というタイトルで発表をさせて頂きました。 |
2020-08-09 18:59:01 |
| Azure |
Azureタグが付けられた新着投稿 - Qiita |
AzureやGoの情報を絡めた私なりのde:code 2020のセッション紹介 |
https://qiita.com/qt-luigi/items/b24cf751c0471dd97f95
|
AzureやGoの情報を絡めた私なりのdecodeのセッション紹介年月日土にオンラインで開催されたMicrosoftOpenTechNight主催のdecode夏まつりよりコミュニティを楽しくするためのコミュニティのすすめtheFINALにて「IamgainingtheskillsIwantWhatinspiredmetotakeonestepforbeingaGoMVPthroughdecodeandsummerfestival」というタイトルで発表をさせて頂きました。 |
2020-08-09 18:59:01 |
| Ruby |
Railsタグが付けられた新着投稿 - Qiita |
コンテナ上のデバッグ環境構築 - DockerでRailsチュートリアルのローカル開発環境構築 - |
https://qiita.com/daddy_hacker/items/00f9f5f4b04014025d37
|
コンテナ上のデバッグ環境構築DockerでRailsチュートリアルのローカル開発環境構築はじめにDockerでローカル開発環境構築を行い、Railsチュートリアルを再走しておりますRailsチュートリアル最新版現在に対応のRailsDockerを使用し、開発環境の再現が可能なるべくローカル環境にインストールしない今回はRailsチュートリアルの章に相当する部分で、Dockerコンテナ上で開発を行っている場合にデバッグを行う内容を紹介します第一回DockerでRailsチュートリアルのローカル開発環境構築RailsPostgreSQLWebpackQiita第二回DockerでRailsチュートリアルのローカル開発環境構築RSpec導入ampCircleCIでHerokuデプロイQiita第回DockerでRailsチュートリアルのローカル開発環境構築WebpackでBootstrapとFontAwesomeを導入Qiita個人開発アプリmdClipDockerのコンテナ上で操作する場合はターミナルのコマンドを適宜dockercomposerunappもしくはdockercomposeexecappで置き換えてください。 |
2020-08-09 18:13:00 |
| 海外ニュース |
Japan Times latest articles |
Electric night of protests in Lebanon amid anger over blast |
https://www.japantimes.co.jp/news/2020/08/09/world/protests-lebanon/
|
Electric night of protests in Lebanon amid anger over blastLebanese protesters stormed several ministries Saturday in apparently planned raids after an explosion blamed on government negligence at Beirut port devastated the city and ignited |
2020-08-09 19:36:17 |
| 海外ニュース |
Japan Times latest articles |
Twitter expressed interest in buying TikTok’s U.S. operations, sources say |
https://www.japantimes.co.jp/news/2020/08/09/business/twitter-tiktok-us/
|
Twitter expressed interest in buying TikTok s U S operations sources sayTwitter Inc has approached TikTok s Chinese owner ByteDance to express interest in acquiring the U S operations of the video sharing app two people familiar with the |
2020-08-09 19:23:00 |
| ニュース |
BBC News - Home |
Coronavirus: Moral duty to get all children back in school - PM |
https://www.bbc.co.uk/news/uk-53710472
|
future |
2020-08-09 09:24:42 |
| ニュース |
BBC News - Home |
Beirut explosion: World leaders to hold aid summit |
https://www.bbc.co.uk/news/world-middle-east-53710556
|
lebanon |
2020-08-09 09:10:24 |
| ニュース |
BBC News - Home |
Boy, 8, cuddles West Midlands Police pups on bucket list day |
https://www.bbc.co.uk/news/uk-england-birmingham-53712870
|
officer |
2020-08-09 09:16:10 |
| 北海道 |
北海道新聞 |
インド洋の重油流出で援助隊派遣 政府、モーリシャスへ |
https://www.hokkaido-np.co.jp/article/449008/
|
商船三井 |
2020-08-09 18:23:00 |
| 北海道 |
北海道新聞 |
モーリシャス、重油の除去難航 海岸に大量漂着、生物危機に |
https://www.hokkaido-np.co.jp/article/448991/
|
商船三井 |
2020-08-09 18:24:03 |
| 北海道 |
北海道新聞 |
長崎の指定地域外で原爆、救済を ５団体が首相に要望書を手渡す |
https://www.hokkaido-np.co.jp/article/448992/
|
安倍首相 |
2020-08-09 18:19:49 |
| 北海道 |
北海道新聞 |
サウジ国営石油、７３％減益に ４～６月期、需要急落で |
https://www.hokkaido-np.co.jp/article/449007/
|
需要 |
2020-08-09 18:20:00 |
| 北海道 |
北海道新聞 |
柱に８菩薩、赤外線撮影で発見 滋賀・西明寺、国宝の本堂に |
https://www.hokkaido-np.co.jp/article/449006/
|
滋賀県甲良町 |
2020-08-09 18:20:00 |
| 北海道 |
北海道新聞 |
お盆初日、人出は大幅減 帰省や旅行控える動き |
https://www.hokkaido-np.co.jp/article/449003/
|
空港 |
2020-08-09 18:18:00 |
| 北海道 |
北海道新聞 |
１０日の予告先発 |
https://www.hokkaido-np.co.jp/article/449005/
|
予告先発 |
2020-08-09 18:19:00 |
| 北海道 |
北海道新聞 |
美浜事故１６年「安全積み重ね」 １１人死傷、追悼行事で関電社長 |
https://www.hokkaido-np.co.jp/article/449004/
|
福井県美浜町 |
2020-08-09 18:19:00 |
コメント
コメントを投稿