【初心者】とりあえずflutterでHelloWorld出したい！+環境構築もあるよ！
はじめに これはFlutterでHello Worldを出したい人向けにかいてます。 Flutterというのは、Googleによるクロスモバイル用のフレームワークです。 クロスプラットフォームなので、Android,iOS,Webのどれでも動作します。 GoogleI/Oでも結構取り上げられ、熱い分野です。 Get Started Flutterについては、公式ドキュメントが充実しているので、 それをよみつつ作業するのが一番早道だとは思いますが、 以下に簡単な流れだけ書いときます。 1.各種インストール 1.0 システム要件確認 Gitがはいっているか、コマンド叩けるかどうか。 1.1 SDK入手 Flutter SDK Archive 上記リンクからFlutterSDKを入手。 解凍してパスを通す。パスが通ったら(=flutterコマンドがうてるなら) コマンドで、flutter doc
RxJavaを学ぶ - Qiita
#この文章について RxJavaを使うために学んだことを備忘録としてメモ。 参考 リアクティブプログラミングへの理解がイマイチだったのでまとめてみた。 http://system.blog.uuum.jp/entry/%E3%83%AA%E3%82%A2%E3%82%AF%E3%83%86%E3%82%A3%E3%83%96%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E3%81%B8%E3%81%AE%E7%90%86%E8%A7%A3%E3%81%8C%E3%82%A4%E3%83%9E%E3%82%A4%E3%83%81%E3%81%A0%E3%81%A3 「RxJS」初心者入門 – JavaScriptの非同期処理の常識を変えるライブラリ http://liginc.co.jp/web/js/1512
Nuxt.js と SpringBoot で始める SPA/API サーバ開発とデプロイ
Nuxt.js v2で作成するSinglePageApplication(以下、SPAと省略)とSpringBoot v2で作成するAPI サーバの組み合わせでWebアプリケーションを開発する際の環境構築、および、Netlify/Heroku へのデプロイ手順をまとめました。主に Nuxt.js v2 と SpringBoot v2 の組み合わせに焦点を当てて説明します。 構築の前に 以下のソフトウェアはインストール済みの前提とします。 Node.js v10 Java Development Kit(以下、JDK) 16 Maven v3 また、Netlify/Heroku のアカウントは作成済みとします。 ディレクトリ構成 「assets」ディレクトリに Nuxt.js アプリを配置、「server」ディレクトリに Maven 形式の Spring Boot アプリを配置した単一ディレ
いまさら聞けないPWAとAMP - Qiita
概要 PWA = モバイルのWEBページでネイティブアプリのようなUXを提供するためのもの ※ 2020/04/05 追記: PWAに関する仕様の策定当初はモバイルでのユースケースが主だったと記憶していますが、PWAはモバイルに限定されたものではなく、実際にデスクトップでの活用例も増えています。参考: PWAs: building bridges to mobile, desktop, and native (Google I/O '18) AMP = モバイルのWEBページを高速化するためのもの どちらもGoogleが主軸となって策定されている、モバイルページを進化させるためのプロジェクトおよび技術。ネイティブアプリの代替技術ではなく、ブラウザAPIの進化によってネイティブアプリのようなUXをウェブページで提供することが主眼。 1. PWAとは Progressive Web Appsの
JSで3分でできる「 顔認識 」Shape Detection API（ネット接続も不要） - Qiita
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Face Detection API sample</title> </head> <body> <img src="***顔写真のある画像を指定***" id="image"> <canvas id="canvas"></canvas> <script> const image = document.getElementById('image'); const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); let scale = 1; image.onload = function() { canvas.width = image.wi
websec-room.com - websec room リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
ちょこっとホワイトハッカーになった気持ちになって、VirtualBox上にKali Linuxをインストールし、Metasploitを使ったペネトレーションテスト（脆弱性診断）をやってみた ※最後に「Star Wars」ネタもあるよ！※ - Qiita
この記事はフロムスクラッチ Advent Calendar 2016の17日目の記事です。 ども('ω')ノ take_chan_manです。 今日は心機一転、セキュリティについて書きます( ..)φｶｷｶｷ 想定読者 1～2年程度Linuxを触ったことのあるエンジニア 仮想環境を自身のPC上に構築したことのあるエンジニア セキュリティに興味のあるエンジニア Kali Linuxを使ったペネトレーションテストや脆弱性診断に興味のあるセキュリティエンジニア ハッキングという言葉にやたら魅力を感じてしまうヤバめの人 ※注意※ 今回のチュートリアルは危険です。 自分のPCの中に攻撃できる環境を構築したり、脆弱な環境を構築したりすることになります。 なので、ある程度ITリテラシーの高いエンジニアが、ご自身の責任と覚悟を持って試して頂きたいですm(__)m （「もっとこんな注意書きがあた方がいいよ」
Googleによるシステム開発・維持管理ノウハウをまとめた本が無料公開中
Googleで培われたシステム管理とサービス運用の方法論である「サイトリライアビリティエンジニアリング(SRE)」のノウハウをまとめた本が「Site Reliability Engineering」です。英語版の内容が無料で公開されているほか、オライリーから発刊予定のSREに関する書籍「The Site Reliability Workbook」も、2018年8月23日までの期間限定で公開されています。 Google - Site Reliability Engineering https://landing.google.com/sre/book.html Site Reliability Engineeringを読むには上記のサイトにアクセスし、「READ ONLINE FOR FREE」をクリック。 目次が表示されるので、まずは序文から読んでみます。「Foreword」をクリック。
RailsでLaravel Mix(webpack)を使って15分でES6を書きはじめる - Qiita
What・Why? Laravel Mixとは？ https://laravel-mix.com https://github.com/JeffreyWay/laravel-mix webpackのWrapper API LaravelのAssets Compileの機能 Node.js のライブラリ、PHPを必要としない RailsでもSinatraでもHanamiでもDjangoでもEchoでもWordpressでも、もちろんLaravelでも使える なぜ Laravel Mixなのか? RailsのSprockets、AssetsPipelineを使いたくない Too fu*kin' outdated CoffeeScript....? Turbolinksハマる webpacker使いたくない RubyのRuntimeで動いてるのがダサい 設定がなぞ ディレクトリがなぞ .js.e
検索 UI まとめてみた｜あき - 良いもの作って正しく届ける
検索 UI を作る機会があったので、リファンレンスを集めた。あたまの整理をかねてパターン分け。 パターン一覧 1. フリーワード型 2. サジェスト型 3. グループ型 4. あとからフィルター型 5. 条件指定型 6. レコメンド型フリーワード型キーワードで検索。入力中に検索結果がリアルタイムに変わるものが多い。 良いところ シンプル。入力と同時に検索結果を表示できるので、最短で検索対象へたどり着ける。 イマイチ キーワードが間違っていると、対象へたどり着けないことがある。 感想 タスク管理やシンプルなファイル管理に多く採用されていた。 複雑な検索条件が不要。ユーザーが検索対象のキーワードを把握している場合に有効そう。見つける、というよりも、ショートカット的な役割に近い。サジェスト型キーワードを入力すると、検索候補が表示。 良いところ キーワードを正確に把握していなくても対象へたどり着け
いいなぁ、バーチャル出社。リアルオフィスを捨てた会社が急成長中
いいなぁ、バーチャル出社。リアルオフィスを捨てた会社が急成長中2018.07.12 08:10131,498 そうこ 場所に縛られずに働く、顔を合わせる必要はあっても。 eXp Realtyという会社、きいたことありますか？ 今、急成長で注目を集める、北米の不動産会社です。ネタ元のSingularity Hubによれば、昨年10月以降、株価は3倍。4月の発表では、7ヶ月足らずで不動産代理店スタッフの数が2倍に急増しており、飛ぶ鳥を落とす勢いです。今年5月にはナスダックにも上場。急成長の鍵となっているのは、バーチャルリアリティ、仮想現実です。 eXp Realtyは、現実世界に（ほぼ）オフィスがなく、物理的に出社する社員もほぼゼロ。企業活動のメイン（本社的な役割）となるオフィスがあるのはバーチャル世界の中です。社員の出社＝ログインからのアバター出社です。 出社しなくていい会社は、近年、珍しく
フリーランスエンジニアになる方法と最適な独立のタイミングとは
宮崎大地 Daichi Miyazaki 株式会社ポテパンCEO。ベンチャー企業にてエンジニア専門のキャリアコンサルタントと採用担当を経験した後、フリーランスとなりプログラミングスクールと連携したキャリア支援を始める。自身でもプログラミングを学習しポテパンサービスの開発を現在でも担当。エンジニアキャリア、独立、起業、税関連に精通しており、将来を見据えたキャリアプランを提案することが可能。 フリーエンジニアになるための敷居が下がってきた昨今、あなたの身の回りでも「独立しました！」という声を聞くことも多くなったのではないでしょうか。 本サイトを運営するポテパンフリーランスは、フリーエンジニアに対して案件やお仕事をご紹介するエージェントサービスで、いままでも多くのエンジニアの独立に携わってきました。 今回は、数多くのフリーランスエンジニアのキャリアサポートをしてきた筆者が、独立するのに最適なタイ
【スケベ】女性用アダルト動画のデータを分析して、女性から評価が高いアダルト動画をデータ分析してみた
こんにちは、スケベサイエンティストのDai (@never_be_a_pm)です。 世の中の男性、アダルトビデオから間違った性の知識を得がち問題 さて、よく女性からこんな意見を聞きます。 「世の男性はアダルド動画を見すぎている。そこで変な知識をつけてしまって、気持ち良いSEXをすることができない」 確かに、世の男性は女性が喜ぶ正しいSEXをよく理解しておりません。特に経験が足りない童貞にとっては、学びたくても学ぶことが経験から学べないという、深刻な問題を抱えています。その結果、日本では年間６万人以上の童貞が、いきなり局部に手を突っ込んでいると報告されています。 これは非常に社会的な問題なのではないかと思います。そして、もし女性が喜ぶSEXを男性が知ることができたら、童貞もSEXできるし、女性も喜んで童貞とSEXできます。 女性が喜ぶSEXとは何か分かれば、童貞にもチャンスがあるのではないか
Node.js でちょっとしたサーバーサイドやるなら、 Micro が良いかも - Qiita
ZEIT が作っている Micro という Node.js のフレームワークがあり、使いやすそう。 ZEIT は、かの Next.js を作っていて、 Mongoose を作った人や socket.io を作った人が所属しており、とても信頼できる。 ちなみに、 ZEIT は Now という、 Node.js （及び Dockerized されたもの）を動かせる、サーバーレスのサービスもやっている。 ZEIT(時) と Now(今) という世界観が良いですね。 初動が早くて、快適だった。 [追記] 何かに Micro 8 と書いてあって、最初、そういう名前のフレームワークと思ったのですが、実際は 8 はバージョン名で、 Micro のようです。また現行バージョンは9でした。 多分これ https://zeit.co/blog/micro-8 [/追記] Features README の F
HTTP/1.x⇒HTTP/2 仕様変更で困ったこと (利用暗号の制約・httpヘッダーの小文字化) - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? #はじめに こちら、そろそろ知っておきたいHTTP/2の話という良くまとめられた記事を見ていて、色々と苦い記憶がよみがえってきたのですが、そういうHTTP/2仕様に困った系記事があまり見当たらなかったのでまとめました。 #HTTP/2とは ##機能 現在支流のHTTP 1/1よりもより効率よく、セキュアな通信をもらたす為に色々なアップグレードを施したHTTPの規格です。 特徴をざっというと、こんな感じ。 ストリーム、メッセージ、フレームという新しいデータの交換方式を利用することによる、実TCPセッション数削減 サーバー プッシュ機能によ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Android知識まとめ（更新中） - Qiita
No More Google
Linuxディストリビューション「Kali Linux」が“ストア”から導入可能に／ペネトレーションテストが充実したセキュリティ診断向けのディストリビューション
http://guitar-tab.tongari-pocket.net/music_id.php?music_name_tag=Discommunication+%E3%83%99%E3%83%BC%E3%82%B9
Microを使ってReactのSSRをする - Qiita
