Smart UI パターンが再評価される世界 - id:onk のはてなブログ
設計ナイト2020 を受けて、今どんなアーキテクチャを選ぶべきかという話をしたくなったのだ。 kichijojipm.connpass.com 設計ナイトで高ぶった結果1時間コースの発表資料が完成したので供養場所を探しています。聞いてくれ！！！— Takafumi ONAKA (@onk) 2020年11月1日 お前誰よ 2000年代前半に SI 2000年代後半にブログ、SNS 2010年代にソーシャルゲーム 2020年代に UGC サービス をやってきた人間。数百万〜数億行のデータ、月間数千万〜数十億 imp 程度を主戦場にしています。 今日の話 DDD と PofEAA から学ぶパターン/アンチパターン Rails によって発見された、密結合で速く走れるソフトウェア 今求められているアーキテクチャ 昂ぶって 15,000 字ぐらい書いてしまった。 DDD と PofEAA から学ぶパ
javascriptのデバッグでobjectの中身を文字列として展開する方法 | infoScoop開発者ブログ
javascriptで開発をしていると、オブジェクトをブラウザの開発ツール上のコンソールに出力してデバッグする機会が多いかと思います。 例えば、このようなオブジェクトをFireFoxのFirebug に出力すると、下記画像のように表示されます。 var obj = {"Name":"John","Hobby":[{"Hobby1":"Tennis"},{"Hobby2":"Golf"}]}; console.log(obj); こちらの例のように中身が少なく階層の浅いオブジェクトであればこのまま表示しても問題ありませんが、 階層がもっと深かったり、オブジェクトのテキストをコピーしたい場合にはこのままでは望ましくありません。 そんな時は、object.toSource() という関数を使用するとコンソール上にオブジェクトが展開された形で表示されます。 var obj = {"Name":"J
kintone プラグイン作ってみた話 ～kintone記事エディターシリーズ スピンオフ～ | ワークフローはコラボフロー
こんにちはー。 健康診断の絶食から解放されて食べ過ぎの反動。 不健康になりそうなkitoです。 ずっと視力だけ変わらないのが謎すぎる。 今回は「kintoneをZendeskの記事エディターにした話」シリーズのスピンオフ kintoneプラグインを作ってみた話 を紹介します。 Why Create Plugin ? 続：kintoneをZendeskの記事エディターにした話 のMarkdown編集機能を とあるアプリにも適用してほしいとの依頼があり、 いっその事プラグイン化してしまおうというのがきっかけです。 （いくつかのアプリで、似たようなカスタマイズしてると管理が大変でつらみ） 出来上がったやーつ アプリのフォームにフィールドを配置してプラグインの設定をすると、 レコードの登録画面で Markdownでの記述 ができるようになります。 また、レコードの表示画面では、見出しの目次表示 も
ガートナー、「日本におけるテクノロジのハイプ・サイクル：2019年」を発表
ガートナー、「日本におけるテクノロジのハイプ・サイクル：2019年」を発表 - デジタル・ビジネスを推進する上で特に注目すべきテクノロジと そのトレンドを明らかに 「Gartner IT Symposium/Xpo 2019」(11月12~14日、港区高輪) において、 ITとビジネスの課題の解決に向けた最新トレンドや指針を解説 ガートナージャパン株式会社 (本社：東京都港区、以下ガートナー) は、「日本におけるテクノロジのハイプ・サイクル：2019年」を発表しました。 本ハイプ・サイクルでは、2019年現在の日本のICT市場においてITリーダーがデジタル・ビジネスを推進するに当たり重要な役割を担う、代表的な40のキーワード (テクノロジ、サービス、方法論、プラクティス、コンセプトなど) を取り上げています (図1参照)。 ガートナーのハイプ・サイクルは、テクノロジやサービス、関連する方法
DjangoのTemplate内で辞書型をfor…inで回す
DjangoのTemplateでfor文を使用するとき、リスト型なら普通にfor...inで済みますが views.py list = [1,2,3,4] template {% for value in list %} {{ value }} {% endif %} 辞書型の時に少し詰まったので、備忘録として残しておきます。 辞書型をfor…inでぶん回す 辞書型でfor...inを使う場合、itemsを活用する様です。 views.py dict = { 'A':'aplha', 'B','bravo', 'C':'charley', } template {% for key, value in dict.items %} {{ key }} is {{ value }}. {% endfor %} 出力結果 A is aplha. B is bravo. C is charley.
Djangoのテンプレートで、キーに変数を指定して辞書にアクセス - メモ置き場
context_dataに辞書が渡されていて、テンプレートでアクセスする例 views.py from django.views.generic import TemplateView class HomeView(TemplateView): template_name = 'sample/home.html' def get_context_data(self, **kwargs): ctx = super(HomeView, self).get_context_data(**kwargs) ctx.update(dict(dictionary={1: 'one', 2: 'two', 3: 'three'})) return ctx home = HomeView.as_view() キーがわかっていれば以下のようにテンプレートから辞書にアクセスできる。 home.html {{ d
WEBブラウザ上で簡単に透過PNG画像を作成できるツール - PEKO STEP
画像を透過させて半透明にする方法 まず最初に、透過色を付けたい画像を読み込みます。 編集したい画像ファイルを直接キャンバス内にドロップすると、画像ファイルを開くことができます。 メインメニュー、もしくはキャンバス下部にあるファイル選択ボタンからも画像を読み込むことができます。 画像の読み込みが完了したら透過色の設定をおこないます。 操作は簡単で、表示された画像から透過したい部分をマウスで左クリックするだけです。 そうするとクリックした場所の色を設定された透過色にします。 画像の下の編集メニューを操作することで色の透過方法を調整できます。
クエリーセットのfilterメソッド - at_yasuの日記
よく忘れてGoogle先生に尋ねる羽目になるのでメモ書き。 Djangoのデータベースラッパであるfilterを使う時、SQLで言う「where a like ...」や「where a > 0」とかを、filterではどう書くのか忘れます。例えば完全一致だと、SQLの場合は「where a == ...」ですがfilterの場合は「filter(a__exact=...)」ないしは「filter(a=...)」となります。 ちなみに、DBソフトによっては、大文字小文字区別が無かったりします。 挙動 SQL上での演算子 Django Filter 例 完全一致 = a*1 a = ... 完全一致 = exact a__exact=... 大文字小文字区別無しの一致 iLIKE '...' iexact a__iexact=... 大文字小文字区別有りの部分一致 like '%...%'
日本テレビ東京で学ぶMeCabのコスト計算 | mwSoft
今回はこの言葉の解析をMeCab＋NAIST辞書にお願いして、結果を分析することで、MeCabが行っているコスト計算について勉強してみたいと思います。 とりあえず実行してみる さっそくMeCabに「日本テレビ東京」を解析してもらいましょう。 $ echo 日本テレビ東京 | mecab 日本 名詞,固有名詞,地域,国,*,*,日本,ニッポン,ニッポン,, テレビ東京 名詞,固有名詞,組織,*,*,*,テレビ東京,テレビトウキョウ,テレビトーキョー,, EOS 「日本 | テレビ東京」と分けていますね。視聴率的には負けていますが、NAIST辞書的には日本テレビよりもテレビ東京が優先されたようです。 ちなみに「フジテレビ東京」ではどうなるでしょうか。 $ echo フジテレビ東京 | mecab フジテレビ 名詞,固有名詞,組織,*,*,*,フジテレビ,フジテレビ,フジテレビ,, 東京 名詞,
MeCabのコマンドライン引数一覧とその実行例 | mwSoft
-r --rcfile 使用するリソースファイルを指定する リソースファイルとは、辞書ディレクトリに入っている「dicrc」ファイルを指します。 試しにシステム辞書の「dicrc」ファイルをコピーして、「dicrc2」というファイルを作り、その中の「; simple」の「EOS」を「eos」に書き換えます。するとこんな風になります。 // リソースを指定せずに実行 $ echo テスト | mecab -O simple テスト 名詞-サ変接続 EOS // リソースを改変したdic2に指定して実行 $ echo テスト | mecab -r dicrc2 -O simple -d /usr/local/lib/mecab/dic/naist-jdic テスト 名詞-サ変接続 eos 我が家の環境では、システム辞書ディレクトリをカレントディレクトリとした状態にするか、「-d」でシステム辞書
どこよりも詳しい万能スライダーjQueryプラグインslick.jsの使い方 | ITハット
どこよりも詳しい万能スライダーjQueryプラグインslick.jsの使い方 いろいろなスライダー・カルーセルjQueryプラグインを利用してみて、一番簡単でカスタマイズ性に富んだものがこのslickです。非常に便利な分、注意しなければならないこともあるので、その点も含めて紹介したいと思います。 導入 ダウンロード http://kenwheeler.github.io/slick/ サイト上部のメニューのget it nowをクリックします。 Download Nowをクリックでダウンロードすることができます。 読み込み <head> ... <link href=".../path/to/slick.css" rel="stylesheet"> </head> head 内で slick.css を読み込みます。 ... <script src="https://ajax.google
django-rest-frameworkのチュートリアルを超意訳してみた。第01回「シリアライズ」 - すなぶろ
このあいだ自分がプライベートで運営している動画サイトにAPIが欲しかったので、django-rest-frameworkを使ってみました。日本語の資料が少なかったので、布教目的でここに置いておきます。 欲しかった機能はこんな感じ。 モデルデータのCRUD モデルの特定フィールドの検索 多対多（ManyToMany）でよろしくやる 登録ユーザのみ許可する認証処理 pythonスクリプトからAPIを使う（おまけ） 可能なのかどうか半信半疑で使ってみましたが、チュートリアルに全部書いてあったので参考になれば。 今回はTutorial 1: Serialization(version 3系)の超意訳です。 第01回「シリアライズ」（今ココ） 第02回「リクエストとレスポンス」 第03回「クラスベースのビュー」 第04回「認証と許可」 第05回「リレーションシップとハイパーリンクAPI」 第06回「
JavaScriptで画像アップロード時にサムネイルを表示させる方法 | minory
<input type=”file”>で画像をアップロードする際、特に複数ある場合にサムネイルがないと、正直何をアップロードしようとしているのか確認できません。 そこで、JavaScriptとWeb APIのFileReaderオブジェクトを使用して、画像をBase64エンコードしてサムネイルを表示する方法をご紹介します。 ファイル選択時にサムネイルを表示 やり方としては、ファイルを選択した際に発火するJavaScriptのonChangeイベントの時に、FileReaderを使ってBase64エンコードし、用意していたサムネイル用のイメージタグに差し込みます。 HTMLで画像選択フォーム作成 #file-imageがファイル選択で、#print_imgが表示用のイメージタグです。
映画『ボヘミアン・ラプソディ』主演ラミ・マレックのゴールデングローブ受賞スピーチ全文
日本時間1月7日に行われたアカデミー賞の前哨戦とされる第76回ゴールデン・グローブ賞授賞式にてクイーンを描いた映画『ボヘミアン・ラプソディ』が最優秀作品賞（映画ドラマ部門）を受賞、そしてフレディ・マーキュリーを演じたラミ・マレックが最優秀主演男優賞受賞（映画ドラマ部門 ）を受賞しました。ラミ・マレックが最優秀主演男優賞受賞の際に行ったスピーチを掲載します。 *一部翻訳に間違いがありましたので、訂正いたしました ああ、とても感動しています。心臓が今にも胸の中から飛び出そうです。数多くの素晴らしい俳優の中に加えて頂き、皆さんと同じ場所にいることができるなんて本当に光栄です。 このような機会を与えて頂いたハリウッド外国人映画記者協会に感謝します。この映画を完成させるために一生懸命努力してくれたすべての人にも感謝しなければなりません。素晴らしいファミリーのような俳優のみんな。今、どこかで祝ってくれ
jQuery.get( url, data, callback ) - jQuery 日本語リファレンス
HTTP(GET)通信でページを読み込みます。 シンプルなGETリクエストを送る簡単な方法で、複雑な$.ajax関数を使わずにサーバと通信ができます。通信の完了時に実行される関数を引数で指定することも可能ですが、これは成功時のみ実行されるので、失敗時と成功時の両方をカバーするには、$.ajaxを使う必要があります。
キー付きコレクション - JavaScript | MDN
ECMAScript 2015 で値と値とをマッピングする新しいデータ構造が導入されました。Map オブジェクトはシンプルなキー / バリューマップで、挿入順に要素を反復処理することができます。 次のコードでは Map を用いたいくつかの基本的な操作を表しています。また、追加の例や全ての API については、Map リファレンスページをご覧ください。for...of ループを使って、各反復処理において [key, value] からなる配列を返しています。 let sayings = new Map(); sayings.set("dog", "woof"); sayings.set("cat", "meow"); sayings.set("elephant", "toot"); sayings.size; // 3 sayings.get("dog"); // woof sayings.
jQuery-Validation-Engineで簡単にフォーム内容をチェック！ - 北海道苫小牧市のホームページ制作 STUDIO KEY
フォームを伴うHTMLコードを書いていると、どうしてもバリデーション(入力値の妥当性確認)が必要になります。 HTML5になると、フォーム属性である程度はカバー出来ますが、全てのブラウザがHTML5に対応し、かつ利用者の多くがこれの恩恵を受け、かつ対応出来ないブラウザを利用している方を切り捨てる時代になるにはまだまだ数年掛かります。 バリデーションの方法は大きく分けてPOST後とPOST前の二種に分かれます。 POST後のバリデーションは送信された際に、PHPやCGI側で入力内容をチェックし、エラーならメッセージを表示させるなどです。 厳密にチェックするならばこれが一番ですし、エラーメッセージなどデザイン部分も色々と工夫する事が出来ます。 ただ、簡単なメールフォームでいちいちメールアドレス形式かどうかを確認する為だけにPOSTし、エラーメッセージを表示するプログラムを書くのは面倒です。 ※
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML Standard 日本語訳
Complexity & The Stacey matrix - GP-Training.net
世界各都市の気候データ