スマートキャンプの20卒エンジニアの高砂です！ 皆さんは、JavaScriptにおける絵文字の扱われ方が難しい事をご存知ですか？ 本記事では、その背景と適切な方法を解説していきます！ JavaScriptにおける絵文字の問題点 問題点の再現 問題点の背景 絵文字を適切に扱う方法 まとめ JavaScriptにおける絵文字の問題点 JavaScriptで文字数カウントを実装する際、素直に考えると下記のようなコードになるかと思います。 const text = 'おはよう😊' console.log(text.length) しかし、実は「絵文字が含まれている文字列は.lengthでは適切にカウントできない」という問題点があるのをご存知でしょうか？ 実際にご覧頂くのが早いと思うので、CodePen様をお借りして文字数カウントをしてくれるアプリを簡単に作ってみました。 以下に置いておきますので

Speaker: Tomoki Nishinaka

今日では、ほぼすべてのウェブサイトにアニメーションが使われていると言っても過言ではないでしょう。派手な3Dアニメーションから、UIのマイクロインタラクションまで、その物量や時間のスケールはさまざまです。 アニメーション技術もCSSやSVG、Canvasと多岐に渡り、こんな表現まで！？　と驚くようなものも増えました。 しかし、複雑なアニメーションになるほどコードは煩雑になり人間の手には負えなくなります。イメージはあるのに具現化できない！　そんな悔しい思いを抱えたまま諦めるしかないのでしょうか？　いえ、道具です。道具を使うのです。本記事ではイメージをダイレクトに表現する手段としてのアニメーションライブラリGSAP 3について紹介します。 本記事を読むことで、以下の知識が手に入ります ウェブにおけるアニメーションの重要性 アニメーションライブラリとは？ 強力なアニメーションライブラリGSAP 3

モノリシックな大規模アプリを運用する技術-サービスを“分割しない”メリットをSansanの実例に学ぶ モノリシックにアーキテクチャを構築するメリットとは？近年、マイクロサービスアーキテクチャが注目を集めていますが、Sansanは大規模なアプリケーションに成長したいまも、モノリシックな構造を維持しています。ドメインコンテキストの共有のしやすさ、チームビルドのしやすさなど、モノリシックな構造だからこそ得られるメリットを聞きました。 モノリシックである利点 - ドメインコンテキストが共有しやすい Backlogを一本化し、モノリシックなシステムを運用しやすく 技術的負債の解消 ～事業フェーズに適した技術を選定する～ 技術的負債の解消 ～リプレース可能な部分は積極的にエコシステムを活用～ 技術的な改善をビジネスの改善に結びつける 近年、複数の小さなサービスをAPIによって連携させるマイクロサービス

How to Lead? Testimonial of a Lead Android Engineer

ころ@日本語教育 @corocoro_oimo 事前情報で３ヶ国語話せる(どれもペラペラ)と聞いていた学生から「先生はいいね。だって１つちゃんとわかる言葉があるから。僕はどれも中途半端で、どの言語でも深いこと考えられないし言えないからずっと小さい子供みたいなんだ」と言われ、その後小学校から高校までの話を聞かせてくれた。 2020-08-04 18:27:19 ころ@日本語教育 @corocoro_oimo テストで2点をとった話をしてくれた。やる気がないのではなく、問題で何を指示されてるのかがわからないんだから何も書けず、テスト中ずーっと真っ白な紙見るしかなかったそう。先生は普段サポートをしてくれなかったのか聞いたら、ころ先生なら聞かなくてもわかるでしょ？と困った顔して笑ってた。 2020-08-04 18:32:54 ころ@日本語教育 @corocoro_oimo なんでこの話をしてくれ

こんにちは、はてなでWebアプリケーションエンジニアをやっている id:polamjag です。 最近のはてなでは、若手エンジニアを中心として、いろいろな技術を見つめ直すワーキンググループをやっています。先日、id:onk も「デプロイ今昔」という記事を書きましたが、このエントリーはそのシリーズの続きで、ワーキンググループの「ログ」の回で議論したこと・話題になったことをまとめました。 Web開発におけるログを見つめ直す ログを4つの目的で分類する 目的ごとに求められる取り扱いの要求水準 いまどきのログフォーマットについて まとめ：どう実装するかを模索していく Web開発におけるログを見つめ直す Webサービス（Webアプリケーション）の運用には、多種多様なログがついてまわります。多くのミドルウェアは何もしなくてもそれなりの量のログを出力しますし、クラウド上のマネージドサービスも然りです。行

みき @3Ufv5DLAO8kW9h3 高校で使っている「スクエア最新図説化学」（第一学習社）の1ページ。なかなか授業の時間を使って教える時間はないけれど、こういうの大事だよね。入試に出ることになったらどの学校もがっちり教えるとおもうけど。学習指導要領に入れて欲しい。　＃ニセ科学 pic.twitter.com/NatfTqQNSf 2020-08-06 00:54:47

「この原作をマンガ化しようと考えた作家がいるとは想像しなかった。瞠目する。原作者の慧眼をもって、酷寒のロシア戦線での女性の洗濯兵と狙撃兵の異形をあぶり出した辣腕には敬意を表したい。それをマンガ化した作者の蛮勇にも脱帽する。男性の政治家と経済人たちの必読の書である。女たちは美しくも切なく強靭であったのは事実なのだ。」――本作の単行本第１巻が発売された際、『機動戦士ガンダム』『Gのレコンギスタ』を手掛ける富野由悠季監督が熱い檄文を寄せた。今回は著者の小梅けいとと監修の速水螺旋人をまじえて、本書にかける思いを語り合っていただいた。 速水　ありがたい言葉をいただき、光栄でした。「蛮勇」という言葉は、作品をお手伝いしている僕の立場からも、ふさわしい言葉だなと思っていました。富野監督からご覧になっても「蛮勇」に見えるのだなと、あらためて実感しました。 ──富野監督は、この帯文にどのような思いを込められ

ヤフーは8月6日、「Yahoo! JAPAN ID」のシステムに不具合が発生し、一部ユーザーのIDに登録された氏名や住所などの個人情報が、最大約39万件の他のIDに上書きされたと発表した。誤って反映された情報は既に削除したという。 4日午後8時にユーザーからの問い合わせで発覚した。他人のIDに誤って上書きされた情報は、Yahoo! JAPAN IDに登録された氏名（読み仮名を含む）、自宅および勤務先または学校の住所、電話番号、ファクス番号、緊急連絡先（電話番号）、勤務先または学校名。 メールアドレスとクレジットカード情報、金融機関の口座情報は含まれていないという。 個人情報漏えいの経緯は次の通り。7月29日午後2時6分から8月4日午後11時50分までの間に、IDに登録された個人情報を編集しようとした一部のユーザーにおいて、修正内容が自身のIDに反映されず、他のIDに反映される不具合が発生。

航空機の位置を表示するウェブサイト「フライトレーダー24」に、今は運航されていないはずの「JL123」便が登場し、ネット上で臆測が広がった。「JL123」は、単独機の事故としては世界で最も多い520人が犠牲になった1985年8月12日の日航ジャンボ機事故で、事故機がつけていた便名だ。 日本航空（JAL）では、整備作業の際に何らかの便名を設定する必要があり、その際に「0123」を使用したと説明している。だが、慰霊の日を1週間後に控える中での出来事でもあり「お騒がせすることとなり、大変申し訳ありません」と陳謝。便名設定時のルールを定めて再発防止を図る。 「整備作業上の理由で任意の便名を設定する必要があったため」... 「JL123」が出現したのは、2020年8月5日の23時56分から6日の0時22分まで。5日夕方に「JL712」としてシンガポールから成田空港に戻ってきたJAL所属のボーイング7

Hands-on with the new iPad Pro M4: Absurdly thin and light, but the screen steals the show

New site, who ‘dis? Today we've launched the new TypeScript website and branding, find out what's new by @orta on the TypeScript blog: - https://t.co/6dXUSu1ec4 - https://t.co/ZzN13pTHVI pic.twitter.com/fEwHu3d24P — TypeScript (@typescript) August 4, 2020 また、ロゴも新しくなったと説明されています（Webサイトを見る限り、現時点で新しいロゴになっているのかどうか見分けが付かないのですが……）。 新しくなったWebサイトでは、PCとモバイルでナビゲーションを分けたことで、モバイルデバイスから利用しやすくなったことや、検索機能の追加など、より

Hands-on with the new iPad Pro M4: Absurdly thin and light, but the screen steals the show

Linuxなどオープンソースを推進する非営利団体Linux Foundationは8月3日（米国時間）、オープンソースソフトウェアのセキュリティ向上のための取り組み「Open Source Security Foundation（OpenSSF）」を発表した。設立メンバーとして米Microsoftも名を連ねている。 OpenSSFでは、2014年春の”Heartbleed”問題を受けて結成されたLinux Foundationの「Core Infrastructure Initiative」、それにGitHub（Microsoft傘下）の「Open Source Security Coalition」など、オープンソース業界の取り組みを集約する。幅広いコミュニティを作り、目標を絞ったイニシアティブとベストプラクティスを構築していくとしている。 設立の理事メンバーとして、2016年にLinu

Rubyでテストがこれほど盛んな理由のひとつはRailsの存在にあると私は信じています。Railsフレームワークはテストをできる限り楽しく書けるようにしてくれます。ほとんどの場合、網羅的なRailsテスティングガイドを参照すれば事足ります（少なくとも最初のうちは）。しかし物事に例外はつきものです。私たちの場合「システムテスト」がそれでした。 テストをページのマークアップから切り離す方法については、「Railsシステムテスト」シリーズの次の記事『System of a test II: Robust Rails browser testing with SitePrism』をご覧ください。 Railsアプリケーションでシステムテストを書いたりメンテしたりするのは、正直「楽しい」からほど遠い作業です。この問題に対処するために用いた私のアプローチは、今を去ること2013年に初めてCucumber

公的年金の積立金を運用している年金積立金管理運用独立行政法人（GPIF）の4～6月期の運用実績が12兆円台の黒字となったことが5日分かった。1～3月期は四半期ベースで過去最悪の約17兆円の赤字だったが、一転して過去最高の収益となった。新型コロナウイルスの感染が広がる中、米国などが4月ごろから経済活動を再開し国内外の株価が上昇したことが要因だ。 GPIFは主に国内外の株式、国内外の債券という四つの資産に分散投資している。国内外の株式比率が合わせて50％を占めているため、株式市場の値動きによってGPIFの運用実績が大きく左右される。

2020年08月06日16:37 カテゴリ 任天堂 2021年3月期第1四半期決算 売上高：3581億600万円（前年同期比+108.1%）営業利益：1447億3700万円（+427.7%）経常利益：1503億2900万円（同+576.2%）純利益：1064億8200万円（同+541.3%） Twitter随時更新中 Facebookページはじめました カテゴリなしの他の記事

生野銀山は古くから銀の採掘が行われてきた史跡で、兵庫県朝来(あさご)市生野町の観光名所だ。現在は、地下880メートルに残された採掘跡などが観光坑道として活用されている。 この生野銀山で撮影されたというユニークな写真が、ツイッターで話題になっている。 生野銀山にChromeの石像があった — たゆる (@ta_yu_ru) 2020年8月2日に投稿されたこのツイートには、「生野銀山にChromeの石像があった」というコメントが添えられている。 Chrome （クローム）とは、グーグル製のウェブブラウザだ。Jタウンネット記者も、Chrome ユーザーなので、すぐに気が付いた。 Chromeのマークは、赤、黄、緑に色分けされているが、生野銀山の石像は色分けこそされていないが、その形はChromeマークにそっくりなのだ。 たゆる（＠ta_yu_ru）さんの投稿には、5万件を超える「いいね」が付けら

ようやく！ PASMOが年内にApple Payへ対応するよー2020.08.06 16:1529,431 小暮ひさのり あぁ、またひとつ、財布からカードが消える（よきかな！）。 本日、PASMOのApple Pay対応が発表されました。Androidではすでに｢モバイルPASMO｣がスタートしていますが、iOSは置いてけぼり食らっている状態。｢なんで我だけ…｣と歯ぎしりしていたiPhone x PASMOユーザーも少なくないはずなので、これは嬉しい報告でしょう！ 特にPASMO定期券の人は捨てるに捨てられませんでしたしね。 気になるサービス開始時期は2020年中とのこと。な〜んだ、まだまだ先か。 え…。もう8月？ 2020年って、ひょっとしてあと5ヶ月も無いの？ えっ？ えっ？ Video: ギズモード・ジャパン/YouTubeSource: PASMO

音漏れも少なくなります。いい事だらけじゃないのさ。 iPhoneユーザーはみんな大好き、AirPods Pro。ノイキャンのクオリティは高いし、音質もなかなかにGOOD。だけど完全ワイヤレスイヤホンは落として無くしちゃいそうなのが怖い、というユーザーさんもいるみたい。 だから左右のうどん部分を結ぶロープみたいなアクセサリーがあるんだけど...それつけちゃうと、普通のBluetoothイヤホンでいいよね。 Image: AZLA耳に差し込んだときにしっかりとフィットするなら、そうそう落ちるものではありません。だからAirPods Proオーナーと、未来のAirPods Proオーナーにおすすめしたいイヤーピースが｢SednaEarfit XELASTEC for AirPods Pro｣（セドナイヤーフィット・セラステック・フォー・エアポッズプロ）です。 Image: AZLA｢吸い付くなっ

世の中には、経営やマーケティングのためのフレームワークや論理モデルが数多く存在しています。これらを学ぶことは、ビジネスパーソンとしての私の基礎力に繋がるのではないかと思い、特に著名なフレームワークを中心に、作られた背景や基本的な特徴を少し調べてみました。 3C マッキンゼー・アンド・カンパニー在籍時代の大前研一氏が1982年に発表した著書『The Mind of the Strategist』の中で提唱したフレームワークです。環境分析の手法のひとつといえるもので、外部分析と内部分析を簡潔に組み合わせて、市場機会を発見することを目的としています。 1980年代、トヨタ、SONYなど日本の製造業が世界市場で高い競争力を持っていました。しかし、成功している企業には必ずしも優秀な戦略コンサルタントがいた訳ではなく、洞察力と直感力による戦略立案がなされていました。 経営やマーケティングに関する「天賦

Hands-on with the new iPad Pro M4: Absurdly thin and light, but the screen steals the show

Hands-on with the new iPad Pro M4: Absurdly thin and light, but the screen steals the show

こんにちは。IT 基盤部の小池です。 2020年8月5日(水) に開催された、 bit valley 2020 プレイベント | bit valley 2020 プレイベント 20代で圧倒的成長を目指すエンジニア ～これが私のグロース戦略～ に登壇してきたので、その報告をします。 発表内容 上記が、当日の発表資料です。 以下で簡単に内容を紹介したいと思います。 開発経験なしからどのようにキャッチアップしてきたか 入社当時から “開発経験もない” “年齢も高い” と、自分にはネガティブな点が多いと思っていたので、 成果を出しつつ効率的にキャッチアップしていかなければならないと思っていました。 そこで、「積極的に手をあげる」-> 「わからないを徹底的に潰す」->「タスクの完成度を上げる」というサイクルでタスクを回していました。 こうすることで、成果を出すこととキャッチアップすることを並列でこな

Shift_JIS の CSV で連携する外部サービスがあり、DB では UTF-8 でテキストを持っていたため文字コードを変換する必要が生じた。 ところが UTF-8 に存在する多くの文字は Shift_JIS に対応がないため変換することができない1。 そこで、事前に NFKC 形式で Unicode 正規化することで変換可能な文字を増やすことを試みた。 まずは Unicode 正規化の前提として、Unicode の正準等価と互換等価について説明する。 以降の U+16進数 という表記は Unicode のコードポイント (文字に ID のようなものが割り当てられている) を示す。 また、コードポイントに対応する文字の詳細は https://codepoints.net/ といったサイトで確認することができる。 正準等価 例として、ひらがなの「が」について考える。Unicode では「

はてブにおけるネガティブなコメントやそれが引き起こす炎上から自分を守るための、そのプロテクト機能をこのブログに実装した話です。 燃えたくないけど読まれたい 私はこのブログを運用する上で 「燃えたくないけど読まれたい」という気持ちを持っています。 ブログを書くからにはやっぱり反応は欲しいし、たくさんの人に見られたいというのが率直な感想です。 そのため、燃えるのを防ぐためにも誰かを煽ったり傷つけたりせずに、健全に運営して行こうというのを意識して運営しており、特にその投稿が誰かを傷つけないか・誤った情報を断定的に発信していないかといった自浄的なチェックをしています。 ただ、どうしても燃えやすい話題もあったり、意図せずに燃えるパターンも見たりはしているので、それについてどう言及して行こうかと言うのを悩んでいました。 そこで炎上プロテクト機能をブログに組み込んでみることにしました。 はてブのコメント

CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again

先日、夜家に帰ってきたら玄関前に見覚えのない料理などが入った袋が置いてあった。 一瞬部屋番号を間違えたかと焦ったが、恐らくUber eatsか何かの配達間違いだろうとすぐに思った。 一応周りをきょろきょろしてみたが当然そんなに都合よく隣人が出てくる訳もなく、仕方なくその袋の中を見てみると、店名が書かれた紙(電話番号などの記載はなし)があったので、ググって電話した。「配達間違いで見覚えのない料理が届いている」と。 お店側も驚いて確認して折り返します、とのことだった。 料理は玄関の前に置いたままでいいのか？と聞いたらそのままで良いとのことだったので、部屋の中に入り、夕飯を食べた。 インターホンの履歴を見ると昼過ぎ頃届けに来ていたようだった。 この気温だから料理はもう痛んでいるだろう。 この間に(可能性は低いと思うが)料理を誰かに盗られたら俺の責任なのだろうか？それとも俺が盗ったと疑われるのだろ

コナミデジタルエンタテインメントは8月5日午後2時、2019年10月にリリースしたスマートフォン向け恋愛ゲーム「ラブプラスEVERY」（iOS／Android）のサービスを終了した。Twitterでは「さらばラブプラス」「ついに終わりか」などの声が上がっている。 同作は、3人の女の子との出会いや、恋人としての生活を体験できる恋愛シミュレーションゲーム。当初は17年冬のリリースを予定していたが、2度の延期を経て19年10月に配信をスタートした。 しかしその後も不具合が相次ぎ、20年5月にサービス終了を発表。理由は「諸般の事情」という。 キャラクターの3Dモデルを撮影できる「カノジョプラス」などの機能は「カノジョプラス Lite」として、サービス終了後もアプリをインストールしているユーザー向けに提供を継続。今後もしばらくはアプリの配信を続ける。 関連記事 スマホ版「ラブプラス」8月にサービス終