今日から使い始めるChef 2013-03-29 Xtone Ltd. ピザ会�(without pizza><) Aki / @nekoruri
今日から使い始めるChef 2013-03-29 Xtone Ltd. ピザ会�(without pizza><) Aki / @nekoruri
The document discusses how to fully master Ansible. It provides an overview of what Ansible is and how it works, explaining that it is an automation tool that can be used to configure, deploy, and manage infrastructure and applications. It then provides instructions on how to install and use basic Ansible functionality like playbooks and tasks to automate systems administration. Finally, it shows
アノテーションとは プログラミングでは、コード中に登場する要素(クラス、メソッドなど)に対して、それ自体に関する情報(メタデータ)を注記できる仕組みのことをアノテーションという。「このメソッドはテスト用である」「ここでコンパイラは警告を出してはならない」「このメソッドはオーバーライドである」などの情報を付記し、コンパイル時や実行時に参照させることができる。 IT用語辞典 このように説明されるアノテーションですが、その源流を調べてると次の文章に出会いました。 アノテーションとは、JDK 1.5で新たに追加される言語仕様であり、Javaコード上でメタデータ(コードそのものではなくコードに関する付加情報)を記述可能にする。これは、マイクロソフトC#における属性(attribute)に相当するシンタックスで、アノテーションはそれを後追いした仕様といえる。 2004年の@ITnoの記事です。 つまり
We're excited to announce that ESLint v6.0.0 has been released: https://t.co/EO4ZrZIMYM — ESLint (@geteslint) 2019年6月22日 ESLint は JavaScript のための静的検証ツールです。コードを実行する前に明らかなバグを見つけたり、括弧やスペースの使い方などのスタイルを統一したりするのに役立ちます。同様のツールとしては JSLint, JSHint 等があります。 ESLint の特色は、 すべての検証ルールを自由に on/off できる 自分のプロジェクトに合わせたカスタムルールを簡単に作れる 豊富なビルトイン ルール (5.0.0 時点で 260 個) に加えて、たくさんのプラグインが公開されている ECMAScript 2015 (ES6), 2016, 201
intro 次世代 Web カンファレンスを開催しました。 名称: 次世代 Web カンファレンス 日時: 2015/10/18(日) 9:00-17:30 場所: 法政大学外壕校舎 4F 後援: 法政大学情報科学部 参加費: 無料 hashtag: 全体: #nextwebconf 405: #nextwebconf405 406: #nextwebconf406 407: #nextwebconf407 実施概要 概ね開催概要の通りです。 jxck.hatenablog.com やったこと やったことはシンプルです。 テーマ毎に、今 Web がどうなっていて、これからどうなっていくのか をひたすら議論するセッションのみのカンファレンス やらなかったこと 以下はこのカンファレンスではやりませんでした。 スポンサー募集 Tシャツ/ステッカー/チラシ作成 公式サイト作成/ドメイン取得 公式懇
ゼロから共に学ぶ折れない心でパフォーマンスを出す方法 https://www.street-academy.com/myclass/13191?conversion_name=direct_message&tracking_code=3bbe5be61cee24170da2e351a62144fd
表示サンプルはこちら サンプルCSS .btnBox a { background:#EEE; position: relative; display: inline-block; height: 120px; line-height:120px; text-align:center; margin: 0 8px; width: 200px; border:2px solid #000; color:#000; text-decoration:none; overflow: hidden; *display: inline; *zoom: 1; } a div { display: inline; } a div span { font-size: 15px; font-weight: bold; left: -30px; line-height: 30px; text-align: ce
マウスオーバーでクルッとするボタン 画像もJavaScriptも使わずに、HTML+CSSのみでクルッと回転するようなエフェクトの発生するボタンの作成方法を紹介します。(使用例: ニュースページ、地図ページ) ニュースページのカテゴリナビゲーションです。もともと英語で表示しているテキストを、マウスオーバーでくるっと日本語に入れ替えています。CSSを工夫して用いれば、このように要素内のテキストを動かすことも可能になります! 実際につくってみよう! 上述のスライドアウトインする画像と同様で「transition」というCSS3プロパティを用い、マウスオーバーでのCSSプロパティの変化にアニメーションを加えています。サンプルコードを以下に用意しました。 CSSでクルっとするボタン - jsdo.it - share JavaScript, HTML5 and CSS CSS3を用いて作成したマウ
もっと新着記事を目立たせてくだせい!とお客様が仰るので、「新着のお知らせ」を目立たせるのに新着(NEW)ボタンをCSS3のanimationで作った! CSS3のアニメーションって1回作ったら結構簡単 なんだかCSS3のアニメーションって難しそうなイメージがあったので手を出さなかったのですが、いやー一回作ってみたら意外に簡単だった。次回作るサイトは各所が動き回るアニメーションだらけのサイトになりそうだ(笑) で、作ったアイコンがこれ。 See the Pen EaJBry by yogawa (@yogawa) on CodePen. どうです、目立つでしょう? これをWordPressのループの中に突っ込んで、記事を公開後◯日間表示させるようにしておけば良さげ。記事を公開後、一定期間「NEW」アイコンを表示させる方法はNxWorld様の記事が非常に分かりやすいです。 [amazonjs
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Web上で様々な作業を行えるようになったことで、UIに求められる多様性も増しています。特に面倒だと感じるのは時間関係ではないでしょうか。カレンダー、ウィークリー、デイリーなどいずれにおいても時間に合わせた表示、処理は大変です。 そこで様々なライブラリを知っておくことでいざとなった時に役立ちます。今回は横型のスケジュール選択ライブラリschedulerjsを紹介します。 schedulerjsの使い方 schedulerjsの初期表示です。 薄いブルーのエリアはドラッグしたり、端をドラッグして枠の幅を増減できます。 実際に操作しているところです。 実際の描画は予定を配列で渡すだけです。 var list = [ { 'name': 'Chewbacca', 'appointments
Internet Explorer 11には過去のIEとの後方互換性のために、それぞれのレンダリングのルールを切り替えるための仕組みとして「ドキュメントモード」という機能を搭載しています。 このドキュメントモードは、ツールメニューの互換表示設定、もしくはF12開発者ツールのエミュレーションから指定することができますが、一般的なユーザーが自ら切り替えることはあまりないでしょう。ほとんどの場合は、Webの提供者が指定されることになると思いますが、その場合はHTMLのドキュメント内、もしくは、WebサーバーのHTTPレスポンスヘッダにX-UA-Compatibleで指定します。 [caption id="attachment_192" align="aligncenter" width="879"] 日本マイクロソフトのWebサイトでのX-UA-Compatibleの指定[/caption] ド
aqua .bg-aqua-gradient { background: rgba(127,219,255,1); background: -webkit-linear-gradient(top, rgba(127,219,255,1) 0%, rgba(82,140,163,1) 100%); background: linear-gradient(to bottom, rgba(127,219,255,1) 0%, rgba(82,140,163,1) 100%); } blue .bg-blue-gradient { background: rgba(0,116,217,1); background: -webkit-linear-gradient(top, rgba(0,116,217,1) 0%, rgba(0,65,122,1) 100%); background: linea
Mediumでとある記事を高速にスクロールして読んでいたら、さりげなく画像を遅延読み込みしていることを知った。読み込み発火のタイミングがうまいのかあまり遅延読み込みの存在を感じさせないのもすごいと思ったが、プレースホルダー画像の実装方法が良さそうだった。単純に元の画像を幅30px程度まで小さくしてそれをブラウザーにリサイズさせることでぼやけた画像をプレースホルダーとして表示しているだけだが、十分に機能していそうで目から鱗だった。 画像の遅延読み込みはなかなか曲者で、読み込むタイミングやプレースホルダーとしている画像が悪いと大きくユーザーにストレスを与える。プレースホルダーでよく使われるローディング画像は読み込み中のインジケーターではあるが、同時に何か遅いことをやっていますというネガティブな印象も与えてしまう。ユーザーはローディング画像を見るとスクロールを止めなくてはならないのかと感じること
サーバサイドは Java、クライアントサイドは TypeScript で書いてて、TypeScript のコンパイルも Gradle でやってました。 (こういうパターンは他の人はどうビルドしてるんでしょう?ちなみにJS系のビルドツールは使ったことがありません) で以前以下のエントリで TypeScript の Gradle Plugin について書いたんですが、新しい TypeScript に対応してなかったり、ちょっと挙動が微妙だったので使うのをやめました。 tc.hatenablog.com TypeScript の バージョン 1.5 から tsconfig.json というファイルでコンパイルの設定ができるようになったので、もう Gradle から直接 tsc コマンド叩いちゃえば良いかと思いました。 まずは、プロジェクトルートの build.gradle task compil
今回のソリューション:【Code Climate/コードクライメート】 コードをできるだけ綺麗に書きたいエンジニアと、そこに時間をかけてほしくないビジネスオーナー。一見、相容れないように見える両者。相互の共通理解は、どのように実現できるのだろうか? 受託開発からスタートし、現在では情報共有サービス「DocBase(ドックベース)」の運営も行う株式会社クレイ。エンジニア集団である同社であったとしても、コードの品質を巡る摩擦が少なからず起こっていたという。 そのような状況を変えるために導入したのが、コードの品質を自動でスコアリングするサービス「Code Climate(コードクライメート)」。 Code Climateを使うと、コードの「読みやすさ」が点数化されるので、実際にはコードを書くことができない非エンジニアにも客観的な品質の理解が可能になる。 「Code Climateは最終的にはエン
こんにちは。タクスタでフロントエンジニアをしている今井(@imakei_)です。 現在リニューアルしている"宅スタ"、あたらめ"takusuta"でweb開発を行っております。 (リニューアル詳細はこちら) 今回はtakusuta(https://takusuta.com)で用いてるJavaScriptライブラリーRiot(http://riotjs.com/)をテーマに書きたいと思います。 Riotとは A React-like user interface micro-library
デザイナーの宇佐美 @Ui_Pb です。 速習会とは 2015年10月1日に、 Wantedly のオフィスにてSketch速習会を開催しました! 実は、過去にも何度か社外の方を数名招待する形で速習会を行っております。 なぜ数名のみ紹介する形をとっているかというと、以前から定期的に行っていた社内勉強会に社外の人も数名招待しよう!という流れから速習会を定期開催するようになったからです。そのため、社外の方々だけでなく社内のエンジニアやデザイナーも毎回参加しています。 過去に行った速習会 JSONScheme速習会 きれいなCSS速習会 UML速習会 データ解析ツール速習会 TreasuData/DOMO編 Docker速習会 今回やったこと 今回の速習会では、Sketchファイルの基本的な編集方法とSketchファイルを貰った時に意識して見て欲しいポイントを伝えることを目的に行いました。 Wa
技術情報共有サイト『Qiita』は、日本で働くプログラマーにとっていまや、なくてはならない存在となっている。また、チーム内の情報共有に『Qiita:Team』を利用しているという声を聞く機会は多い。こうしたプロダクトを通じて、「ソフトウエア開発をよりよくすることで世界の進化を加速させる」ことを目指しているのがIncrementsだ。 情報感度の高いプログラマーに向けたプロダクトの作り手は、おそらく情報感度が高いはずである。『Qiita』の「中の人」は今、どのような技術に注目し、どうやってそれを身につけているのか。 同社CTOの高橋侑久氏に、現在注目し、インプットしている技術領域と、学びのソースについて聞いた。 高橋氏は、注目している技術領域として次の3つを挙げた。 【1】Railsの課題に回答をもたらすElixirとPhonenix Framework 【2】Terraformでインフラを
みんなのウェディングの高井です。 クラスベースのオブジェクト指向プログラミング言語を利用している人であれば、クラスとは、ありふれていて普段から利用するものです。にもかかわらず、良いクラスをつくるというのは、なかなかに難しいことです。 先日、みんなのウェディングでアルバイトをしてくれている学生さんのコードレビューをしていたときにも、それを強く感じました。 実践的プラグマティックには「ソフトウェアの規模や文脈にあわせて、適切に抽象化していただきたい」という以上のことを言っても仕方がないところなのですが、それだけでは経験の浅いプログラマーにとって、まったく分からないという話になってしまいます。 というわけで、今回はクラス設計の原則についてのお話しです。 Bertrand Meyerのクラス設計の原則 Bertrand Meyerは『オブジェクト指向入門 第2版』の中で、クラス設計について章をひと
ここ4日間というもの、インターネットWebフォーラムをインストールしようとして大いに時間を無駄にしました。説明書きには30分でセットアップ可能と書いてあったんですけどね。 コンピュータは得意なほうだと思っているのですが、一体、何が悪かったのでしょうか? これからお教えしましょう。 私の奮闘記 辱めるのは本意ではないので製品名は言わないでおきます。この製品でひどい目にあったのは今回が初めてではありませんが、製品単体の問題というよりはもっと大きな問題だからです(”ピス・ホース(馬におしっこ)”に音が似ているとだけ言っておきましょう)。 30分でセットアップ可能と説明されている根拠は、Dockerによるインストールが正式にサポートされていて、それ以外の手段がないからです。Dockerは輝かしくも新しいコンテナ管理ソフトウェアで、それだけでも危険な香りがします。相互運用可能なデスクトップ環境全体を
こんにちは、技術部モバイル基盤グループの茂呂(@slightair)です。 モバイル基盤グループでは、クックパッドの iOS/Android アプリに関する様々な仕事をしています。 不具合を抑え、品質を保ちながら安定してリリースサイクルを回せる環境づくり アプリの開発者がサービス開発に専念できるように、コードリファクタリングやライブラリの整備 OSやライブラリ、開発ツールのバージョンアップに伴う調査・検証・対応 この記事にはiOS9がリリースされた結果、クックパッドのサービスに何が起き、どういう対応をしてきたかをまとめます。 Universal Links iOS9 で Universal Links という機能が入りました。これは、Safari で開いた Web ページ中のリンクに対応したアプリが端末にインストールされていれば、アプリでリンク先のコンテンツを表示できるというものです。 う
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く