こんにちは！teratail開発チーム デザイナーの木村です。 1/16にteratailのPC版質問ページをリニューアルしました！ 以前からPC版質問ページにはコンテンツを読み進めたり、質問者と回答者がコミュニケーションをとったりする中で、細かい修正だけでは改善しづらいいくつかの問題がありました。それらを改善する基盤として全体的なデザインの変更と一部機能の追記・変更を行っています。 今回は以下の6点のリニューアルポイントを説明させていただきます。 デザインの変更 ボタン等の操作箇所の見た目や振る舞いをルール化 ウィンドウ幅に合わせた2段階のコンテンツ幅の切り替え 機能・要素の追加 クリップ数 質問者・回答者のアイコン 機能・要素の変更 質問の評価を上げるGoodボタンのラベルを「高評価」に変更 回答に評価をつける2つの方法 デザインの変更 ボタン等の操作箇所の見た目や振る舞いをルール化

こんにちは。teratail開発チームでインターンをしている草間(@tkow)です。 jQueryはとても便利なライブラリで簡単なアプリケーションであればjQueryだけでも作れてしまうので、Web開発ではjQueryしか使ったことがない人も多いと思います。 しかし規模が大きくになるにつれて複雑になったロジックをjQueryのみで管理するのは大変です。また、selectorの一貫性を保つのが困難で、再利用が難しいコードが多くなります。 そして生まれたのが、ブラウザのHTMLの表示部分と変更されるデータを結びつけておき、データの変更が生じるとそのデータが仕様されているHTMLの表示もすべて更新されるデータバインディングという概念と、その位置を特殊なタグによって管理することで埋め込まれたタグを再描画する位置と構造を記録するVirtual DOMという概念です。 近年では、React.jsが有名

こんにちは! teratailエンジニアの鈴木です。 昨日行ったアップデートで、PC版トップページ質問フィードの「Myタグによる絞り込み」に 「緩い」 絞り込みを追加しました。 以前からトップページの質問フィードではMyタグによる絞り込みのON/OFFを選択することができましたが、今回のアップデートで、ONとOFFの中間に当たるようなオプションが加わりました。 スイッチ部分にマウスホバーすることで、以下のような説明が現れます。 絞り込みの強さについて 「厳密」では、Myタグに登録しているタグの質問だけが表示されます。 「緩い」では、Myタグに加えて、Myタグに登録しているタグと一緒に設定されることの多いタグの質問も含まれます。 「無し」では、すべてのタグの質問が表示されます。 teratailの過去の質問データを元に、登録済みのMyタグについて、セットで指定されることの多いタグを合わせて取

日本のみなさん、こんにちは! teratailエンジニアの鈴木です! 本日(日本時間)W3Cのブログで正式に発表があり[1]、HTML 5.1が 勧告 (REC)となりました! よっ! 今回は、このHTML5初のマイナーバージョンアップデートについて、Web制作者が押さえておきたい変更点を、いくつかピックアップして紹介してみようと思います。 HTML 5.0の勧告は2014年の10月に行われ、これは1つ前のバージョンから10年以上の時を経た、大幅なアップデートでした。 今回勧告されたHTML 5.1は、前回の勧告から2年程度しか間が空いていませんが、ワーキンググループはおよそ1年に1度HTMLの安定したバージョンを勧告としてリリースできるようなワークフローに取り組んでいることが、4月に発表されています[2]。 なお現時点でHTML 5.2についても、GitHubでEditor's Draf

俺達は GCPへの移行を 強いられてるんだ！！！！ 用意された画像に合わせただけで内容には関係ありません TL;DR 10/26のメンテナンスでteratailをGoogle Cloud Platformに移行しました。TokyoリージョンのStackdriverまだですか。 初めに こんにちは、teratail開発チーム本橋です。 teratailは10月26日にVPSサービスからGoogle Cloud Platformへ移行しました！ GCP 利用しているサービスは以下のとおりです。 HTTP(S) Load Balancing Google Compute Engine Google Container Engine Google Cloud Storage Google Stackdriver Google BigQuery 分析インフラのBigQueryへの移行、一部サービスの

はじめまして。teratail開発チームでインターンをしている草間(@tkow39)と申します。 来年4月1日よりレバレジーズ株式会社に入社予定となっています。よろしくお願い致します。 今までは主にフロントエンドを担当し，バックエンド，テストなどもサポートする形で開発していました。 少し期間が空いてしまいましたが，10/3(月)に開かれたAngular 2入門者の会でLTしました。 connpass.com Angular 2熟練者の方からAngular 2の良さや楽しさとアドバイスを色々教えていただき，今後もAngular 2を使って何かを作ってみたいと思いました。 そこで，今回はプロダクトに生かして行く上でこれはすごいと思ったところと，使ってみて良かったところの4点を入門者として紹介していきたいと思います。 更新が即座にされるサーバ環境がすごい 公式のチュートリアルを試してまずびっくり

こんにちは。teratail開発チームの出川(@ikuwow)です。 9月30日に開催されたサポーターズ主催のラーメン二郎ハッカソン「ジロッカソン」に teratailが協賛しました。 supporterz.jp 当日はteratailチームのメンバーやレバレジーズのエンジニアもハッカソンに参加！ どんなサービスが生まれるか気になったので僕も「ジロッカソン」を覗いてきました。 ジロッカソンとは ジロッカソンとは、ラーメン二郎ファンのためのハッカソンのこと。 ジロリアンによるジロリアンのための二郎に捧げるハッカソンイベントです。 ラーメン二郎。 その独特の味、量、雰囲気に心酔する熱狂的なファン「ジロリアン」。 そんな二郎を愛するジロリアンエンジニアたちで集まり、 もっと二郎ライフを楽しくする、便利にする、アプリケーションを一緒に開発しませんか？ ラーメン二郎ハッカソン「ジロッカソン」 - c

みなさんこんにちは。teratail開発チームの出川（@ikuwow）です。 少し前ですが、9月14日にサンフランシスコで開催されたGitHub Universeにて 「Code Review」と「Projects」という大きな新機能が発表されましたね！ github.com 中でもIssueやPull Requestをかんばん上に表示できる"Projects"機能は 誰もが待ち望んでいたツールとも言えるでしょう。 以前からGitHubのIssueをかんばん化するツールは ZenHubや Waffleなど様々なものがありましたが、 ついにGitHubが公式で実装してくれました。 teratail開発チームでは開発でGitHubを利用しているので、 ニュースを聞いたときにはチームメンバーの皆がすぐに使いたくなりました。 既にこのProjectsを使ってみた様々な記事がありますが、 terat

こんにちは！ 風邪を引いてしまい、午後にならないと声がでない広報の「きよし」こと吉田(@kiyoshi502)です。 9月15日にteratail Meetupイベント「集まっtail#6」を開催いたしました。 サイト上でコミュニケーションを取るユーザー同士がリアルな場で交流できる機会とあり、 「昨日登録して質問を投稿しました！」なんて方からトップランカーやエキスパートユーザーまで約40名のteratailユーザーが集まりました。 今回も終始盛り上がったイベントの模様をお届けします！ 技術への挑戦をサポートする「コミュニティ」 そもそも、なぜ私たちは「集まっtail」を開催しているのか。 まずはそこからお伝えしたいと思います。 テクノロジーは凄まじいスピードで発展しており、 新しい技術が生まれては、それが流行ったり廃れたり、そして復活したりしています。 こうした情報や知識をすべて1人で追い

こんにちは！teratail広報の「きよし」こと吉田（@kiyoshi502）です。 このたび、ひっそり続けてきたteratail blogがはてなブログへお引っ越ししました！ ※旧teratail blogはこちらです teratail.com teratail blogで発信すること このブログでは、teratailに関する様々な情報をお届けします。 執筆者はteratailチームのメンバーです。 エンジニアをはじめ、デザイナー、マーケター、企画、DevRel、広報など 幅広い職種が集まった個性豊かな面々でお送りできればと思っています。 たとえば・・・ 開発・技術のはなし デザインのはなし teratailで実施した企画の裏話 チームビルディングに関する取り組み Meetupイベント「集まっtail」や毎月開催しているハンズオン・LT大会のレポート teratailユーザー・エキスパー