サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
メディア化でコンバージョン減でも売上増 これからのECサイトが目指す先とは 「北欧、暮らしの道具店」青木耕平さんインタビュー
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
生きるように働く人の仕事探し「日本仕事百貨」
働いているみなさんにとっては明るいけれど、経営者のみなさんにとってはちょっと頭が痛いかもしれない予測がある。 それは「採用のための競争が激化していることで就労環境が改善する」というもの。 実はコロナ禍前に比べてハローワークの求人数は減っている。ただ、求人サイトなどの求人数は数倍に増えている。以前なら費用をかけなくても簡単に採用できたのが、今は費用をかけて、いろいろな媒体に出しても採用ができなくなっているということ。 社員に愛される・求職者に選ばれる企業になりたい。そう考えて動き始めている企業はとても増えている。たくさんの企業が組織体制を変えたり、チームビルディングに取り組んだりしている。 10月に北軽井沢で開催される「かこむ仕事百貨」も、同じ問題意識から合同企業「説明会」という形態を合同企業「合宿」にリニューアルした。 数日間の採用イベントから、根本的にチームをよくする機会にすることで継続
Strato
※北海道、沖縄は全国一律と書いてますが、送料1,800円になります。 ※税込20,000円以上の場合は全国送料無料になります（北海道・沖縄含む） ※ご注文の商品のお届けはクロネコヤマト宅急便のみの取り扱いとなります。なおメール便での発送はできません。あらかじめご了承ください。 ※海外発送（EMS）の場合は別途送料がかかります。誠に恐れ入りますが何卒ご了承ください。 ■キャンセル・返品・交換について ・ご注文後のお客様都合によるキャンセル、返品、交換につきましては、一切お受けしておりません。但し、こちらの過失による返品等につきましては商品到着後7日以内にE-mailまたはTELにてご連絡ください。 ・出荷の際には、汚れ、破損、縫製等、入念にチェックしたのち出荷しておりますが、万が一、発送中の破損、不良品、あるいはご注文と違う商品が届いた場合の商品交換時の送料等はこちらが負担いたします。 ■領
たった1行！スマホサイトのコーディング時に役立つ小技8（サンプルあり） - Design Color
もくじ 幅をデバイスサイズに合わせる スマホを横にしたときに文字が大きくならないようにする 電話番号に自動的にリンクが付かないようにする リンクを押したら電話をかけられるようにする リンクを押したらGoogleマップアプリを起動させる リンクエリアを広げる paddingやborder分を気にせずwidth/heightの数値を指定する 長い文字列でも途中で改行させる 1.幅をデバイスサイズに合わせる まずはスマホサイトを作るときの基本ですね。サイト幅をデバイスの幅に合わせてあげるには、以下の一行だけで対応出来ます。 <meta name="viewport" content="width=device-width,initial-scale=1.0"> サンプル 2.スマホを横にしたときに文字が大きくならないようにする スマホを横にすると、解像度が変化すると共に文字サイズも大きくなってし
動くCSSのためのメモ。
CSSでできる事がどんどん増えてます。JavaScriptを使って実装するようなレイアウトやUIも、CSSだけで作れちゃうほど、便利なプロパティがじゃんじゃか増えましたね。ここでは、要素にアニメーション効果をつけるためのCSSを使ったエフェクトについて、まとめてゆこうと思います:)。 CSSで動かす 「動く」といっても、自由自在にぐにゃぐにゃ動かせるわけではなくて、CSSアニメーションでは、プロパティの数値をスムーズに増減させることで、要素のスタイルを滑らかに変化させます。 例えば、下のサンプルでは、p要素にカーソルを合わせた時に、font-sizeの値を、1emから2emに、スムーズに変化するように指定しています。 p { transition: font-size 1s; } 動かすためのマストプロパティ CSSでアニメーションさせるために必要不可欠なのがtransitionプロパティ
Movable Typeをローカル環境へインストールする方法
このページは、xamppを使ってローカル環境にMovable Type（MT5）をインストールする方法を紹介します。 まず、Movable Typeの公式サイトからMovable Typeをダウンロードする。ダウンロードにはメールアドレスが必要だが、特に難しい点は無い。 次に、ダウンロードしたMTファイルを解凍して、フォルダ内の「MT-5.04-ja」を「xampp」の「htdocs」の中へ移動する。 （記事を書いている時点では、解答して出来たファイルは「MT-5_04-ja」だが、ファイル名はMovable Typeのバージョンによって変わる。） xamppをCドライブにインストールしていれば、「htdocs」の場所（パス）は「C:/xampp/htdocs/」である。 そして、移動した「MT-5.04-ja」のフォルダ名を変更する。ここではフォルダ名を「mt5」へと変更して、説明を勧め
XAMPPの使い方
Apache やデータベース、 PHP などを一つ一つインストールして設定を行っていく事はこれから初めて開発を行おうとしている人にとって敷居が高いものです。 XAMPP はよく利用されるアプリケーションやソフトウェアをパッケージにまとめたもので、まとめてインストールすることができます。ここでは XAMPP のインストール方法及び実際の使い方について解説していきます。
ペアプログラミングして気がついた新人プログラマの成長を阻害する悪習
最近、あまりプログラミングが得意でない人のサポートをする形で、長い時間にわたってペアプログラミングを行っている。そのなかで、気がついた悪い習慣と成長するための良い習慣というものをまとめてみる。 この記事のバックグラウンドとなる体系的知識が本になりました。 エンジニアリング組織論への招待 ～不確実性に向き合う思考と組織のリファクタリング あわせて読みたい 経営者マインドが足りない！vs. 現場に任せてくれない！の対立をなくすカードゲームをつくった話 新人プログラマに知ってもらいたいメソッドを読みやすく維持するいくつかの原則 新人プログラマに知っておいてもらいたい人類がオブジェクト指向を手に入れるまでの軌跡 ペアプログラミングして気がついた新人プログラマの成長を阻害する悪習 あきらめるにはまだ早い！ソースコードの品質向上に効果的なアプローチ 心理的安全性ガイドライン（あるいは権威勾配に関する一
Sassの変数命名規則とBEM
$type-subtype-component-contextというような形でSassの変数を命名していたけど、これにもBEMを使うかという感じになってきた。ただでさえ長いのが、セパレーターで更に長くなるけど、元々そんなに短くないので気にしないことにした。BEMをクラス名で使うような形で単純に利用するケースと、3.3で導入される予定のマップを使って構造化して定義し、複雑に参照するケースを比較して検証している。 検索ボックスに使う、以下の8つの色の変数定義を例にする。 検索フォーム 背景色 入力フォーム 文字色 背景色 枠線色 フォーカス 枠線色 ボタン 文字色 背景色 オンマウス 枠線色 BEMを使った簡単な実装 $color-bg_searchbox: #f9f9f9; $color-fg_searchbox__input: black; $color-bg_searchbox__inp
CSSのローディング・アイコンのコスト
今までは主にアニメーションGIFで作られていたローディング・アイコンをCSSアニメーションで作るみたいなのが流行っている。面白いとは思うし、ちゃんと作ればスケーラブルなので便利そうでもある。けれどもローディング・アイコンを表示するための空要素が必要になり、かつ後にそれを消さなくてはならない。CSSだけだと面倒くさそうだ。 どういうローディング・アイコンかはこの際問題ではないので、とりあえずmain要素以下に何かしら(仮にサムネイルとする)をロードするまでローディング・アイコンを表示することを考えてみる。普通はJavaScriptでローディング・アイコンの追加→サムネイルのビルド→ローディング・アイコンの削除→サムネイルの追加とやるわけだけど、ローディング・アイコンの追加と削除でDOM操作を伴うのはコストがある気がする。 <main id="result"> <div class="spin
JSのMVCフレームワークbackbone.jsやってみた
Posted: 2013.08.21 / Category: javascript 最近 JavaScript のMVCフレームワークが増えてきていますが、WordPress にも採用されてちょっと気になっていた backbone.js を使ってみました。 ダウンロード Backbone.js を下記URLからダウンロードします。 また Backbone.js は Underscore.js, jQuery に依存しますので合わせてダウンロードしましょう。 Backbone.js Underscore.js Backbone.js 1.0.0 Underscore.js 1.5.1 jQuery 1.8.2 を使用します。 ダウンロードしたら読み込みます。 html <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2
Backbone.js Collection.fetch() による一覧画面の描画 | 開発メモるアル
以前書いた、Backbone.js Model.save()によるPOSTデータをPHPで読み込むに続いて、 Backbone.jsを使ったリソース参照に関する記事です。 Backbone.jsを使った一覧表示サンプル Backbone.jsのCollectionとModelを使って、Collection.fetchの結果を画面に一覧表示するサンプルを作ってみました。 一覧表示サンプル サンプルの動作 「表示」ボタンをクリックすると、ユーザーリソースにGETリクエストを送信 JSON形式のユーザー一覧データを含むレスポンスが返ってくる backbone_fetch_test.jsがレスポンスを解析して画面に表示する サンプルを構成するファイル サンプルを動作させているファイルの一覧と、ファイルの内容です。ブログ用にコメント多めに入れてます。 ファイル一覧 backbone-fetch-te
MVCパターンでアプリケーションを構築する（Backbone.js）
本コーナーは、技術評論社発行の書籍『JavaScriptライブラリ実践活用［厳選111］』の中から、特にBuild Insiderの読者に有用だと考えられる項目を編集部が選び、同社の許可を得て転載したものです。 『JavaScriptライブラリ実践活用［厳選111］』の詳細や購入は技術評論社のサイトや目次ページをご覧ください。 Backbone.jsはクライアントサイドMVCフレームワークの定番ライブラリの1つです。プレゼンテーションをView（ビュー）に、ビジネスロジック（ドメイン）をModel（モデル）に定義するスタイルで処理を記述します。このことにより、コードの保守性、再利用性、テスト可能性などを向上させることができます。 名称： Backbone.js 分類： フレームワーク URL： http://backbonejs.org/ 関連ファイル： backbone-0.9.9.js
04 | 8月 | 2013 | nacika.com
夜です。今回は何を思ったのか、backbone.jsの公式ページを眺めるという行為に及んでみたいと思います。 ちょっと見てみると、backbone.jsのルーティングがなんか便利そうじゃないですか。pushState触らなくていいとか！ ajax使うにはもうbackboneは手放せない存在なんじゃないでしょうか。githubは違うプラグイン使っているみたいですが… 公式ページ。backbone.jsの配布ページとマニュアルページがひとつに繋がっているタイプ。Ctrl+Fで検索しやすいのでなかなかいいかも。 IntroductionGoogle翻訳を使ってIntroductionを読んでみます。要約すると(確実に翻訳ミスがあります) jQueryをDOMを直接操作してHTMLを動的に動かす開発をしてるんでしょうけど、古いよフロントエンドとサーバー間でデータの受け渡しに四苦八苦してるBackb
JavaScriptの正規表現で文字列を抜き出す「グループ化」
JavaScriptの正規表現で特定の文字列を抜き出す「グループ化」について解説します。 JavaScriptで特定の文字列を抜き出して処理したいことがよくあるのですが、グループ化の使い方を忘れてネットで検索してもなかなかヒットしないので、備忘録で残しておきます（他に適切な方法があるようでしたらすいません）。 １．特定の文字列を抜き出す まず基本として、特定の固定文字列を抜き出すには、match関数で次のように記述します。 var foo = 'abcdefg'; var bar = foo.match(/abc/); これは変数fooに「abc」という文字が含まれていれば、変数barに abc が設定されます。 変数fooに「abc」という文字が含まれていない場合、変数barにnullが設定されます。 この使い方は、検索したい文字列があらかじめ決まっていて、上記のような代入文ではなく、判
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ガントチャート,プロジェクト管理,スケジュール表がサクサク作れる。チャート作成がカンタンに共有！しかもフリー タスク管理にも - Brabio!
Windows/Linux版PhpStormのキーボードショートカット
phpstorm 使いそうなショートカットキー | まとめーたー