この記事は 子育てプログラマ・ITエンジニア・Webデザイナー Advent Calendar 2015 - Adventar の8日目の記事です。 昨日は shoyan__ さんによる 幸せな子育てとエンジニアライフ - Shoyan blog でした。 特に技術的な内容はないですが、小さいお子さんがいたりこれから生まれてくるという方にとって少しでも参考になれば幸いです。 はじめに インターネット上ではエンジニアなら勉強しましょうって話よく聞きますよね。 r-kurain.hatenablog.com paiza.hatenablog.com ブクマ数見るとみんな感心しているってことがよく分かるテーマだし、個人個人がそれぞれ色々考えてるってことなんでしょう。 なのでこれから書くことはあくまで私個人が体験したことに対する思いや考えであって、誰にも押し付けるものでもないことをご留意ください。

Facebookログイン機能をWEBサイトに実装する際、SDK等を使わない方法で考えてみる。 現在、日本語で公式ドキュメント「ログインフローを手作業で構築する」が存在するので、まずはそちらを見た方が良いかも。操作方法などは数ヶ月単位で時々変わっている。以前は設定画面も英語だけだったが、日本語化されている。 ※ 実際、もうこの内容は古くなっていた(2017/10/11)。数ヶ月おきに画面デザインや項目の位置が刷新されているようだ。英語だったのが日本語化されていたり、項目が別の位置に移動していたりで大幅には変わっていない気がする。でも、Facebook API アップデートと付き合う話にあるように、大幅にアップデートされていないか時々確認が必要。 主に参考にしたサイトは Add Facebook Login to Your App or Website facebook OAuth + PHP

株式会社LITALICOでエンジニアをやっている@negiです。 この記事は『LITALICO Advent Calendar 2017』5日目の記事です。 はじめに 弊社LITALICOでは、「障害のない社会をつくる」というビジョンの元に様々な事業を展開しています。 先日、社内でユニバーサルデザインについて議論することが何度かありました。 その際には、Webに限らず 発達障害のお子さまへ療育を行う教室 や 障害を持つ方の就職支援をする事業所 で使う教材や資料におけるユニバーサルデザインをメインに議論したのですが、弊社運営のWebサービスこそWebアクセシビリティに対応すべきなのではと思い立ったので、まずは情報をまとめつつ、簡単に対応できそうな部分に着手してみました。 ※ 恥ずかしながら筆者はWebアクセシビリティのド素人ですので、ご指摘等々大歓迎です。今後は界隈のイベント等にも参加できた

OGP情報をJavaScriptで書き換えて、facebookやtwitterに反映させることができるかを試してみました。 HTML上に埋め込まれたOGPを書き換えてみます。 今回は以下のように設定しました。 <!-- OGP START --> <meta property="og:type" content="article" /> <meta property="og:description" content="「JavaScriptでOGPを書き換える」のデモページです。" /> <meta property="og:title" content="「JavaScriptでOGPを書き換える」のデモページ | cly7796.net" /> <meta property="og:url" content="https://cly7796.net/blog/sample/rewrit

SPAによるWebサイト開発とSEO 昨今はReactをはじめとするフロントエンドのライブラリやフレームワークの台頭により、比較的多彩な機能を持つWebアプリケーションだけでなく、メディアのようなWebサイトをSPA(Single Page Application)で構築する例も見られるようになってきました。こうしたWebサイトにおいて、SEOは重要な集客手段の１つです。 ところで、SEOに関わっている方や造詣の深い方はディレクターやマーケティング寄りの方が多いようです。そのせいかSPAでサイトを構築する場合のSEOに関する話題はあまり目にしません。またエンジニア界隈では技術寄りのトピックへの関心がメインで、SPAでのSEOといえば、SSR(Server-Side Rendering)の実現方法くらいしか話題にならないように感じています。 筆者はどちらかといえばサーバサイドの方が本職ではあ

こんにちは。前回のToutiao分析に引き続き、中国メディアを解説します松本です。 今回取り上げるのは、最近、QuoraやSarahahの日本上陸でも話題になっているQ&A（知恵袋）です。 実はこの分野では去年、中国で他国には無い大きな変化が起きました。「知識課金」と呼ばれるその変化は、日本の知恵袋やメディアビジネスにとっても有益なものになると思われます。スライドで解説してみたので、少し長いですが、ぜひご覧ください。

どうもせせりです:) 19歳の頃からほぼ1人でRailsでWebサービスを作り始めて早7年 紆余曲折ありなんだかんだで作ったサービスは30個ほどになりました 7年ほど前に一番最初に作ったTwitterアカウントで「僕の夢は25歳までに3億円を稼いで残りの人生を楽しむ事です」などと言っていました あれから7年がたち26歳になり、3億円は無理でしたが残りの人生贅沢しなければ働かずに生きていけるくらいにはなりました Rails勉強会、ハッカソン、未踏、などなど色々参加していましたし、狭いRails界隈なのでもしかしたら勉強会などでお会いした方は覚えている方もいるかもしれません 色々お話を聞いてくださりアドバイス下さった先輩方ありがとうございます あの頃の初心者は無事に夢にたどり着きました！ 振り返ってみれば訴訟起こすぞって怒られたり、警察から電話がきたり、サーバー会社にサービス止められたり、サー

ここ１ヶ月ぐらいは、海外のメンバーと仕事をしているが、Serverless Hackfest というイベントと、Serverless Conf やワークショップに関わっているので仕事量が増えていった。日本にいることだし、久々に「日本流」のハードワークをしてしまったのだが、一つ気づいたことがあった。それは、ここしばらくの謎だった、日本人のIT エンジニアはなぜイノベーティブな感じがしないのか？ということに対する問いだった。 Microsoft Hack week 日本人はイノベーティブ Rochelle Kopp さんとの仕事で知ったことで、一つとても意外だったことは、アメリカ人から見ると日本人は相当にイノベーティブに感じるらしい。 自分的には、少なくともIT 分野に関しては、向こうの真似ばかりしていて、後追いのイメージがある。私たちも向こうで生まれたツールやサービスばかり使っていて、全然日

ReactReact 16 Release: What’s New?ReactJS 16 brings major changes to the popular JavaScript library for building user interfaces. Learn what's new in ReactJS! TL;DR: ReactJS is a UI library that has gained massive adoption by developers and organizations around the world because of its efficient and reactive model. In this article, we'll highlight notable additions to ReactJS 16 and dabble into th

[PlatformCon 24] Platform Orchestrators: The Missing Middle of Internal Developer Platforms?

Skywayのビデオチャットを録画しよう。そう、ブラウザでね1. Skyway Developer Meetup #1 LT Skywayのビデオチャットを録画しよう そう、ブラウザでね インフォコム株式会社 がねこまさし @massie_g 2017.09.29 1 2. 自己紹介 • がねこまさし / @massie_g • WebRTC入門2016を HTML5Experts.jpに連載 – https://html5experts.jp/series/webrtc2016/ • Qiitaで自己最高のストック数の記事 – WebRTCを試すときにオッサンが映り続ける問題に対処する – http://qiita.com/massie_g/items/5a6c4b69374d5997dc37 2 3. Skyway 商用サービスの開始 おめでとうございます！ 3 4. Skywayで

Transcript KTʹؔ͢Δ৘ใऩूΛ୶ʑͱ࿩͢ 8F�"SF�+BWB4DSJQUFST�!��UI !NLJ@TLU ޲Ҫ࡙ਓ NVLBJ�TBLJUP 5XJUUFS w ݴޠɺϑϨʔϜϫʔΫͷ
 ެࣜΛϑΥϩʔɻ w Α͘৘ใΛᄁ͘ਓΛϑΥϩʔ
 ͯ͠ɺϦετʹ·ͱΊΔɻ w ࣗ෼΋ᄁ͘ʂ 2JJUB w ਓؾͷ౤ߘΛݟ͓͚ͯ͹
 ͦΕͳΓʹ৘ใ௫ΊΔɻ w ϑΥϩʔ͓ͯ͘͠ͱ
 ϑΟʔυʹϑΥϩʔͨ͠ਓͷ
 ετοΫͨ͠౤ߘ͕ྲྀΕΔɻ 2BMFJEPTQBDF w 2JJUBΛಠࣗΞϧΰϦζϜͰ
 ධՁͨ͠αΠτ w 2JJUBͱ߹Θͤͯ࢖͏͜ͱͰ
 ΑΓྑ͍৘ใΛ௫ΊΔɻ ͸ͯͳϒοΫϚʔΫ w ςΫϊϩδʔΧςΰϦʔΛ
 ݟ͓͚ͯ͹ྑ͍ɻ w ͨ·ʹ৽ணΛݟΔͱ
 ྑ͍৘ใ΋͋Δɻ 4MBDL w ༷ʑͳίϛϡχςΟʔͷ
 4MBDLνʔϜ͕͋Δɻ w ࣭໰͢ΔͱͰ͖Δ

これから Rust 触ってみようかなぁと思っている方。やめておきましょう。プログラミングが嫌いになりますよ。 Nim をやりましょう。 すでに Rust に挑んで心ぶち折れた方。 Nim をやって心の傷を癒やしましょう。 Rust がディスられる！小癪な！と思っている方。 Nim をやるのです(天に轟く反響音)。 Nim の魅力を Rust と比較しつつ皆様へお伝えしましょう(両手を広げる)。 さぁ、みんな、Rust なんて捨ててさっぱり人気が無い Nim をやるのです(ドドメ色に輝く)。 行末のセミコロンが必要ない タイプ数がもりもり減ります。 Rust にはもちろん必要です。 main が要らない スクリプト言語感覚でいきなりコードを書けます。 Rust は main が必要です。 標準出力への文字列出力が楽 Nim では echo で改行付きの出力ができます。shell と同じですね

SkyWay Developers Meetup #1 の資料です。 SkyWayの基本的な使い方から、応用的な使い方までを解説しています。

Reactのv16がリリースされたので、変更点などを整理したいと思います。 https://facebook.github.io/react/blog/2017/09/26/react-v16.0.html https://code.facebook.com/posts/1716776591680069/react-16-a-look-inside-an-api-compatible-rewrite-of-our-frontend-ui-library/ React v16やReact Fiberについては、下記で書いたりもしているのでそちらも参考にしてみてください。 React Fiber現状確認 Capability of React Fiber React v16 and beyond React Fiber ReactはなぜFiberで書き直されたのか？Reactの課題と将来像を探

自分でもびっくりしてるいぬさん僕はフリーランスをしながら脱受託を目指してアプリを作って生活しています。だいたい1年のうち7割ぐらいをアプリ作りの時間に充てています。本稿では、Inkdropというマルチプラットフォーム対応のMarkdownエディタを一人で開発して月15万円の売上を達成するまでにやった事を包み隠さずにシェアしたいと思います。 Inkdropの月間売上の推移やったこと概要毎日感じるちょっとした問題を見つける自分自身がこれだ！と思えるまでプロトタイプを作るプライベートβ期間でヘビーユーザを作る継続性を重視して価格をつける決済処理はStripeで楽に実装する良いランディングページを作るユーザサポートを最優先にする自分の得た知見を惜しまずブログに書くクオリティで勝負する批判を全て無視する毎日感じるちょっとした問題を見つける僕は別に特別でもなんでもありません。人は意外と同じ事を感じたり

Webアプリケーションの認証トークン（セッション）はCookieヘッダで送信するのが一般的だとは思いますが、 そろそろこのCookieに依存した方法は負の遺産ではないでしょうか？ 認証トークンの送信はRFC 7235で規定されているAuthorizationヘッダを使うと良いです。Basic認証とかDigest認証で使うやつですね。 実はBasicやDigestの他にRFC 6750でBearerというスキームが登録されています。単一の文字列を認証情報として送信するためのスキームで、トークンを送信するのにピッタリです。 参考: トークンを利用した認証・認可 API を実装するとき Authorization: Bearer ヘッダを使っていいのか調べた その場合は、認証トークンはCookieではなくlocalStrage（またはsessionStorage）に保存することになると思います。