Illustratorã§é›²ã‚’æãã€(ãŸã¶ã‚“)世界ã§ä¸€ç•ªç°¡å˜ãªæ–¹æ³•[Adobe イラストレーター] – クリエイター丙![Illustratorã§é›²ã‚’æãã€(ãŸã¶ã‚“)世界ã§ä¸€ç•ªç°¡å˜ãªæ–¹æ³•[Adobe イラストレーター] – クリエイター丙](https://cdn-ak-scissors.b.st-hatena.com/image/square/51b641e2ea81fe0f470485c4148fb933665da8d8/height=288;version=1;width=512/https%3A%2F%2Fcreator-hey.com%2Fwp-content%2Fuploads%2Fhow-to-draw-clouds-in-ai1.jpg)
FINDJOB!終了ã®ãŠçŸ¥ã‚‰ã› | FINDJOB!
FINDJOB! 終了ã®ãŠçŸ¥ã‚‰ã› 2023å¹´9月29æ—¥ã«FINDJOB!を終了ã„ãŸã—ã¾ã—ãŸã€‚ ã“ã‚Œã¾ã§FINDJOB!ã‚’ã”利用ã„ãŸã ã„ãŸä¼æ¥æ§˜ã€æ±‚è·è€…様ã€æ§˜ã€…ãªã”関係者様。 大変長らãFINDJOB!ã‚’ã”愛顧ã„ãŸã ãã€èª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚ IT/Webç³»ã®ä»•äº‹ã‚„求人ãŒã¾ã 広ãæ™®åŠã—ã¦ã„ãªã„é ƒã«Find Job!をリリースã—ã¦ã‹ã‚‰ ç´„26å¹´é–“ã€å¤šãã®æ–¹ã€…ã«æ”¯ãˆã¦ã„ãŸã ãã€é‹å–¶ã‚’続ã‘ã¦ã¾ã„ã‚Šã¾ã—ãŸã€‚ 転è·æˆåŠŸã®ãŠå£°ã€æŽ¡ç”¨æˆåŠŸã®ãŠå£°ãªã©ã€å¬‰ã—ã„言葉もãŸãã•ã‚“ã„ãŸã ãã¾ã—ãŸã€‚ ã¾ãŸFINDJOB!経由ã§å…¥ç¤¾ã•ã‚ŒãŸæ–¹ãŒäººäº‹æ‹…当ã«ãªã‚Šã€ FINDJOB!を通ã˜ã¦ã€æ–°ãŸãªäººæã«å‡ºä¼šã†ã“ã¨ãŒã§ããŸãªã©ã€ ãŸãã•ã‚“ã®ã”ç¸ã‚’ã¤ãã‚‹ã“ã¨ãŒã§ããŸã®ã§ã¯ãªã„ã‹ã¨æ€ã£ã¦ãŠã‚Šã¾ã™ã€‚ 2023å¹´9月29日をもã£ã¦ã€FINDJOB!ã¯ãã®æ´å²ã®å¹•ã‚’下ã‚ã™ã“ã¨ã¨ãªã‚Šã¾ã—ãŸãŒã€ 今後もã€IT/Webæ¥ç•Œã‚„クリエイティブ
ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã«ãƒã‚§ãƒƒã‚¯ã—ãŸã‚‰ã‚³ãƒ³ãƒ†ãƒ³ãƒ„を表示ã•ã›ã‚‹ - ã‹ã¡ã³ã¨.net
Result jQuery $('#check').click(function() { //クリックイベントã§è¦ç´ をトグルã•ã›ã‚‹ $("#box").slideToggle(this.checked); }); css input{margin:80px 0 0 80px;} div{ display:none; margin:25px; padding:25px; background:#eee; width:200px; height:150px; } html <label><input type="checkbox" id="check">Check This!</label> <div id="box">content is here</div>
ã€jQuery】ãƒã‚§ãƒƒã‚¯ã•ã‚Œã¦ã„ã‚‹ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚’å–å¾—ã—ãŸã„ at softelメモ
:checkbox セレクタ jQueryã® :checkbox セレクタã¯ã€CSSã«ã¯ãªã„jQuery独特ã®ã‚»ãƒ¬ã‚¯ã‚¿ã§ã€ãƒ‘フォーマンスé¢ã§ã¯ã‚ˆãã¯ã‚ã‚Šã¾ã›ã‚“。使用ã™ã‚‹å ´åˆã¯ã€å…·ä½“çš„ãªè¦ç´ åã¨å…±ã«ä½¿ç”¨ã™ã‚‹ã“ã¨ãŒæŽ¨å¥¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ × $(":checkbox") × $("*:checkbox") â—‹ $("input:checkbox") ã•ã‚‰ã«ã€ã‚ˆã„ã®ã¯CSSã®ç–‘似セレクタ風ã®è¨˜è¿°ã§ã¯ãªãã€ä¸‹ã®ã‚ˆã†ã«type属性ã§åˆ¤å®šã™ã‚‹æ–¹æ³•ã§ã™ã€‚ â—Ž $("input[type='checkbox']") :checked セレクタ :checked セレクタã¯ãƒã‚§ãƒƒã‚¯ã•ã‚Œã¦ã„ã‚‹ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã¨ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ã«ãƒžãƒƒãƒã—ã¾ã™ã€‚ :checked セレクタã¯jQuery独特ã®ã‚‚ã®ã§ã€CSSã«ã¯ã‚ã‚Šã¾ã›ã‚“。性能é¢ã§ç‰¹ã«ã‚ˆã„ã‚ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“。 よりよã„パフォーマンスを得るã«ã¯ã€è¦ç´ ã‚’å–å¾—ã—ãŸå¾Œã§ã€.fil
jQueryã®ã‚»ãƒ¬ã‚¯ã‚¿è§£èª¬ - jQuery入門 - [SMART]
jQueryã«ã¯ä»»æ„ã®ç¯„囲ã€è¦ç´ を指定ã™ã‚‹ãŸã‚ã®ã‚»ãƒ¬ã‚¯ã‚¿ã¨å‘¼ã°ã‚Œã‚‹æ©Ÿèƒ½ãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ ãŸã¨ãˆã°ã€BODYè¦ç´ 内ã«ã‚ã‚‹ã™ã¹ã¦ã®ç”»åƒã«ã‚¢ã‚¯ã‚»ã‚¹ã—ãŸã„å ´åˆã¯ä¸‹è¨˜ã®ã‚ˆã†ã«ã‚»ãƒ¬ã‚¯ã‚¿ã‚’指定ã—ã¾ã™ã€‚ $("img") 例ãˆã°ã€IMGè¦ç´ ã®ãƒœãƒ¼ãƒ€ãƒ¼ã‚’3ピクセルã®èµ¤ã«è¨å®šã™ã‚‹ã«ã¯æ¬¡ã®ã‚ˆã†ã«ã—ã¾ã™ã€‚ $("img").css("border","3px solid red"); セレクタã§å¯¾è±¡ã‚’指定ã—ã€cssã¨ã„ã†ãƒ¡ã‚½ãƒƒãƒ‰ã§ãƒœãƒ¼ãƒ€ãƒ¼å±žæ€§ã®å€¤ã‚’è¨å®šã—ã¦ã„ã¾ã™ã€‚ セレクタã¯è¦ç´ å以外ã«ã‚‚ã€IDåã‚„CLASSåを指定ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ãŸã¨ãˆã°ã€BODYè¦ç´ 内ã«ã‚ã‚‹ã™ã¹ã¦ã®ç”»åƒã«ã‚¢ã‚¯ã‚»ã‚¹ã—ãŸã„å ´åˆã¯ä¸‹è¨˜ã®ã‚ˆã†ã«ã‚»ãƒ¬ã‚¯ã‚¿ã‚’指定ã—ã¾ã™ã€‚ $("img.photo") IMGè¦ç´ ã§ã€ã‹ã¤IDå㌠photo01 ã®è¦ç´ を指定ã™ã‚‹ã«ã¯ã€æ¬¡ã®ã‚ˆã†ã«ã‚·ãƒ£ãƒ¼ãƒ—ã®å¾Œã«IDåを指定ã—ã¾ã™ã€‚ $("img#photo01")
![jQueryã®ã‚»ãƒ¬ã‚¯ã‚¿è§£èª¬ - jQuery入門 - [SMART]](https://cdn-ak-scissors.b.st-hatena.com/image/square/efeb6493234f33406d242c048873a805fca99c63/height=288;version=1;width=512/https%3A%2F%2Frfs.jp%2Fwp-content%2Fthemes%2Fsmart%2Fogpimage.png)
Selectors - jQuery 1.3.2 日本語リファレンス
Selectors/API/jQuery 基本 #id 指定ã•ã‚ŒãŸidã‚’æŒã¤è¦ç´ ã‚’é¸æŠžã™ã‚‹ã€‚ element 指定ã•ã‚ŒãŸã‚¿ã‚°åã®è¦ç´ ã‚’é¸æŠžã™ã‚‹ã€‚ .class 指定ã•ã‚ŒãŸã‚¯ãƒ©ã‚¹ã‚’æŒã¤è¦ç´ ã‚’é¸æŠžã™ã‚‹ã€‚ * å…¨ã¦ã®è¦ç´ ã‚’é¸æŠžã™ã‚‹ã€‚ selector1, selector2, ..., selectorN 複数ã®ã‚»ãƒ¬ã‚¯ã‚¿ãƒ¼ã‚’指定ã—ã¦é›†åˆè¦ç´ ã‚’é¸æŠžã™ã‚‹ã€‚ 階層 ancestor descendant ancestorを先祖ã«æŒã¤descendantã‚’é¸æŠžã™ã‚‹ã€‚ parent > child 親å関係を指定ã—ã¦è¦ç´ ã‚’é¸æŠžã™ã‚‹ã€‚ prev + next å‰å¾Œé–¢ä¿‚を指定ã—ã¦è¦ç´ ã‚’é¸æŠžã™ã‚‹ã€‚ prev ~ siblings prev以é™ã®å…„弟関係ã«ã‚ã‚‹è¦ç´ ã‚’é¸æŠžã™ã‚‹ã€‚ 基本フィルタ :first å…ˆé ã®è¦ç´ ã‚’é¸æŠžã™ã‚‹ã€‚ :last 末尾ã®è¦ç´ ã‚’é¸æŠžã™ã‚‹ã€‚ :not(selector) 指定ã—ãŸã‚»ãƒ¬ã‚¯ã‚¿ãƒ¼ã‚’
ページèªã¿è¾¼ã¿å¾Œã«javascript(jQuery)を実行ã™ã‚‹æ–¹æ³•
ã“ã‚“ã«ã¡ã¯ã€‚ã¾ã‚Šã‚‚ã§ã™ã€‚ ã²ã•ã—ã¶ã‚Šã«webç³»ã®å‚™å¿˜éŒ²ã§ã™ã€‚ ã‚ã–ã‚ã–記事ã«ã™ã‚‹ã“ã¨ã˜ã‚ƒãªã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€javascriptãªã‚“ã¦å…¨ç„¶ç†è§£ã—ã¦ãªãã¦jQueryã‚‚ãªã‚“ã¨ãªã€œã使ã£ã¦ã‚‹ç„¡èƒ½ã‚³ãƒ¼ãƒ€ãƒ¼ãªåƒ•ã«ã¯æœ‰ç”¨ãªäº‹ã§ã€ã—ã‹ã‚‚物忘れãŒæ¿€ã—ã„ã®ã§æ®‹ã—ã¦ãŠãã¾ã™ã€‚ jQueryã®ãƒ—ラグインを多用ã—ã¦ã‚‹ã¨ã€ãã®å®Ÿè¡Œã®ã‚¿ã‚¤ãƒŸãƒ³ã‚°ãŒæ€ã„通りã«è¡Œã‹ãªãã¦ã‚¤ãƒ©ãƒƒã¨ã™ã‚‹äº‹ã£ã¦ã‚ã‚‹ã¨æ€ã†ã€‚ 例ãˆã°ã€ãƒ–ãƒãƒƒã‚¯ã®é«˜ã•ã‚’æƒãˆã‚‹ãƒ—ラグインやã€ç”»åƒã®ã‚µã‚¤ã‚ºã‚’一定ã«ã—ã¦ä¸¦ã¹ã¦ãれるギャラリーãªã©ã€‚ ä»–ã«ã‚‚ã€CSSã§ãƒ–ãƒãƒƒã‚¯ã®å¤§ãã•ã‚’制御ã—ã¦ã„ã‚‹ã®ã«ã€html・CSS・javascriptã®èªã¿è¾¼ã¿ã‚¿ã‚¤ãƒŸãƒ³ã‚°ãŒå¾®å¦™ã«ãšã‚Œã¦ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒå´©ã‚Œã‚‹ã“ã¨ã‚‚ã‚る。 ãƒã‚¤ã‚¹ãƒšãƒƒã‚¯ãªãƒžã‚·ãƒ³ã§é«˜é€Ÿã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆæŽ¥ç¶šã ã¨å¤§ä¸ˆå¤«ã ã£ãŸã‚Šã™ã‚‹ã‘ã©ã€æ±Žç”¨ã‚¹ãƒšãƒƒã‚¯ãƒžã‚·ãƒ³ã®å…±æœ‰ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã ã£ãŸã‚Šã€ã‚¹ãƒžãƒ›ã‚„タブレット端末ã ã¨å‡¦ç†ãŒè¿½ã„ã¤ã‹ãªã„ã‹ã‚‰å´©ã‚Œ
ã“ã“ã¾ã§å‡ºæ¥ã‚‹ï¼è¦šãˆã¨ãã¨ä¾¿åˆ©ãªã€Œãƒ—ãƒã‚°ãƒ©ãƒ ã€ã‚µãƒ³ãƒ—ルã¾ã¨ã‚
作æˆï¼š2013/08/5 更新：2014/11/01 Web制作 > 食æを扱ã£ã¦ã„ã‚‹ãŠå®¢ã•ã‚“ã‹ã‚‰ã€ã€ŒECサイトã€ã‚’作ã£ã¦ãã‚Œã¨é ¼ã¾ã‚ŒãŸã®ã§ä½œæˆã—ã¾ã—ãŸï¼ˆäº‹æƒ…ã«ã‚ˆã‚Šã€CMSã¯ä½¿ãˆãšï¼‰ã€‚ã•ã‚‰ã«ãƒ¡ãƒ³ãƒ†ãƒ³ã‚¹ãŒæ¥½ã«ãªã‚‹ã‚ˆã†ã«æ›´æ–°ã‚„SEOを自動化ã—ã¾ã—ãŸã€‚今回ã¯ã€CMS（WordPressã¨ã‹EC-CUBEãªã©ï¼‰ã‚’使ã‚ãšä»•çµ„ã¿ã‚’作るã¨ãã«å‚考ã«ã—ãŸã€Œãƒ—ãƒã‚°ãƒ©ãƒ サンプルã€ã®ã¾ã¨ã‚ã§ã™ã€‚ プãƒã‚°ãƒ©ãƒ ã®å‹‰å¼·ã«ã‚‚ãªã‚Šã€ã€Œã¸ã‡ï½žã“ã‚“ãªã“ã¨ã‚‚出æ¥ã‚‹ã‚“ã ã€ã¨æ€ã£ãŸã‚‚ã®ã€‚今回ã¯ï¼ˆPHPï¼jQueryï¼js）ã§ã™ã€‚ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢é€Ÿå ±ã¯ Twitter ã®@commteã§é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ 一般 ç”»åƒï¼PHP １．画åƒãƒªã‚µã‚¤ã‚º ２．画åƒã«å—を書ã ３．画åƒã®æ‹¡å¤§ãƒ»ç¸®å°ãƒ»ã‚µãƒ ãƒã‚¤ãƒ«å‡ºåŠ› ４．グラフã®æç”» ５．画åƒã‚¨ãƒ•ã‚§ã‚¯ãƒˆï¼’５個 URLï¼PHP ６．ページã®URLã‚’å–å¾— ７．URLã®ä¸èº«ï¼ˆHTML）をå–å¾— ８．URL自動リン
色々ãªWebサービスã®ä¼šå“¡ç™»éŒ²ç”»é¢ã¾ã¨ã‚ - no web service no life
多様化ã™ã‚‹ä¼šå“¡ç™»éŒ²ç”»é¢ 色々ãªWebサービスã®ä¼šå“¡ç™»éŒ²ç”»é¢ã‚’ã€å°Žç·šã‚„SNS連æºãƒœã‚¿ãƒ³ã®é…置を主軸ã«åˆ†é¡žã—ã¦ã¿ã¾ã—ãŸã€‚ å„サービスã€ä¼šå“¡ç™»éŒ²CVRを上ã’ã‚‹ãŸã‚ã«ã€å°Žç·šã‚„æ示方法を工夫ã—ã¦ã„ã¾ã™ã€‚ã¾ãŸã€SNS連æºãŒå¿…é ˆã«ãªã£ã¦ããŸã“ã¨ã«ã‚ˆã£ã¦ã€ç”»é¢ã«å ã‚ã‚‹è¦ç´ ãŒå¢—ãˆã¦ãã¦ãŠã‚Šã€ãã®é…置方法ã«ã‚‚工夫ãŒã¿ã‚‰ã‚Œé¢ç™½ã„ã§ã™ã€‚ ※ã‚ャプãƒãƒ£å–得タイミングã®é–¢ä¿‚ã§ã€å¤ã„デザインもã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã”了承下ã•ã„。 ãƒãƒƒãƒ—アップæ示パターン Sumallyã‚„pixivã¯ã€Cookie制御ãŒã•ã‚Œã¦ãŠã‚Šã€åˆå›žè¨ªå•æ™‚ã«ã‚¢ã‚°ãƒ¬ãƒƒã‚·ãƒ–ã«ãƒãƒƒãƒ—アップをæ示ã—ã¦ãã¾ã™ã€‚ Sumally pixiv Blabo!ã‚„Airbnbã¯ã€ä¼šå“¡ç™»éŒ²ãƒªãƒ³ã‚¯ã‚’押ã™ã¨ãƒãƒƒãƒ—アップã§æ示ã•ã‚Œã¾ã™ã€‚ Blabo! Airbnb SNS連æºãƒœã‚¿ãƒ³ãŒä¸Šã«é…ç½®ã•ã‚Œã¦ã„るパターン 通常ã®ä¼šå“¡ç™»éŒ²ã¸ã®å°Žç·šã‚„フォームã®ä¸Šã«ã€å„種SNSã®ãƒœã‚¿ãƒ³ãŒé…ç½®ã•ã‚Œã¦
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
ã“ã“最近èªã‚“ã§å‹‰å¼·ã«ãªã£ãŸWeb制作関連ã®ã‚¹ãƒ©ã‚¤ãƒ‰10é¸ï¼ˆ2013å¹´6月～7月）
{{#tags}}- {{label}}
{{/tags}}